Construyendo un sitio con DRUPAL

Al igual que en la sección de Joomla, para este tutorial de Drupal hemos adquirido el dominio www.aprendedrupal.com.mx y hemos hosteado e instalado el sitio. También es importante hacer notar que trabajaremos con la versión Drupa 7.0 que es la más reciente a la fecha en el que se escribe este artículo.

Drupal, como todos los CMS tiene una parte visible para los usuarios que bien podría se llamada el Frontend y a ésta accesamos simplemente al escribir el url www.aprendejoomla.com.mx en el navegador. La siguiente es una imagen de la página tal y como se ve después de instalarse Drupal:

 

Para ver las opciones de administración o Backend debemos escribir Nombre de Usuario y Contraseña que elegimos en el momento de instalar Drupal – en el caso de que haya sido instalado por el proveedor del hosting, es éste quien envía el nombre de usuario y clave.

Una vez ingresada los datos, podemos observar que se nos despliegan las opciones de administración. La siguiente es la pantalla una vez identificados como administradores:

Como se puede observar en la parte superior se muestra un menú que nos permite ir a las diferentes secciones y con ellos empezar a construir nuestro sitio.

Para iniciar, lo primero que haremos será cambiar el nombre de la página. Esto se logra con los siguientes pasos:

1.- Damos un clic en la opción: Configuración

2.- Damos un clic la liga que dice Información del Sitio

3. En Nombre del Sitio Web escribimos: Aprende Drupal

4.- En Lema escribimos: Tutorial de la Versión 7.0

4.- Damos un clic en Guardar configuración

Instalación del Módulo CKeditor

Antes de iniciar con el trabajo de bloques es importante subir a nuestro sitio un módulo que nos permita editar texto en formato html, esto es, que nos de la posibilidad de dar un formato atractivo a nuestro texto, así como crear ligas entre otras cosas. Esto debemos de hacerlo, pues a diferencia de otros CMS, Drupal no trae integrado un editor.

El módulo más usado en Drupal es, paradójicamente un programa que no fue hecho específicamente para este CMS sino que es un programa de Código Libre. Por lo que tenemos que hacer un doble trabajo: instalar el módulo que permite usar este editor e instalar el propio editor. El programa que estamos hablando el CKeditor.

Para descárgalo, tenemos que ir a Drupal.org y en la búsqueda escribir CKeditor. Esto nos lleva a la página donde podemos descargar el archivo tar.gs-que es un archivo empaquetado- con todos los elementos necesarios para instalarlo. Necesitamos también descargar el archivo CKeditor de la página http://ckeditor.com/ y una vez instalado el módulos subirlo en la carpeta que se llama CKeditor que se encuentra en la dirección sites/all/modules/ckeditor/ckeditor. Para subirlo se puede usar un programa FTP como el Filezilla  o con el propio CPanel que en muchos servidores se ha convertido en el estándar.

La instalación del módulos se realiza de la siguiente manera:

1.- Damos en la opción liga Módulos.

2.- Damos un clic en  Instalar nuevo módulo.

3.- Seleccionamos el archivo que CKeditor que bajamos de Drupal.org

4.- Damos un clic en la casilla de activado en el módulo CKeditor

5.- Damos un clic en Guardar Configuración

Bloques de la Página Principal

En la página de inicio presentaremos, entre otras cosas una bienvenida y explicación del objetivo del sitio, esto, así como otros elementos que incluiremos, se realiza a través de colocar bloques en distintas posiciones:

Bloque: Bienvenido

1.- Damos en la opción liga Estructura.

2.- Damos un clic en  Bloques.

3.- Damos un clic en  Añadir Bloque

4.- Escribimos en descripción del bloque: Bienvenida

5.- Escribimos en el Título del bloque: Bienvenidos

6.- Escribimos en el Body: Bienvenidos a Aprende Drupal. Aquí presentaremos un tutorial de la versión más reciente de Drupal. Esperamos que les sea de utilidad

7.- En Opciones de la región seleccionamos Contenido –Esta es la posición que corresponde a la parte central de la plantilla.

8.- En Opciones de la Visibilidad seleccionamos Página

9.- Seleccionamos Sólo las páginas enumeradas

10.- En el campo de escritura escribimos: <front> con ello estamos diciendo que sólo en la páginas principal debe de verse este bloque

11.- Damos un clic en  Guardad bloques.

Bloque: Quién está en conectado

Este es un bloque que viene instalado en el propio Drupal, por lo que tan sólo tenemos que habilitarlo en el lugar deseado. Eso se logra de la siguiente manera

1.- Damos en la opción liga Estructura.

2.- Damos un clic en  Bloques.

En la parte inferior vamos a encontrar distintos bloques que vienen preinstalados con Drupal,

3.- En el bloque Quién está en conectado seleccionamos la posición Barra lateral segunda – que es equivalente al lateral derecho

4.- Damos un clic en  Guardad bloques.

Bloque: Desarrollado por Digitalizate

Crearemos también un bloque con una liga a nuestro sitio:

1.- Damos en la opción liga Estructura.

2.- Damos un clic en  Bloques.

3.- Damos un clic en  Añadir Bloque

4.- Escribimos en descripción del bloque: Digitalizate

5.- En el Título del bloque lo dejamos en blanco

6.- Escribimos en el Body: Sitio desarrollado por Digitaíizate

7.- Damos un clic en el ícono de liga y escribimos www.digitalizate.net/

8.- En Opciones de la región seleccionamos Pie de página –Esta es la posición que corresponde a la parte central de la plantilla.

9.- Damos un clic en  Guardad bloques

Creación de un formulario de Contacto

Para que la gente nos pueda contactar vamos a colocar en una nueva página un formulario de contacto. Para ello tenemos primero que habilitar un módulo que ya viene instalado con Drupal,  para ello seguimos los estos pasos.

1.- Damos en la liga Módulos.

2.- Damos un clic en  la casilla de activado en el módulo Contact

3.- Damos un clic en Guardar Configuración

Una vez realizado esto, al dar un clic en la liga de estructura nos daremos cuenta que ahora existe una nueva opción que se llama Formulario de Contacto

4.- Damos un clic en Formulario de Contacto

5.- Damos un clic en editar

6.- En Respuesta automática escribimos: Gracias por tu mensaje en Aprende Drupal, te contactaremos a la brevedad posible

7. Guardamos.

Al hacerlo, de manera automática se añadió un botón al menú Navegación, pero aparece desactivado. Para este ejercicio deseamos que el botón de Contáctanos aparezca en el menú principal, por lo que debemos tanto habilitar el botón como cambiarlo al menú principal. Eso se logra de la siguiente manera:

8. Damos un clic en Estructura

9.- Damos un clic en Menús

10.- Damos un clic en Añadir enlace

11.- Al lado de donde dice Navigation damos un clic en  Listarenlaces

12.- En Contact damos un clic en editar

13.- Habilitamos con un clic la casilla de Activado

14.- En Enlace Padre seleccionamos Menú Principal

15.- Guardamos

Finalmente debemos permitir que los visitantes del sitio nos puedan mandar mensajes, por lo que tenemos que cambiar los permisos de usuario. Eso se logra regresando al módulo de Contact:

1.- Damos en la opción liga Módulos.

2.- Damos un clic en  la casilla de activado en el módulo Contact

3.- Damos un clic en Permisos

4.- En la opción Contact, en la parte que dice Usar el formulario de contacto del sitio damos un clic en las casillas de  Usuario anónimo y Usuario Registrado – con lo que posibilitamos que tanto visitantes como aquellos que se hayan registrado en el sitio envíen mensajes

5.-Damos un clic en Guardar permisos.

Finalmente vamos a crear un artículo con este tutorial – es un nodo tipo artículo, pues queremos que aparezca en la página principal:

1.- Damos en Añadir nuevo contenido.

2.- Damos un clic en  la opción Article

3.- En título escribimos: Tutorial Drupal 7.0

4.- Copiamos y pegamos el contenido de este tutorila

5.-Guardamos