Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Manual de Drupal PDF
Manual de Drupal PDF
de sitios web
con Drupal
Aparecida Conde
Creative Commons
Esta obra está licenciada por Campus Santander Emprende y se distribuye bajo
una Licencia Creative Commons Atribución-NoComercial-SinDerivar 4.0 Interna-
cional.
2
Índice
3
Presentación del curso
Objetivos
Que el alumno sea capaz de crear un sitio web sencillo pero completo en Dru-
pal.
Que adquiera los conocimientos necesarios para poder seguir ampliando su
Creación de sitios web con Drupal
Qué aprenderemos
Para saber Drupal no hace falta que aprendas a programar. Hay quien dice que
Drupal es para programadores, pero no estamos de acuerdo. Drupal tiene una in-
terfaz de trabajo muy potente con sus correspondientes menús y ventanas de diá-
logo. Lo que sí hace falta es entender el modo en que se trabaja en Drupal y
aprender a descifrar esas ventanas de diálogo.
Aparte de operaciones básicas como publicar artículos tipo blog y páginas estáti-
cas tipo Sobre nosotros, lo que hay que aprender a hacer (y en este curso ense-
ñamos) para poder trabajar en Drupal es:
4
Presentación del curso
museodearte.hol.es
Hay una web de ejemplo de un museo ficticio (museodearte.hol.es) cuyo proceso
de elaboración se describe a lo largo de los temas.
Ficheros en PDF
En la plataforma de Campus Santander Emprende se ha subido, junto a cada te-
ma, el fichero en PDF con todo el contenido correspondiente así como con nume-
rosas capturas de pantalla que nos pueden ayudar a entenderlo todo mejor. Se
recomienda seguir el curso por estos ficheros o por el archivo del curso completo
también en PDF que encontrará al final del curso.
¿Drupal 8 ó Drupal 7?
Este manual puede servir tanto a quien quiera probar ya Drupal 8 como a los que
prefieran quedarse aún con Drupal 7. La situación, por ahora, es la siguiente: Dru-
pal 8 ya puede usarse, aunque algunas de las herramientas del mismo están aún
en proceso de desarrollo, por lo que algunos desarrolladores web prefieren seguir
con Drupal 7. Sin embargo, en los servidores gratuitos que proporcionan un servicio
de instalación automática quizá no te den más opción que utilizar Drupal 8.
5
Presentación del curso
En cuanto a las diferencias de uso entre uno y otro, la verdad es que son muy simi-
lares: la interfaz es casi idéntica y su uso también. Lo que cambia de una a otra
plataforma es, sobre todo, la manera interna de organizar los archivos y cómo es-
tos están construidos (los programadores intentan hacer esto cada vez más efi-
ciente), pero eso a nosotros no nos incumbe porque en este curso aprenderemos
a crear sitios web a través de la interfaz.
Otra cosa que ha cambiado es que en Drupal 8 uno de las herramientas que más
se usa (Views) te la vas a encontrar por defecto, mientras que en Drupal 7 la tenías
que instalar como un módulo (pero esto no tiene ninguna complicación y nosotros
te enseñaremos a hacerlo).
Creación de sitios web con Drupal
6
Práctica final
Recomendaciones
Recomendamos comenzar la práctica cuanto antes. Por ejemplo, según vas le-
Creación de sitios web con Drupal
yendo la parte sobre cómo instalar Drupal en el servidor, puedes ir siguiendo las
instrucciones para hacerlo.
No hace falta que los textos estén muy elaborados. Puedes incluso utilizar texto de
relleno tipo Lorem Ipsum. Recuerda que de lo que se trata es de aprender a utilizar
Drupal.
Tened en cuenta que los pasos que se han de seguir para hacer cada cosa pue-
den variar ligeramente dependiendo del sistema operativo, de lo que queramos
hacer, de que os decantéis por Drupal 7 u 8… Así que las instrucciones que se dan
en cada tema, que son bastante precisas, han de tomarse como una guía, pero
piensa que los procedimientos pueden cambiar y que hay muchas maneras de
hacer lo mismo.
7
Práctica final
Evaluación
El alumno tendrá que enviar, por correo electrónico, la dirección de su web y, si és-
ta cumple los requisitos mínimos, se dará la prueba por superada y obtendrá su di-
ploma.
Tutorías
El alumno matriculado tendrá un tutor a su disposición para consultar sus dudas.
Creación de sitios web con Drupal
8
Tema 1.
Introducción
a Drupal
1 Introducción a Drupal
Acercarse a Drupal
Drupal te permite tener un gran control sobre tu sitio. Puedes construir tú mismo
muchas cosas y mover con bastante libertad los distintos elementos de una pági-
na. Y todo sin tocar el código, sólo a través de los menús del panel de control.
Es decir, que no te preocupes porque al final del curso ya sabrás utilizar Drupal y
vas a practicar haciendo una web tú mismo. Y adquirirás los conocimientos nece-
sarios para seguir investigando por tu cuenta.
10
1 Introducción a Drupal
Pero el hecho de que sea gratuito y de código abierto no significa que no se pue-
da usar para fines comerciales, como por ejemplo, crear la web de tu empresa,
sino que, si hicieras alguna modificación sobre el software, esas modificaciones
seguirían estando bajo la misma licencia de código abierto y libre.
drupal.org
Podemos acudir a drupal.org para encontrar plantillas, módulos (extensiones) y un
montón de documentación y recursos de ayuda. Hay otros sitios con utilidades so-
bre Drupal, pero este es el más completo (aunque está en inglés).
Conceptos básicos
Creación de sitios web con Drupal
Core
El core (o núcleo) son todos los archivos de las funcionalidades básicas que vienen
por defecto cuando instalamos Drupal. Si después de hacer este curso seguís sin-
tiendo curiosidad por esta plataforma e investigáis por vuestra cuenta, os toparéis
a menudo con el siguiente consejo: “Never hack core” (no hackear el núcleo ja-
más). Los desarrolladores de Drupal recomiendan no hacer ninguna modificación
en estos archivos. “¿Hay alguna excepción a esta regla?”, continúa el consejo, y
la respuesta es “No”. La razón de esto es que modificar esos archivos puede aca-
rrear problemas de funcionamiento más adelante.
Los drupaleros (así se llaman a sí mismos quienes usan esta plataforma) siguen este
consejo bastante a rajatabla. La excepción (en realidad sí hay excepciones) es
que sepas muy, muy bien lo que estás haciendo y documentes los cambios.
11
1 Introducción a Drupal
Módulos
Los módulos añaden funcionalidades a nuestro sitio y se dividen en lo que llaman
las “3 C”:
Módulos del core (core modules): los que vienen por defecto en la instalación.
Contribuciones (contributed modules): los que vas añadiendo.
Módulos personalizados (custom modules): los que crea el propio desarrolla-
dor, pero hay que tener conocimientos de PHP y conocer bien la estructura de
Drupal.
Hay muchísimos módulos que podemos utilizar para ampliar las posibilidades de
nuestra web y el mejor sitio para encontrarlos es drupal.org.
Nodos
Los nodos son piezas de contenido de la web, ya sean artículos, páginas estáticas,
etc. Según se va creando ese contenido, Drupal le asigna un número, de modo
que las URL de nuestro sitio tendrán, en principio, este aspecto:
http://www.nombredelsitio.com/?q=node/67 ó
Creación de sitios web con Drupal
https://www.nombredelsitio.com/node/12
Campo
El campo es un componente básico en Drupal y que vamos a utilizar mucho. En
otros CMS no te tienes que preocupar de esto porque ya te los dan hechos. En
Drupal también contamos con unos cuantos prediseñados, pero lo normal es que
tú crees también los que a ti te vengan bien.
Los campos permiten introducir y almacenar información. Por ejemplo, los formula-
rios para publicar entradas en un blog suelen tener un recuadro para poner el títu-
lo, otro para escribir el grueso del texto y otro para insertar una foto. Pues bien, ca-
da uno de esos recuadros sería un campo.
Tipos de contenido
Por defecto, Drupal nos permite publicar artículos y páginas básicas (con conteni-
do estático). Los artículos son un tipo de contenido y las páginas básicas otro. Y
12
1 Introducción a Drupal
además nosotros podemos crear todos los tipos nuevos de contenido que necesi-
temos. Por ejemplo, para el sitio de prueba museodearte.hol.es hemos creado uno
al que llamamos Obra de arte.
Obra de arte es un tipo de contenido muy parecido a artículo, con un campo pa-
ra introducir un título, otro para un texto más largo y otro para subir una foto, y
además hemos previsto que tenga también un espacio reservado para el nombre
del autor de cada obra.
Taxonomía
La taxonomía es algo parecido a lo que en otros gestores llaman categorías. La
forman palabras que sirven para clasificar el contenido. A esas palabras las lla-
mamos términos, que se agrupan en vocabularios. Por ejemplo, en el caso de
nuestro museo, podríamos tener un vocabulario de Estilos pictóricos y dentro de es-
te vocabulario incluiríamos términos como Renacimiento, Impresionismo, Surrealis-
mo, etc.
Creación de sitios web con Drupal
Tags
Las tags son palabras descriptivas del contenido de, por ejemplo, un artículo. En
otros gestores las llaman también etiquetas, pero nosotros no lo vamos a hacer,
porque el vocablo etiqueta lo vamos a utilizar mucho para referirnos a otra cosa.
Regiones
Las regiones son las distintas zonas de la página web: encabezado, pie de página,
zona reservada a contenido, zona reservada a navegación, etc.
13
1 Introducción a Drupal
Bloques
En cada región se visualizan bloques de información que contienen los menús, el
contenido principal, los formularios de búsqueda, listados de noticias recientes,
cuadros de inicio de sesión, calendarios de eventos, etc.
Artículos
Un artículo está habitualmente compuesto de un título y un texto pero también se
le pueden añadir imágenes, etc. Los artículos en Drupal son como los de cualquier
otro gestor de contenido (por ejemplo, las entradas en WordPress).
Página básica
No hay que confundir lo que en Drupal se conoce por página básica con lo que
normalmente entendemos por página web. En Drupal, las páginas básicas son
secciones de la web con contenido usualmente estático. Por ejemplo, podríamos
tener una sección que se llamase Sobre Nosotros, con información sobre la empre-
sa, nuestros principios, quiénes trabajan en ella, etc., con textos que usualmente
no habría que cambiar (aunque por supuesto podríamos hacerlo); y otra a la que
Creación de sitios web con Drupal
Una vez que hayamos elegido un tema, podremos hacer pequeñas modificacio-
nes sin mucha dificultad, dependiendo de cómo lo haya configurado su diseña-
dor. Y también podemos mover los distintos elementos de la web bastante a nues-
tro antojo, o cambiar el número de columnas y filas en que se divide nuestra planti-
lla, y todo desde la interfaz, es decir, usando sólo los menús y las distintas ventanas
de diálogo.
Esto es una gran diferencia con respecto a WordPress o Joomla. En estos, en prin-
cipio estás más condicionado por lo que el autor de la plantilla te deje hacer con
ella. Puede que te permita cambiar el menú de navegación de la izquierda a la
14
1 Introducción a Drupal
derecha, y los colores y alguna cosa más. Pero si queremos hacer modificaciones
más radicales tenemos que recurrir a otras herramientas o entrar al código. En
Drupal, sin embargo, tenemos mucho más control. Y, por supuesto, también po-
dríamos diseñar nuestro propio tema (aunque eso está fuera del alcance de este
curso).
Instalar temas es muy fácil y uno de los lugares para encontrarlos es drupal.org.
Creación de sitios web con Drupal
15
Tema 2.
Instalar Drupal
2 Instalar Drupal
Hay varias posibilidades a la hora de instalar Drupal. Una de ellas es hacerlo prime-
ro en nuestro ordenador para, una vez el proyecto esté lo bastante desarrollado,
subirlo a un servidor externo y seguir trabajando ahí.
Antes de elegir un servidor, hay que informarse un poco para comprobar que el
Creación de sitios web con Drupal
que elijamos soporta Drupal. En principio, es suficiente con leer la información que
nos ofrece cada empresa o hacer un poco de investigación en un buscador co-
mo Google.
Si quieres saber un poco más sobre esto, puedes consultar los “requisitos del siste-
ma” (que encontrarás en drupal.org). Lo habitual es hacer la instalación en un ser-
vidor Apache, que cuente con un intérprete de PHP (un lenguaje de programa-
ción) y bases de datos MySQL, y todo con las versiones adecuadas. De todas for-
mas, estos servicios son ya muy comunes y es muy fácil encontrar alojamientos que
los proporcionen.
Para el sitio de prueba del curso hemos seleccionado un servidor gratuito: hostin-
ger.es. Y a continuación vamos a describir paso a paso el proceso para registrar-
nos, elegir una dirección para nuestro sitio web e instalar Drupal, que será similar
en casi todos los servidores.
17
2 Instalar Drupal
Registrarse en Hostinger
Tened en cuenta que se os pedirá que introduzcáis nombres de usuario y contra-
seña tanto para la cuenta general de Hostinger como para el sitio que instaléis.
Podéis elegir dos usuarios y contraseñas distintos, pero si para este curso no queréis
liaros mucho os vale emplear las mismas.
paso a paso
18
2 Instalar Drupal
6. Para hacer prácticas para el curso, vamos a seleccionar una cuenta gratuita.
19
2 Instalar Drupal
20
2 Instalar Drupal
Creación de sitios web con Drupal
8. Rellena el CAPTCHA (algunos consisten en juegos que hay que resolver), que
sirve simplemente para garantizar que quien se está sacando la cuenta es una
persona y no un ordenador, y confirma la orden.
21
2 Instalar Drupal
Los datos sobre la cuenta y el dominio, que necesitarás para configurar tu web, subir
! archivos, etc., los encontrarás en el Panel de Control de Hostinger > Cuentas > Deta-
lles. Y también en un correo que te habrán enviado una vez te hayas registrado y se-
leccionado el nombre de tu sitio. Recomendamos no eliminar ese correo; es mejor ar-
chivarlo cuidadosamente.
Creación de sitios web con Drupal
Una vez que hayamos cerrado sesión en Hostinger, hay que tener en cuenta que, pa-
! ra volver a entrar, nuestro nombre de usuario es la dirección de correo electrónico
completa que hayamos puesto, con la @ y todo.
22
2 Instalar Drupal
paso a paso
Creación de sitios web con Drupal
23
2 Instalar Drupal
En el momento de escribir este manual, Drupal 8 aún tiene algunos módulos en desa-
! rrollo, pero ya se puede trabajar con él.
Creación de sitios web con Drupal
24
2 Instalar Drupal
25
2 Instalar Drupal
Una cosa es entrar en el servicio de hosting que hayamos elegido (en nuestro caso
! Hostinger) y otra en el panel de control de nuestra web en Drupal. De vez en cuando
nos vendrá bien visitar nuestra cuenta en Hostinger, quizá para pedir ayuda a su servi-
cio técnico o para utilizar alguna de las funcionalidades que nos ofrece, pero lo nor-
mal es que trabajemos sobre nuestro sitio.
26
2 Instalar Drupal
En Hostinger el usuario es un correo electrónico, así que para entrar ahí tendremos
! que escribir una dirección completa, con la @ incluida. Sin embargo, el panel de con-
trol de Drupal solo pide un nombre de usuario (no una dirección de correo). Así que si
intentamos entrar en Hostinger sólo con un nombre de usuario no podremos. Y si po-
nemos una dirección de e-mail completa para entrar en el panel de administración
de Drupal tampoco lo conseguiremos.
Creación de sitios web con Drupal
27
Tema 3.
El panel de
administración
3 El panel de administración
Es probable que, nada más entrar en el Panel_Admin de Drupal, nos salga un aviso
! indicándonos que hay una versión más reciente de la plataforma. Durante este curso,
que se centrará en aprender a usar la interfaz, vamos a ignorarlo. Las actualizaciones
de Drupal 7 son un poco enrevesadas de hacer y están fuera del objetivo de este cur-
so.
Panel de control. Para configurar los elementos del Panel_Admin. Nosotros no va-
mos a hacer cambios aquí.
Contenido. Desde este elemento del menú podemos ver un listado con todo lo
que hemos publicado en nuestro sitio: artículos, páginas, etc.
Estructura. Vamos a entrar mucho aquí, porque desde esta sección podremos
crear y modificar numerosos elementos.
29
3 El panel de administración
Usuarios. Desde el panel Usuarios se puede gestionar quiénes tienen acceso a edi-
tar el sitio web, y en qué medida: habrá usuarios que sólo puedan publicar artícu-
los, otros que tengan permiso para rediseñarlo, etc.
Configuración. Desde aquí podremos ajustar varios aspectos del sitio. Por ejemplo,
el tamaño por defecto de las fotos, el idioma a utilizar, el nombre y lema del sitio…
Las opciones del Panel_Admin irán cambiando según vayamos instalando módu-
los. Además, tened en cuenta que, así como podemos cambiar el tema (o planti-
lla de diseño) de nuestra web, también podemos seleccionar otro tema para el
Panel_Admin. De todas formas, no recomendamos hacer esto, porque el tema por
defecto para el mismo (Seven) es muy claro y todas las opciones se ven muy bien
con él.
Creación de sitios web con Drupal
30
Tema 4.
Publicar artículos y
páginas básicas
4 Publicar artículos y páginas básicas
Por defecto, Drupal instala un portal web con algunas utilidades básicas, como la
posibilidad de publicar artículos tipo blog o páginas estáticas como las de Con-
tacto o Sobre nosotros. Así que, y para que podáis empezar a crear algo desde
ya, vamos a publicar una primera entrada y una página estática.
paso a paso
1. Aseguraos de iniciar sesión en vuestro sitio para que tengáis acceso al Panel de
Administración. Una vez está la sesión iniciada, hay muchos caminos para pu-
blicar un artículo. Por ejemplo, podéis hacer clic en Menú de Navegación >
Creación de sitios web con Drupal
2. Escribimos un título, ponemos algunas tags (es decir, palabras descriptivas del
contenido del artículo), rellenamos el campo body (podemos poner texto de
bulto tipo Lorem ipsum), adjuntamos una foto, le damos a Guardar y ya está:
nuestro primer artículo publicado.
32
4 Publicar artículos y páginas básicas
Creación de sitios web con Drupal
33
4 Publicar artículos y páginas básicas
Tal y como se instala Drupal por defecto, no vamos a poder adjuntar ninguna foto
a nuestra página, pero más adelante veremos cómo hacerlo.
paso a paso
34
4 Publicar artículos y páginas básicas
Creación de sitios web con Drupal
35
4 Publicar artículos y páginas básicas
Habréis visto que, según publicáis contenido, las URL del mismo tienen este aspecto:
! http://www.nombredelsitio.com/?q=node/67 ó
https://www.nombredelsitio.com/node/12
Creación de sitios web con Drupal
36
Tema 5.
Los menús
5 Los menús
A los menús se entra desde Estructura > Menús. Ahí veremos un listado con todos
los tipos de menú que hay a nuestra disposición (el principal, uno secundario de
navegación, otro para tareas administrativas…). A lo largo de este curso, nosotros
solo vamos a modificar el menú principal, pero el alumno podrá hacer lo que ne-
cesite para su web.
Creación de sitios web con Drupal
En listar enlaces podemos ver un listado de todos los elementos que forman cada
menú. Por ejemplo, en el Menú principal, por ahora, sólo tenemos Home y Sobre el
museo. Home se crea automáticamente al principio. Y recordad que el elemento
de menú Sobre el museo lo hicimos nosotros cuando publicamos esa página, des-
de el propio formulario de edición de páginas.
38
5 Los menús
39
5 Los menús
Sin embargo, para añadir elementos a los menús, por defecto estas ventanas no
son tan prácticas, porque te piden que escribas la ruta de ese elemento (o nodo
de contenido) en vez de dejarte simplemente seleccionarlo de un listado, como
en otros gestores.
Creación de sitios web con Drupal
40
Tema 6.
La taxonomía
6 La taxonomía
Crear una buena taxonomía tiene muchas ventajas. Los términos se pueden utilizar
como enlaces que lleven a otros contenidos de nuestra página. Por ejemplo, si en
nuestro museo hay varios cuadros de Picasso y ese autor es un término en nuestra
taxonomía, al hacer clic sobre él se nos presentarán todas sus obras. Y también sir-
ven para crear elementos de los menús de navegación.
Por defecto, hay un vocabulario que se crea automáticamente y que está con-
formado por las tags.
Creación de sitios web con Drupal
Nosotros vamos a crear una taxonomía sencilla desde el principio, lo cual facilitará
bastante la construcción de nuestra web pero, por supuesto, esta se puede modi-
ficar y ampliar en cualquier momento según nuestras necesidades.
paso a paso
42
6 La taxonomía
En muchos de los campos de las ventanas de diálogo se puede escribir “normal”, con
! iniciales en mayúscula, tildes, eñes... Cuando Drupal necesita convertir algún término
Creación de sitios web con Drupal
a minúsculas sin acentos, sea en la pantalla que sea, para utilizarlo en URLs o en otras
partes del código, la plataforma lo hace automáticamente, y lo muestra junto al
campo en que hemos introducido nuestro valor. Y si el nombre de sistema que ha
creado Drupal no nos convence, podemos dar a Editar (junto a él) y modificarlo.
3. Ahora tenemos que agregar los términos que formarán parte de nuestro primer
vocabulario. Lo haremos desde la pantalla Estructura > Taxonomía > Agregar
términos (ej.: pintura, escultura, fotografía…). Pero tened en cuenta que solo se
puede introducir un término por pantalla.
43
6 La taxonomía
Creación de sitios web con Drupal
Ya hemos creado nuestro primer vocabulario, Disciplinas, que por ahora contiene
los términos Pintura, Escultura y Fotografía. Nosotros vamos a crear también otro al
que llamaremos Artistas y en el que incluiremos a todos los autores de los que te-
nemos obras.
Más adelante veremos lo útil que es tener una taxonomía bien diseñada.
44
Tema 7.
Tipos de contenido
7 Tipos de contenido
Por ahora tenemos una web en la que hemos publicado un artículo (o un par de
ellos) y una página básica. Los artículos son un tipo de contenido y las páginas bá-
sicas otro, y Drupal los trae ya preparados para que los usemos.
Pero además nosotros podemos crear todos los tipos nuevos de contenido que
necesitemos. Por ejemplo, para el sitio de prueba museodearte.hol.es vamos a
crear uno al que llamaremos Obra de arte.
Creación de sitios web con Drupal
Obra de arte será un tipo de contenido muy parecido a artículo, con un campo
para introducir un título, otro para un texto más largo y otro para subir una foto, y
nosotros hemos previsto que tenga también un espacio reservado para el nombre
del autor de la obra. De ese modo, podremos crear fichas para las obras de arte
que tengamos en el museo.
46
7 Tipos de contenido
Creación de sitios web con Drupal
Es decir, lo que nosotros vamos a hacer al crear el tipo de contenido Obra de arte
es preparar un formulario para introducir los datos de las obras que alberga nues-
tro museo y mostrárselas al público de nuestra web. Podríamos haber utilizado el
tipo de contenido Artículo, pero a este le faltan campos como el nombre del artis-
ta o el estilo al que pertenece la obra. Y además, preferimos reservar los artículos
para publicar noticias sobre el museo.
paso a paso
1. Vamos a Estructura > Tipos de contenido > Añadir tipo de contenido y rellena-
mos los campos que nos interesen:
47
7 Tipos de contenido
Nombre, con el nombre del tipo de contenido que quieres crear (por ejemplo,
Obra de arte).
48
7 Tipos de contenido
Creación de sitios web con Drupal
Crear campos
Hasta ahora hemos creado un tipo de contenido que solo nos sirve para publicar
algo que tenga un título y un cuerpo de texto. Sin embargo, nosotros queremos
poder insertar una imagen (de un cuadro, una escultura, una fotografía, etc.) y el
nombre del artista autor de la obra. Además, ya hemos dicho que podríamos que-
rer especificar el estilo (cubismo, impresionismo, etc.) y más información extra.
Para eso, tenemos que crear campos, que es una tarea fundamental en Drupal y
con la que debemos familiarizarnos.
paso a paso
1. Vamos a Estructura > Tipos de contenido > Obra de arte > pestaña Gestionar
campos. Una vez en esta ventana, vemos que podemos:
Agregar nuevo campo. Para crear uno nosotros mismos. Ej.: Artista.
49
7 Tipos de contenido
Añadir un campo existente. Para reutilizar uno que ya exista, bien porque lo
hayamos creado nosotros o porque venga por defecto en la plataforma. Ej.:
Imagen.
2. En nuestro caso vamos a crear un campo nuevo (Artista), así que rellenamos la
sección Agregar nuevo campo con los valores que nos interesen.
Seleccione un tipo de campo. Podemos elegir entre texto, imagen, número, ar-
chivo, referencia a término… Depende de lo que queramos hacer en nuestra
web. Referencia a término suele ser una opción muy útil que nos permitirá to-
mar los valores de la taxonomía que hemos creado (o que podríamos crear
más adelante). En nuestro caso, es el que vamos a seleccionar.
50
7 Tipos de contenido
3. Damos a Guardar.
Y las opciones del resto de pantallas que nos van apareciendo podemos dejar-
las como están.
Esto lo tendremos que hacer por cada campo nuevo que queramos crear. Y re-
cordad que podemos utilizar campos que ya existan (ej.: imagen), para lo que re-
51
7 Tipos de contenido
Por supuesto, podemos seguir agregando campos como Estilo artístico o Época
para hacer la web más completa y realista, pero para aprender el procedimiento
los dos que hemos creado (Artista e Imagen) nos sirven.
Recordad que, a través del tipo de campo Referencia a término, podremos tomar sus
! valores de la taxonomía, lo que es muy útil para tener los datos de nuestra web per-
fectamente organizados y enlazados.
Gestionar la presentación
Seguimos con la pestaña Gestionar presentación, que tiene, a su vez, otras dos
subpestañas:
Predeterminado
Creación de sitios web con Drupal
Resumen
Subpestaña Predeterminado
Aquí podemos jugar con la alineación de las etiquetas y con el formato en que se
presentarán. Quizá tengamos que hacer alguna prueba hasta conseguir el resul-
tado que queramos. En Etiqueta, recomendamos ponerla oculta porque si no nos
saldrá algo como:
Imagen:
(y la imagen)
Artista:
y el nombre del artista
52
7 Tipos de contenido
Body:
y el cuerpo del texto
A no ser que queramos que se vea ese pequeño título. Por ejemplo, podríamos
crear un campo con el precio de algo y que llevase por etiqueta “Precio”. En ese
caso, quizá no nos importase que esa etiqueta se mostrara, para que el usuario
viese algo como:
Precio: 50€
Creación de sitios web con Drupal
En esta ventana podemos controlar varias cosas interesantes. Por ejemplo, pode-
mos arrastrar (pinchando en la cruz) la línea correspondiente a la imagen y desli-
zarla por encima de las demás, para que se vea justo debajo del título de la obra
(que es un campo que aquí no nos aparece) y por encima de todo lo demás.
53
7 Tipos de contenido
Tenemos también un botón muy útil para configurar las opciones de la imagen a
través de la rueda dentada que aparece junto a los parámetros de la misma. Si
hacemos clic en esa rueda podemos seleccionar el tamaño de la imagen y, muy
importante, con qué se vinculará ésta cuando el usuario pinche sobre ella. En
nuestro ejemplo, cuando el usuario haga clic sobre el cuadro, queremos que se
vea en grande, él solo, así que seleccionamos Vincular imagen a Archivo (Archivo
es la imagen original que introduciremos en el formulario cuando rellenemos los
datos de cada obra de arte).
Creación de sitios web con Drupal
Subpestaña Resumen
No nos tenemos que olvidar de rellenar la configuración de la subpestaña Resu-
men. Aquí vamos a decidir el tamaño de la imagen, si queremos que se muestre el
texto informativo o no, etc. Lo habitual es que para el resumen seleccionemos una
54
7 Tipos de contenido
imagen más pequeña y que mostremos menos contenido, o incluso que no apa-
rezca el texto del Body.
Una vez que hayamos decidido cómo va a ser el tipo de contenido que hemos
creado, qué campos vamos a tener que rellenar, de qué tamaño van a ser las
imágenes, etc., ya tendremos preparado el formulario a través del cual introduci-
remos datos en nuestra web. Y para usarlo, solo tenemos que ir a Contenido >
Agregar contenido y seleccionar el tipo que nos interese.
Creación de sitios web con Drupal
Nosotros vamos a introducir los datos de al menos tres obras de arte. Sin embargo,
aún tenemos que conseguir que el usuario de nuestra web pueda verlas. Hay va-
rias formas de lograr esto, y una de las más comunes es a través de la herramienta
Vistas, que veremos más adelante.
Con las indicaciones que hemos dado para crear campos, el alumno ya puede, si lo
! desea, adjuntar una imagen a las páginas básicas. Por ejemplo, a través de Estructura
> Tipos de contenido > Basic page > Gestionar campos > Añadir un campo existente
> Imagen.
55
Tema 8.
Los módulos
8 Los módulos
Módulos del core (core modules): los que vienen por defecto en la instalación.
Contribuciones (contributed modules): los que vas añadiendo.
Módulos personalizados (custom modules): los que crea el propio desarrollador,
pero hay que tener conocimientos de PHP y entender bien la estructura de
Drupal.
Hay muchísimos módulos que podemos utilizar para ampliar las posibilidades de
nuestra web y el mejor sitio para encontrarlos es drupal.org.
Algunos módulos instalados por defecto son Blog, Comments, Search, Forum, Ima-
ge, Statistics, Taxonomy…
Con los módulos instalados por defecto ya se puede hacer una web, como hemos
visto, y también podemos hacernos con algunos más, según lo que queramos ha-
cer.
Creación de sitios web con Drupal
La herramienta Vistas (que nosotros vamos a utilizar mucho) viene incorporada por
! defecto en Drupal 8, pero en Drupal 7 hay que instalarla como módulo.
Panels. Mediante este módulo podemos tener un gran control sobre dónde va
a aparecer cada elemento de nuestra web.
Backup and Migrate. Muy útil para hacer copias de seguridad y restaurarlas.
Google Analytics. Para saber cuántas visitas tiene nuestro sitio, de dónde pro-
ceden, etc., aunque por defecto Drupal ya ofrece algunas estadísticas básicas.
WYSISYG (What You See Is What You Get). Utilidades similares a los procesadores
de texto.
Ubercart / Drupal Commerce. Dos módulos para comercio virtual.
57
8 Los módulos
Hay muchos más así que, si quieres hacer algo en tu web que no puedas resolver
con la instalación por defecto, puedes buscar módulos.
De todas formas, tenemos que avisaros de que muchos de los módulos para Dru-
pal no funcionan como los de WordPress o Joomla. Habitualmente, cuando insta-
las un módulo en Drupal, este te ayudará a construir lo que quieras, pero normal-
mente no se tratará sólo de configurar preferencias.
En la sección Módulos del Panel_Admin podemos ver todos los que tenemos insta-
lados, aunque algunos de ellos no estarán activos. Si necesitásemos activar al-
guno, solo hemos de marcar la casilla correspondiente.
Creación de sitios web con Drupal
58
8 Los módulos
Instalar módulos
Instalar módulos en tu sitio es muy sencillo pero, para poder hacerlo, antes has de
activar el Update Manager, que es uno de los módulos por defecto que encontra-
rás en el listado y que también permite instalar temas. Nosotros vamos a describir el
proceso de instalación de Backup and Migrate (que sirve para hacer copias de
seguridad de nuestro sitio), pero el procedimiento es similar para todos.
paso a paso
1. Activa el Update Manager (es decir, marca la casilla junto al nombre), que es
uno de los módulos preinstalados que encontrarás en el listado, y da a Guardar
configuración.
Creación de sitios web con Drupal
Para poder instalar tanto módulos como temas, hay que tener el Update Manager ac-
! tivado.
2. Una vez activado el Update Manager, aparece un nuevo rótulo (+ Instalar nue-
vo módulo) en la pantalla. Haz clic en él.
59
8 Los módulos
Nosotros vamos a utilizar la primera fórmula, más rápida, pero ahora necesita-
mos encontrar la dirección del módulo que nos interesa, para copiarla.
Creación de sitios web con Drupal
4. Navega a drupal.org > Download & Extend > pestaña Modulos. Ahí, selecciona
la versión de tu plataforma para asegurarte de que los módulos que te dan a
elegir sean compatibles, y después escribe lo que buscas en el cuadro al efecto
(Search). Nosotros queremos encontrar el módulo Backup and Migrate, así que
escribimos eso.
6. Ya hemos dicho que podemos copiar directamente la URL del archivo o des-
cargarlo en nuestro ordenador y subirlo desde ahí. La primera opción es la más
sencilla así que vamos a optar por ella. Además, podemos decidirnos por un ar-
60
8 Los módulos
chivo tar.gz o por un .zip. Da lo mismo. Nosotros hemos instalado el tar.gz, que
parece ir bien.
Para copiar la URL del archivo simplemente colocamos el cursor sobre el archi-
vo que nos interese, hacemos clic con el botón derecho del ratón y seleccio-
namos Copiar la ruta del enlace.
Creación de sitios web con Drupal
Para copiar la URL de un archivo, haz clic con el botón derecho del ratón sobre él y
! selecciona Copiar la ruta del enlace.
61
8 Los módulos
8. Si la instalación sale bien, nos aparecerá una pantalla felicitándonos por ello.
Desde ella podemos seguir instalando módulos o volver al Panel_Admin.
Creación de sitios web con Drupal
62
8 Los módulos
Todas las herramientas que vayamos instalando irán a parar a uno u otro sitio del
Panel_Admin, dependiendo de sus funciones.
Hemos descrito el proceso de instalación de Backup and Migrate que, como diji-
mos, sirve para hacer copias de seguridad, lo que nos será muy útil cuando nues-
tro sitio tenga ya bastante contenido que no nos querramos arriesgar a perder. Si
quieres más información sobre cómo se usa, puedes consultar el anexo de recur-
sos, aunque este módulo es bastante intuitivo.
En el listado de módulos del Panel_Admin hay una pequeña descripción de para qué
! sirve cada uno y otra información muy útil: por ejemplo, si ese módulo concreto nece-
sita algún otro para poder funcionar. Tendremos que fijarnos en esto. Pues si vemos
que no podemos activar algún módulo que hayamos descargado, puede ser porque
tengamos que instalar alguno más.
Creación de sitios web con Drupal
63
Tema 9.
Las vistas
9 Las vistas
Ahora vamos a aprender a utilizar las Vistas (o Views), que es una herramienta muy
usada en Drupal. Hemos visto ya que podemos hacer algunas cosas mediante la
taxonomía, los menús… Pero Views es una utilidad más sofisticada que nos permite
ser muy específicos sobre qué contenido, dónde y cómo lo queremos mostrar.
Views es un módulo tan útil y básico para construir sitios en Drupal que los usuarios lle-
! vaban tiempo pidiendo que forme parte del núcleo (o core). En Drupal 8 lo está, pero
si usamos Drupal 7 lo tendremos que instalar tal como se explica en el tema sobre los
módulos.
Creación de sitios web con Drupal
En Drupal 7, Views (no confundir con View) es uno de esos módulos que requieren de
! otros para poder funcionar. Pero no te preocupes. No tienes más que seguir los pasos
de instalación que vimos en el tema sobre los módulos y fijarte atentamente en la
descripción del mismo para saber qué otros tienes que instalar. En concreto, para que
Views funcione, también necesitaremos CTools (Chaos Tool Suite). El orden en que los
instalemos da igual.
65
9 Las vistas
truir esta sección. Una vez que el alumno se familiarice con el procedimiento, verá
que se pueden combinar muchísimos elementos para hacer lo que queramos.
paso a paso
1. Vamos a Estructura > Views. Ahí veremos un panel con todas las vistas por de-
fecto que hay.
Desde esta ventana, podemos entrar a Editar cada una de las vistas y también
Añadir nueva vista (Add new view), Añadir vista desde una plantilla (por defec-
to, Drupal trae una plantilla para Galerías de Imágenes) o Importar una.
Nosotros queremos crear una vista nueva, que muestre las fichas de nuestras
Obras de arte, así que damos a + Add new view.
66
9 Las vistas
Descripción: nos ayudará a recordar lo que queremos mostrar con esa vista.
También podemos decidir si vamos a crear una página (es decir, que el conte-
nido se vea como en cualquier página básica, con una URL propia), un bloque
(para que el contenido se muestre en un recuadro que colocaremos donde
queramos) o ambos. Hemos optado por crear una vista de tipo página.
Ruta. Aquí tenemos que completar lo que será la URL de nuestra página. Ej.:
http://museodrupal.hol.es/coleccion-permanente
67
9 Las vistas
Display format: podemos seleccionar entre Grid (rejilla), HTML list (típico listado),
Jump menu (menú con enlaces), Tabla o Unformatted list (que dispone cada
elemento en una capa). El alumno tendrá que hacer pruebas para ver qué pre-
fiere.
Use a pager: marcamos esta opción si tenemos tantos elementos que vamos a
querer distribuirlos en varias pantallas y que nos salgan números de página o
flechas para pasar de una a otra.
Create a menu link: lo marcamos si queremos que nuestra página sea un enla-
ce de uno de los menús. En nuestro caso, sí que queremos. Después seleccio-
namos el Menú (por ejemplo, el principal) y el texto de ese enlace (ej.: Colec-
ción permanente).
Creación de sitios web con Drupal
68
9 Las vistas
Creación de sitios web con Drupal
3. Ahora podemos dar a Save & exit (Guardar y salir) o a Continue & edit (Conti-
nuar y editar). Da un poco igual lo que elijamos: si damos a Guardar y salir y,
más adelante, queremos seguir editando la configuración, no tenemos más
que ir a Estructura > Vistas y ahí dar a Editar en la vista que queramos modificar.
Por ahora, vamos a hacer clic en Save & exit para ver ya el resultado de lo que
hemos hecho.
69
9 Las vistas
Podemos jugar con el orden de las distintas pestañas de un menú, con los bloques,
con la opción Gestionar Presentación de cada Tipo de Contenido… Y en Vistas tam-
bién podemos tomar decisiones sobre la presentación final.
Editar vistas
Para editar las vistas, tenemos que entrar a Estructura > Vistas y dar a Editar en la
que queramos. La pantalla que nos sale es un poco distinta de aquella desde la
que creamos la vista, pero básicamente nos permite modificar los mismos paráme-
tros y especificar un poco más la configuración.
70
9 Las vistas
La vemos un poco y, como esta ventana tiene muchos elementos, vamos a fijar-
nos en aquellos que nos interesan especialmente (los demás puedes dejarlos co-
mo están).
Página / Bloque: a través de estos dos botones puedes conmutar entre las especi-
ficaciones para la página o para el bloque, o eliminar uno de ellos si no te con-
vence.
lo del cuadro y una imagen de la misma? En caso de que sigamos queriendo mos-
trar la ficha de las obras de arte, ¿preferimos mostrar un resumen o el contenido
completo? Y si nos decidirnos por seleccionar campos sueltos, ¿cuáles van a ser?
Fields (campos): si optamos por seleccionar campos sueltos, nos aparecerá un bo-
tón de Agregar campos y podremos elegirlos de una lista. De todas formas, el
principiante puede verse abrumado por la cantidad de los mismos que tiene para
elegir, muchos de los cuales parecen similares. Por eso, para este curso de intro-
ducción a Drupal, hemos preferido preparar una vista con tipos de contenido en
vez de con campos sueltos.
Filter criteria (criterios de filtrado): aquí puedes afinar qué es lo que se va a mostrar
en la vista. Por ejemplo: sólo el contenido que esté publicado o todo, etc.
Page settings: puedes cambiar la URL de la vista, en qué menú se verá, etc.
Y en esta ventana también tienes una vista previa esquemática del resultado.
71
Creación de sitios web con Drupal
9
Las vistas
72
Tema 10.
Regiones y bloques
10 Regiones y bloques
Las regiones son las distintas zonas de la página web: encabezado, pie de pá-
gina, zona reservada a contenido, zona reservada a navegación, etc.
Y en cada región se visualizan bloques, cada uno de los cuales contienen los
menús, el contenido principal, los formularios de búsqueda, listados de noticias
recientes, cuadros de inicio de sesión, calendarios de eventos, etc.
Como vemos en la siguiente captura de pantalla, esta ventana tiene una colum-
na en la que se listan todos los bloques de nuestra página (bajo un pequeño título
que se corresponde con la región a la que pertenece), otra columna en la que
vemos esa misma región en un menú desplegable, y otra desde la que podemos
Creación de sitios web con Drupal
Y también tenemos un rótulo (+ Añadir bloque) que nos sirve para crear los nues-
tros propios.
74
10 Regiones y bloques
75
10 Regiones y bloques
De todas formas, no todas las regiones admiten todos los bloques… Para cambios más
! drásticos, pueden ser necesarios otros instrumentos, como el módulo Paneles.
Crear bloques
También podemos crear nuestros propios bloques de una manera muy sencilla,
aunque en principio estos consistirán básicamente en texto y poco más. De todas
Creación de sitios web con Drupal
formas, ya sabéis que podéis buscar módulos que os ayuden a hacer exactamen-
te lo que estéis buscando.
paso a paso
1. Para crear un bloque vosotros mismos, no tenéis más que hacer clic en el rótulo
+ Añadir bloque y, en la ventana que aparece, fijaos especialmente en:
Título del bloque: será el que vean los usuarios, así que no pongáis nada si no
queréis que tenga ningún rótulo especial.
76
10 Regiones y bloques
Pestaña páginas: aquí podéis decidir que el bloque se vea sólo en determina-
das páginas y no en otras.
Pestaña tipos de contenido: puedes elegir que el bloque salga sólo en las pági-
nas que muestren un tipo de contenido específico.
Creación de sitios web con Drupal
77
Tema 11.
Los temas
11 Los temas
Hasta ahora hemos trabajado con el tema que venía por defecto, pero cambiarlo
por otro que nos guste más es tan sencillo como instalar módulos. De hecho, el
método es el mismo.
Hay temas que cambiarán el modo en que los usuarios vean nuestra página, y
otros que sirven para modificar el aspecto del Panel_Admin. Sin embargo, éste úl-
timo suele estar bien como se ve por defecto, así que nosotros hemos preferido
dejarlo igual.
Una advertencia: con algunos temas de Drupal pasa como con los módulos. Son
simplemente herramientas en las que hay que poner bastante de nuestro trabajo
para que la página se vea como queremos. Para elegir uno que nos dé un resul-
tado atractivo rápidamente y sin tener que hacer muchas adaptaciones por nues-
tra parte (como en WordPress), quizá tengamos que buscar un poco más.
colores distinta para un tema, cambiar el logo por defecto, etc., sólo tienes que
hacer clic en el rótulo Ajustes que verás junto a la miniatura de cada tema.
No vamos a ver con mucho detalle esta ventana porque es bastante parecida a
la de los módulos y muy intuitiva, con temas activos y otros desactivados, etc.
Elegir temas
Instalar nuevos temas es muy sencillo. Elegirlos no tanto. WordPress, por ejemplo,
tiene galerías muy prácticas para hacerte una idea de cómo quedará tu web con
cada tema… Pero con Drupal no es tan fácil. De todas formas, te damos ideas so-
bre varias opciones que puedes probar:
79
11 Los temas
Por un lado, tienes un listado con distintos temas sobre los que puedes pinchar y
el propio contenido de este sitio se mostrará con ese diseño. Pero si no quieres
volver al listado una y otra vez, puedes recurrir a los rótulos de navegación Next
o Previous que encontrarás más o menos fácilmente en cada tema, casi siem-
pre bajo el título del mismo.
De todas formas, ninguna de las dos opciones de navegación por esta página
nos parece muy cómoda.
Y dejamos para el final (queríamos que antes conocieses un poco los otros mé-
todos, especialmente la sección de temas de drupal.org) el que quizá sea el sis-
tema más práctico: buscar imágenes de temas de Drupal en un sitio tipo Goo-
gle.
1. Para instalar nuevos temas, recordad que hay que tener el módulo Update Ma-
nager activado. Así que si no lo habéis hecho aún, id a Módulos y marcad la
casilla correspondiente. Después, no os olvidéis de Guardar configuración.
80
11 Los temas
3. A partir de ahora, instalar temas es como instalar módulos, así que consultad la
sección correspondiente (o intentad hacerlo por vuestra cuenta).
Para poder instalar temas, recordad que hay que tener el módulo Update Manager
! activado (ver tema sobre módulos).
81
Conclusión
Y aquí terminamos este curso. Esperamos que os haya servido para familiarizaros
con Drupal. Sobre todo, aparte de publicar artículos y páginas básicas e instalar
temas y módulos, tened en cuenta que lo más importante es aprender a crear
vuestros propios tipos de contenido y preparar vistas.
Una vez que te sientas cómodo con lo que has aprendido aquí, y si quieres seguir
usando Drupal, te aconsejamos que revises la sección Bibliografía y recursos, que
te orientará un poco para completar tu formación.
Creación de sitios web con Drupal
82
Bibliografía y recursos
www.drupal.org
El sitio oficial de Drupal, con toda (o casi toda) la información que puedes
necesitar (en inglés). Aquí también encontrarás los archivos de instalación
de módulos y temas, así como los de actualización e instalación de la pro-
pia plataforma (aunque nosotros no hemos recurrido a este último porque
hemos utilizado la instalación automática que ofrecía nuestro servidor).
www.drupal.org/upgrade
www.lullabot.com/articles/module-monday-backup-and-migrate
www.cursosdrupal.com/content/panels
www.cambrico.net
www.drupal.org.es
http://danielgrifol.es/drupal-7-paginas-generadas-como-nodos-vs-vistas/
Interesante texto en el que se defiende el uso del módulo Paneles para ha-
cer lo que normalmente se crea con el módulo Vistas.
83
Bibliografía y recursos
Contiene algunos temas un poco más avanzados, pero los demás aún es-
tán explicados de forma bastante comprensible.
84