Вы находитесь на странице: 1из 82

Creacin

de sitios web
con Drupal 7

Aparecida Conde
Aparecida Conde

Copyright
Esta obra est licenciada por Campus Santander Emprende y se distribuye bajo
una Licencia Creative Commons Atribucin-NoComercial-SinDerivar 4.0 Internacional.

Usted es libre de:


Compartir Copiar y redistribuir el material en cualquier medio o formato.
Bajo las condiciones siguientes:
Reconocimiento Debe reconocer adecuadamente la autora, proporcionar
un enlace a la licencia e indicar si se han realizado cambios. Puede hacerlo de
cualquier manera razonable, pero no de una que sugiera que tiene el apoyo
del licenciador o lo recibe por el uso que hace.
NoComercial No puede utilizar el material para una finalidad comercial.
SinObraDerivada Si remezcla, transforma o crea a partir del material, no puede difundir el material modificado.

Un curso de: Campus Santander Emprende (www.campussantanderemprende.com)


Autora del curso: Aparecida Conde
Diseo editorial: Raquel Garca

ndice
Presentacin del curso ...................................................................................................... 2
Prctica final ....................................................................................................................... 4
1. Introduccin a Drupal .................................................................................................... 5
Acercarse a Drupal ...................................................................................................................... 6
Conceptos bsicos ...................................................................................................................... 7
2. Instalar Drupal ............................................................................................................... 12
Registrarse en Hostinger ........................................................................................................... 14
Instalacin automtica (en un clic) .................................................................................... 19
3. El panel de administracin.......................................................................................... 24
4. Publicar artculos y pginas bsicas.......................................................................... 27
Nuestro primer artculo .............................................................................................................. 28
Nuestra primera pgina bsica ............................................................................................ 30
5. Los mens ...................................................................................................................... 33

Creacin de sitios web con Drupal 7

6. La taxonoma ................................................................................................................ 37
7. Tipos de contenido ....................................................................................................... 41
Aadir tipos de contenido ...................................................................................................... 43
Crear campos .............................................................................................................................. 45
Gestionar la presentacin ....................................................................................................... 48
8. Los mdulos .................................................................................................................. 52
Algunos mdulos tiles .............................................................................................................. 53
Instalar mdulos ........................................................................................................................... 55
9. Las vistas ........................................................................................................................ 60
Crear una vista............................................................................................................................. 61
Editar vistas .................................................................................................................................... 66
10. Regiones y bloques .................................................................................................... 69
Mover los bloques ....................................................................................................................... 71
Crear bloques............................................................................................................................... 72
11. Los temas .................................................................................................................... 74
Elegir temas ................................................................................................................................... 75
Instalar temas ............................................................................................................................... 76
Conclusin ........................................................................................................................ 78
Bibliografa y recursos ...................................................................................................... 79

Presentacin del curso


Creacin de Sitios Web con Drupal 7, del Campus Santander Emprende
(www.campussantanderemprende.com), es un curso bsico pero completo sobre
el tercer gestor de contenidos ms utilizado para la creacin de sitios web, por detrs de WordPress y Joomla. En l enseamos a manejar la interfaz de Drupal y sus
herramientas ms importantes, de manera que al finalizar su lectura y tras la realizacin de la prctica propuesta el alumno ser perfectamente capaz de crear un
sitio web con esta plataforma.
A quin va dirigido este curso
Desarrolladores web (diseadores, programadores) que quieran empezar a
trabajar con Drupal.
Pblico en general interesado en los gestores de contenido y el desarrollo web.
Objetivos
Que el alumno sea capaz de crear un sitio web sencillo pero completo en Dru-

Creacin de sitios web con Drupal 7

pal.
Que adquiera los conocimientos necesarios para poder seguir ampliando su
dominio de la plataforma por su cuenta.
Dado que probablemente los usuarios que se matriculen ya habrn utilizado
algn gestor de contenidos, seguramente WordPress o Joomla, este curso pretende contribuir a que el alumno complete su currculum y su conocimiento de
este tipo de herramientas, tan relevantes hoy en da en el mercado laboral.
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 interfaz de trabajo muy potente con sus correspondientes mens y ventanas de dilogo. Lo que s hace falta es entender el modo en que se trabaja en Drupal y
aprender a descifrar esas ventanas de dilogo.
Aparte de operaciones bsicas como publicar artculos tipo blog y pginas estticas tipo Sobre nosotros, lo que hay que aprender a hacer (y en este curso enseamos) para poder trabajar en Drupal es:

Presentacin del curso


Publicar Artculos y Pginas Bsicas.
Crear Tipos de Contenido.
Utilizar la Taxonoma.
Utilizar la herramienta Vistas para mostrar contenido.
Mover elementos de la pgina con la herramienta Bloques.
Instalar Mdulos.
Instalar Temas.
No te preocupes si ahora no entiendes estos trminos. Al finalizar el curso no tendrs ningn problema con ellos y sabrs manejar Drupal para crear sitios web.
Conocimientos previos necesarios para seguir el curso
No se requieren conocimientos de HTML, CSS ni de lenguajes de programacin,
que estn fuera del objetivo de este curso. Pero sera bueno que el estudiante hubiera manejado algn gestor de contenidos antes, tipo WordPress o Joomla, o que

Creacin de sitios web con Drupal 7

estuviera familiarizado con el desarrollo web, ya sea desde el punto de visto del diseo o la programacin, aunque en absoluto es necesario que sea un profesional
de esa rea.
museodearte.hol.es
Hay una web de ejemplo de un museo ficticio (museodearte.hol.es) cuyo proceso
de elaboracin se describe a lo largo de los temas.
Ficheros en PDF
En la plataforma de Campus Santander Emprende se ha subido, junto a cada tema, el fichero en PDF con todo el contenido correspondiente as como con numerosas 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
tambin en PDF que encontrar al final del curso.
Drupal 7 Drupal 8?
En el momento de redactar este manual Drupal 8 est en preparacin. Por lo tanto, enseamos a manejar Drupal 7. Parece que Drupal 8 tiene algunas mejoras interesantes, que ya veremos cuando salga la versin estable.

Prctica final
Para conseguir el diploma acreditativo, el alumno deber superar una prueba
prctica que consistir en la creacin de un pequeo sitio web.
Requisitos mnimos del sitio
Dos artculos (o posts, o entradas, o noticias).
Una imagen en al menos una de las entradas.
Tags (palabras descriptivas) aplicadas a todos los artculos.
Una pgina esttica que se llamar Sobre nosotros, con un poco de informacin sobre la web.
Una seccin extra en el men principal, que mostrar lo que el alumno desee
(que tenga relacin con el resto del sitio).
Recomendaciones
Recomendamos comenzar la prctica cuanto antes. Por ejemplo, segn vas le-

Creacin de sitios web con Drupal 7

yendo la parte sobre cmo instalar Drupal en el servidor, puedes ir siguiendo las
instrucciones para hacerlo.
No hace falta que los textos estn muy elaborados. Puedes incluso utilizar texto de
relleno tipo Lorem Ipsum. Recuerda que de lo que se trata es de aprender a utilizar
Drupal.
Si quieres, visita el sitio web de ejemplo (museodearte.hol.es) para hacerte una
idea de lo que tienes que hacer aunque, por supuesto, tu prctica puede ser distinta.
Evaluacin
El alumno tendr que enviar, por correo electrnico, la direccin de su web y, si sta cumple los requisitos mnimos, se dar la prueba por superada y obtendr su diploma.

Tema 1.
Introduccin
a Drupal

Introduccin a Drupal
Drupal es el tercer gestor de contenidos (Content Management System o CMS)
ms utilizado en la actualidad, por detrs de WordPress o Joomla. Cuando alguien
decide usar un gestor por primera vez para administrar un sitio web, no suele ser
Drupal por el que se decante sino, seguramente, alguno de los otros dos que hemos mencionado. Lo cual es una buena idea, no porque Drupal no sea un gran
gestor, que s lo es, sino porque es un poco menos intuitivo que otros.

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 pgina. Y todo sin tocar el cdigo, slo a travs de los mens del panel de control.
La desventaja con respecto a WordPress o Joomla es que es un poco descorazo-

Creacin de sitios web con Drupal 7

nador tratar de aprenderlo por tu cuenta. Habitualmente, si ests acostumbrado a


manejar aplicaciones informticas, es normal que consigas tener un conocimiento
decente de muchas de ellas simplemente trasteando con los mens y probando
cosas. En Drupal, despus de instalarlo (con la configuracin estndar por defecto) y entrar en la plataforma, puedes muy fcilmente conseguir publicar artculos
tipo blog y una pgina esttica como las de Contacto o Sobre nosotros. Tambin
conseguirs cambiar el logotipo de tu sitio y hacer otros pequeos ajustes... Pero
para casi todo el mundo, ah se acab intentar aprender Drupal por uno mismo.
Algunas ventanas de dilogo son un poco difciles de entender cuando te enfrentas a ellas solo. Sin embargo, acostumbrarse al modo de trabajo en Drupal es fcil
cuando te explican en qu consiste. Y es probable que incluso te acabe gustando
ms que el de WordPress o Joomla.
Es decir, que no te preocupes porque al final del curso ya sabrs utilizar Drupal y
vas a practicar haciendo una web t mismo. Y adquirirs los conocimientos necesarios para seguir investigando por tu cuenta.

Introduccin a Drupal
Una plataforma gratuita y de cdigo abierto
Drupal, como WordPress o Joomla, es gratuito y de cdigo abierto (open source),
lo que significa que cualquiera puede contribuir a su desarrollo. Hay toda una comunidad de usuarios dedicados a perfeccionar el cdigo, a disear plantillas o a
resolver las dudas de los principiantes.
Pero el hecho de que sea gratuito y de cdigo abierto no significa que no se pueda usar para fines comerciales, como por ejemplo, crear la web de tu empresa,
sino que, si hicieras alguna modificacin sobre el software, esas modificaciones
seguiran estando bajo la misma licencia de cdigo abierto y libre.
drupal.org
Podemos acudir a drupal.org para encontrar plantillas, mdulos (extensiones) y un
montn de documentacin y recursos de ayuda. Hay otros sitios con utilidades so-

Creacin de sitios web con Drupal 7

bre Drupal, pero este es el ms completo (aunque est en ingls).

Conceptos bsicos
Core
El core (o ncleo) son todos los archivos de las funcionalidades bsicas que vienen
por defecto cuando instalamos Drupal. Si despus de hacer este curso segus sintiendo curiosidad por esta plataforma e investigis por vuestra cuenta, os toparis
a menudo con el siguiente consejo: Never hack core (no hackear el ncleo jams). Los desarrolladores de Drupal recomiendan no hacer ninguna modificacin
en estos archivos. Hay alguna excepcin a esta regla?, contina el consejo, y
la respuesta es No. La razn de esto es que modificar esos archivos puede acarrear problemas de funcionamiento ms adelante.
Los drupaleros (as se llaman a s mismos quienes usan esta plataforma) siguen este
consejo bastante a rajatabla. La excepcin (en realidad s hay excepciones) es
que sepas muy, muy bien lo que ests haciendo y documentes los cambios.

Introduccin a Drupal
Mdulos
Los mdulos aaden funcionalidades a nuestro sitio y se dividen en lo que llaman
las 3 C:
Mdulos del core (core modules): los que vienen por defecto en la instalacin.
Contribuciones (contributed modules): los que vas aadiendo.
Mdulos personalizados (custom modules): los que crea el propio desarrollador, pero hay que tener conocimientos de PHP y conocer bien la estructura de
Drupal.
Hay muchsimos mdulos 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 artculos, pginas estticas,

Creacin de sitios web con Drupal 7

etc. Segn se va creando ese contenido, Drupal le asigna un nmero, de modo


que las URL de nuestro sitio tendrn, en principio, este aspecto:
http://www.nombredelsitio.com/?q=node/67
https://www.nombredelsitio.com/node/12
Sin embargo, nosotros vamos a crear URLs amigables, del tipo
http://www.nombredelsitio.com/contacto
Campo
El campo es un componente bsico 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 tambin contamos con unos cuantos prediseados, pero lo normal es que
t crees tambin los que a ti te vengan bien.
Los campos permiten introducir y almacenar informacin. Por ejemplo, los formularios para publicar entradas en un blog suelen tener un recuadro para poner el ttulo, otro para escribir el grueso del texto y otro para insertar una foto. Pues bien, cada uno de esos recuadros sera un campo.
Tipos de contenido
Por defecto, Drupal nos permite publicar artculos y pginas bsicas (con contenido esttico). Los artculos son un tipo de contenido y las pginas bsicas otro. Y

Introduccin a Drupal
adems nosotros podemos crear todos los tipos nuevos de contenido que necesitemos. 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 artculo, con un campo para introducir un ttulo, otro para un texto ms largo y otro para subir una foto, y
adems hemos previsto que tenga tambin un espacio reservado para el nombre
del autor de cada obra.
Taxonoma
La taxonoma es algo parecido a lo que en otros gestores se llama categoras. La
forman palabras que sirven para clasificar el contenido. A esas palabras se las llama trminos, que se agrupan en vocabularios. Por ejemplo, en el caso de nuestro
museo, podramos tener un vocabulario de Estilos pictricos y dentro de este vo-

Creacin de sitios web con Drupal 7

cabulario incluiramos trminos como Renacimiento, Impresionismo, Surrealismo,


etc.
Tags
Las tags son palabras descriptivas del contenido de, por ejemplo, un artculo. En
otros gestores las llaman tambin etiquetas, pero nosotros no lo vamos a hacer,
porque el vocablo etiqueta lo vamos a utilizar mucho para referirnos a otra cosa.
Tambin nos sirven para posicionar el artculo en los buscadores de contenido
como Google. Por ejemplo, a un artculo sobre una receta de arroz con verduras
podramos aadirle las tags arroz, pimiento, zanahoria, comida china Esto nos
servira, entre otras cosas, para que cuando alguien busque una receta similar
pueda encontrarse con la nuestra.
Por defecto, las tags se agrupan en un vocabulario propio que se va ampliando
automticamente.
Regiones
Las regiones son las distintas zonas de la pgina web: encabezado, pie de pgina,
zona reservada a contenido, zona reservada a navegacin, etc.

Introduccin a Drupal
Bloques
En cada regin se visualizan bloques de informacin que contienen los mens, el
contenido principal, los formularios de bsqueda, listados de noticias recientes,
cuadros de inicio de sesin, calendarios de eventos, etc.
Artculos
Un artculo est habitualmente compuesto de un ttulo y un texto pero tambin se
le pueden aadir imgenes, etc. Los artculos en Drupal son como los de cualquier
otro gestor de contenido (por ejemplo, las entradas en WordPress).
Pgina bsica
No hay que confundir lo que en Drupal se conoce por pgina bsica con lo que
normalmente entendemos por pgina web. En Drupal, las pginas bsicas son
secciones de la web con contenido usualmente esttico. Por ejemplo, podramos

Creacin de sitios web con Drupal 7

tener una seccin que se llamase Sobre Nosotros, con informacin sobre la empresa, nuestros principios, quines trabajan en ella, etc., con textos que usualmente
no habra que cambiar (aunque por supuesto podramos hacerlo); y otra a la que
llamaramos Contacto, con nuestro nmero de telfono, email y quiz un mapa de
ubicacin. Pues bien, ambas secciones se alojaran en lo que en Drupal se llama
pgina bsica.
Temas (o diseos o plantillas)
Los temas son las plantillas de diseos que elegimos para nuestro sitio de Drupal.
Hay numerosos para elegir, y muchos son gratuitos, dada la gran comunidad de
desarrolladores que hay repartida por todo el mundo.
Una vez que hayamos elegido un tema, podremos hacer pequeas modificaciones sin mucha dificultad, dependiendo de cmo lo haya configurado su diseador. Y tambin podemos mover los distintos elementos de la web bastante a nuestro antojo, o cambiar el nmero de columnas y filas en que se divide nuestra plantilla, y todo desde la interfaz, es decir, usando slo los mens y las distintas ventanas
de dilogo.
Esto es una gran diferencia con respecto a WordPress o Joomla. En estos, en principio ests ms condicionado por lo que el autor de la plantilla te deje hacer con
ella. Puede que te permita cambiar el men de navegacin de la izquierda a la

10

Introduccin a Drupal
derecha, y los colores y alguna cosa ms. Pero si queremos hacer modificaciones
ms radicales tenemos que recurrir a otras herramientas o entrar al cdigo. En
Drupal, sin embargo, tenemos mucho ms control. Y, por supuesto, tambin podramos disear nuestro propio tema (aunque eso est fuera del alcance de este
curso).

Creacin de sitios web con Drupal 7

Instalar temas es muy fcil y uno de los lugares para encontrarlos es drupal.org.

11

Tema 2.
Instalar Drupal

Instalar Drupal
Hay varias posibilidades a la hora de instalar Drupal. Una de ellas es hacerlo primero en nuestro ordenador para, una vez el proyecto est lo bastante desarrollado,
subirlo a un servidor externo y seguir trabajando ah.
Otra de las opciones es empezar a trabajar desde el principio en un servidor externo. Pero si finalmente nos decidimos por esto, tambin tendremos que sopesar
qu preferimos: si hacer una instalacin manual, o aprovecharnos de las utilidades
de instalacin automtica o en un clic disponibles en multitud de servicios de
hosting.
Para seguir este curso de introduccin a Drupal, recomendamos decantarse por
esta ltima opcin: instalar Drupal en un servicio de hosting que cuente con un instalador automtico. En este curso nos vamos a centrar en aprender a utilizar la plataforma, y ms adelante, si el alumno sigue interesado, puede consultar la docu-

Creacin de sitios web con Drupal 7

mentacin de drupal.org para aprender a hacer instalaciones manuales.


Antes de elegir un servidor de Drupal, hay que informarse un poco para comprobar que el que elijamos lo soporta. En principio, es suficiente con leer la informacin que nos ofrece cada empresa o hacer un poco de investigacin en un buscador como Google.
Si quieres saber un poco ms sobre esto, puedes consultar los requisitos del sistema (que encontrars en drupal.org). Lo habitual es hacer la instalacin en un servidor Apache, que cuente con un intrprete de PHP (un lenguaje de programacin) y bases de datos MySQL, y todo con las versiones adecuadas. De todas formas, estos servicios son ya muy comunes y es muy fcil encontrar alojamientos que
los proporcionen.
Para el sitio de prueba del curso hemos seleccionado un servidor gratuito: hostinger.es. Y a continuacin vamos a describir paso a paso el proceso para registrarnos, elegir una direccin para nuestro sitio web e instalar Drupal, que ser similar
en casi todos los servidores.

13

Instalar Drupal
Registrarse en Hostinger
Tened en cuenta que se os pedir que introduzcis nombres de usuario y contrasea tanto para la cuenta de Hostinger como para el sitio que instalis. Podis
elegir dos usuarios y contraseas distintos, pero nosotros, para ms claridad y dado
que la web que haremos solo es una prueba, hemos usado los mismos datos.
paso a paso
1. Vamos a hostinger.es y comenzamos el proceso: hacemos clic en Crear cuenta

Creacin de sitios web con Drupal 7

o similar.

2. Rellenamos el formulario de registro. Poned un email real porque necesitaris


entrar en l para confirmar el registro.

14

Instalar Drupal
3. Entrad en vuestro e-mail para confirmar registro.
4. Despus de registrarse en Hostinger, todava hay que crear lo que llaman cuenta de hosting y elegir un dominio. Hay muchas maneras de hacer eso, pero po-

Creacin de sitios web con Drupal 7

demos empezar por dar a Hosting.

5. Hacemos clic en Nueva Cuenta de Hosting.

6. Para hacer prcticas para el curso, vamos a seleccionar una cuenta gratuita.

15

Instalar Drupal

7. En la siguiente pantalla, an nos dan la posibilidad de elegir entre registrar un


subdominio (gratis) o un dominio (pagando). La diferencia es que si pagamos

Creacin de sitios web con Drupal 7

por un dominio la direccin de nuestro sitio ser algo como nombredemisitio.com, mientras que si nos decidimos por un subdominio tendremos que conformarnos con algo como museodearte.hol.es, por ejemplo.
Rellenamos todos los datos: discurrimos el nombre de subdominio que queramos (en el caso de nuestro ejemplo para este curso museodearte, aunque el
alumno tendr que pensar en otro) y elegimos extensin (Hostinger pone varias
a nuestra disposicin y nosotros nos hemos decantado por hol.es).
Fijaos en que, si queremos pensar nosotros en una contrasea, no hace falta
que demos al botn Generar (esto se usa slo si preferimos que Hostinger cree
una por nosotros).
Finalmente, una vez cumplimentado el formulario, el sitio de prueba del curso
se llamar museodearte.hol.es

16

Creacin de sitios web con Drupal 7

Instalar 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 fsica y no un ordenador, y confirma la orden.

9. Y ya nos hemos sacado una cuenta en Hostinger.

17

Creacin de sitios web con Drupal 7

Instalar Drupal

Los datos sobre la cuenta y sobre el dominio, que necesitars para configurar tu web,
subir archivos, etc., los encontrars en el Panel de Control de Hostinger > Cuentas >
Detalles. Y tambin en un correo que te habrn enviado una vez te hayas registrado y
seleccionado el nombre de tu sitio. Recomendamos no eliminar ese correo; es mejor
archivarlo cuidadosamente.

Una vez que hayamos cerrado sesin en Hostinger, hay que tener en cuenta que, para volver a entrar, nuestro nombre de usuario es la direccin de correo electrnico
completa que hayamos puesto, con la @ y todo.

18

Instalar Drupal
Instalacin automtica (en un clic)
Muchos servidores web (Hostinger entre ellos) permiten la instalacin de Drupal de
una manera muy sencilla mediante un servicio de instalacin automtica o en un
clic (cada servidor lo llamar de una forma). Nosotros vamos a aprovecharnos de
esta funcionalidad, aunque si el alumno desea saber cmo hacerlo por s mismo,
puede consultar la documentacin de drupal.org. Para seguir este curso, sin embargo, recomendamos la opcin automtica.
El instalador automtico de Hostinger apenas te va a pedir una mnima participacin por tu parte. Todo lo dems lo har l, incluso crear la base de datos en las
que estarn alojados todos los contenidos de nuestro sitio. Puede que en otros servidores la instalacin en un clic te pida datos un poco distintos, quiz que le des un

Creacin de sitios web con Drupal 7

nombre a esa base de datos, pero poco ms.


paso a paso
1. Hay muchas maneras de acceder al Instalador Automtico. En la imagen de
abajo pueden verse un par de ellas. Hacemos clic en cualquiera.

19

Instalar Drupal
2. Seleccionamos aquello que queramos instalar. La versin de Drupal puede haber cambiado cuando el alumno lea esto, pero seleccionar una versin estable, no una en pruebas (o beta).

Creacin de sitios web con Drupal 7

En el momento de escribir este manual, Drupal 8 an est en fase de desarrollo, as


que elegiremos Drupal 7.

20

Instalar Drupal

3. Rellenar el formulario de configuracin con un nombre de usuario, contrasea,


etc. En el campo ttulo del sitio nosotros hemos puesto Museo de Arte (el alumno
elegir el que quiera para su web). Y como vemos en la imagen, instalaremos

Creacin de sitios web con Drupal 7

Drupal en museodearte.hol.es/drupal. La carpeta drupal la crea el instalador


por defecto, pero eso no significa que el visitante de mi web tenga que escribir
todo eso para ver el sitio. En realidad, con museodearte.hol.es ya acceder a
la pgina principal.
Damos a Instalar y listo.

21

Instalar Drupal
4. Cuando el proceso de instalacin haya terminado, te llegar un correo avisndote. Puede que el sitio tarde un poco en estar activo, aunque no suele ser el
caso. A veces, incluso aunque el mensaje que nos aparece en pantalla indique
que an falta para que la operacin se complete, la verdad es que podemos
entrar a nuestra web casi enseguida.

5. Y ya puedes ver tu sitio. La forma ms lgica de hacerlo es escribiendo la URL


en la barra de direcciones del navegador. Pero tambin puedes hacer clic so-

Creacin de sitios web con Drupal 7

bre el enlace que te aparece en el Panel de Control de Hostinger


No te preocupes si el aspecto de tu web no es como el de la imagen de abajo.
Este puede cambiar dependiendo de la versin de Drupal, del modo de instalacin, de cul sea la plantilla que cargue por defecto, etc.

Una cosa es iniciar sesin 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 entrar a Hostinger, quiz para pedir ayuda a su servicio tcnico o para utilizar alguna de las funcionalidades que nos ofrece, pero lo normal es
que trabajemos sobre nuestro sitio.

22

Instalar Drupal

Creacin de sitios web con Drupal 7

Para Hostinger el usuario es un correo electrnico, as que para entrar ah tendremos


que escribir una direccin completa, con la @ incluida. Sin embargo, el panel de control de Drupal solo pide un nombre de usuario (y una contrasea). As que si intentamos entrar en Hostinger slo con un nombre de usuario no podremos. Y si ponemos
una direccin de e-mail completa para entrar en el panel de administracin de Drupal tampoco lo conseguiremos.

23

Tema 3.
El panel de
administracin

El panel de administracin
Para entrar al Panel de Administracin de Drupal tenemos varias opciones:
Podemos escribir la URL de nuestro sitio en la barra de direcciones del navegador, seguida de /user. En nuestro caso sera: museodearte.hol.es/user
O podemos iniciar sesin desde el cuadro habilitado al efecto que se suele ver
en nuestro sitio.
El panel de administracin (Panel_Admin a partir de ahora) es la herramienta de
gestin ms importante de Drupal. A travs del Panel_Admin podemos publicar
contenido, editarlo, cambiar el diseo de nuestro sitio, etc.
Por defecto, el Panel_Admin consiste en una barra de mens que se superpone
sobre nuestra web. Y segn vayamos eligiendo una u otra opcin de la misma, irn

Creacin de sitios web con Drupal 7

apareciendo distintas ventanas de dilogo.

Es probable que, nada ms entrar en el Panel de Administracin de Drupal, nos salga


un aviso indicndonos que hay una versin ms 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 complicadas de hacer y estn fuera del objetivo de este curso.

Veamos brevemente lo ms importante del Panel_Admin:


Inicio. Estemos donde estemos, si damos a este botn volveremos a la vista
inicial en la que slo se nos presenta nuestro sitio con la barra de mens
sobre l.
Panel de control. Para configurar los elementos del Panel_Admin. Nosotros no vamos a cambiarlo.
Contenido. Desde este elemento del men podemos ver un listado con todo lo
que hemos publicado en nuestro sitio: artculos, pginas, etc.
Estructura. Vamos a entrar mucho aqu, porque desde esta seccin podremos
crear y modificar numerosos elementos.

25

El panel de administracin
Apariencia. Para instalar, seleccionar y modificar temas o plantillas.
Usuarios. Desde el panel Usuarios se puede gestionar quines tienen acceso a editar el sitio web, y en qu medida: habr usuarios a los que slo queramos permitir
que puedan publicar artculos, otros que tengan permiso para redisearlo, etc.
Mdulos. Para instalar y configurar mdulos.
Configuracin. Desde aqu podremos ajustar varios aspectos del sitio. Por ejemplo,
el tamao por defecto de las fotos, el idioma a utilizar, el nombre y lema del sitio
Las opciones del Panel_Admin irn cambiando segn vayamos instalando mdulos. Adems, tened en cuenta que, as como podemos cambiar el tema (o plantilla de diseo) de nuestra web, tambin podemos seleccionar otro tema para el
Panel_Admin. De todas formas, no recomendamos hacer esto, porque el tema por

Creacin de sitios web con Drupal 7

defecto (Seven) es muy claro y todas las opciones se ven muy bien con l.

26

Tema 4.
Publicar artculos y
pginas bsicas

Publicar artculos y pginas bsicas


Por defecto, Drupal instala un portal web con algunas funcionalidades bsicas,
como la posibilidad de publicar artculos tipo blog o pginas estticas como las de
Contacto o Sobre nosotros. As que, y para que podis empezar a crear algo desde el principio, vamos a publicar una primera entrada y una pgina esttica.

A partir de ahora, recomendamos tener abiertas dos pestaas en el navegador: una


en la que trabajaremos en el Panel_Admin y otra en la que iremos viendo el resultado
en nuestro sitio.

Nuestro primer artculo


A continuacin explicamos cmo publicar muy fcilmente artculos en Drupal.
paso a paso

Creacin de sitios web con Drupal 7

1. Aseguraos de iniciar sesin en vuestro sitio para que tengis acceso al Panel de
Administracin. Una vez est la sesin iniciada, hay muchos caminos para publicar un artculo. Por ejemplo, podis hacer clic en Men de Navegacin >
Agregar contenido > Artculo.

2. Escribimos un ttulo, ponemos algunas tags (es decir, palabras descriptivas del
contenido del artculo), rellenamos el campo body (podemos poner texto de
bulto tipo Lorem ipsum), adjuntamos una foto, le damos a Guardar y ya est:
nuestro primer artculo publicado.

28

Publicar artculos y pginas bsicas

Creacin de sitios web con Drupal 7

29

Publicar artculos y pginas bsicas


Nuestra primera pgina bsica
Ahora vamos a publicar una seccin en la web a la que podemos llamar Sobre
nosotros, con algo de informacin sobre el museo. A este tipo de pginas, cuyo
contenido se mantiene esencialmente estable en el tiempo (aunque por supuesto
podemos editarlo) y que suelen tener un enlace directo en el men, Drupal las
llama Pgina bsica.
Tal y como se instala Drupal por defecto, no vamos a poder adjuntar ninguna foto
a nuestra pgina, pero ms adelante veremos cmo hacerlo.
paso a paso
1. Al igual que para publicar un artculo, podemos ir a Men de navegacin >
Agregar contenido > Pgina bsica. En el formulario que nos aparece inserta-

Creacin de sitios web con Drupal 7

mos un ttulo, un texto y, ahora s, nos fijamos un poco ms en las pestaas que
nos ofrecen ms opciones.
En Opciones del men, dejar marcada Proporciona un enlace de men, elegir
un Ttulo para el mismo (nosotros hemos puesto Sobre nosotros), en Elemento
padre seleccionar Men principal y darle un Peso de, por ejemplo, 40 (el peso
se refiere al lugar que ocupar ese elemento en el listado de opciones del men. En principio puedes seleccionar un nmero entre -50 y 50. El -50 sera el elemento ms a la izquierda y el 50 el ms a la derecha. Sin embargo, hay otra
manera ms sencilla de ordenar los distintos elementos, que ya veremos).

30

Publicar artculos y pginas bsicas

Creacin de sitios web con Drupal 7

31

Creacin de sitios web con Drupal 7

Publicar artculos y pginas bsicas

Habremos visto que, segn publicamos contenido, las URL del mismo tienen este aspecto:
http://www.nombredelsitio.com/?q=node/67
https://www.nombredelsitio.com/node/12
Pues bien, para conseguir URLs amigables, del tipo
http://www.nombredelsitio.com/contacto
vamos a activar desde ya esa opcin, en Configuracin > Bsqueda y meta datos >
URL limpias > Activar URL limpias.

32

Tema 5.
Los mens

Los mens
En la prctica, la herramienta de mens de Drupal no se usa tanto como en otros
gestores, en parte porque ya desde otras ventanas de dilogo puedes decidir que
lo que ests construyendo sea un elemento del men sin necesidad de entrar a esta seccin, y en parte porque hay otras utilidades en Drupal que se emplean mucho para organizar la informacin de nuestro sitio (especialmente los mdulos Vistas o Paneles). De modo que vamos a ver esta herramienta muy brevemente.
A los mens se entra desde Estructura > Mens. Ah veremos un listado con todos
los tipos de men que hay a nuestra disposicin (el principal, uno secundario de
navegacin, 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-

Creacin de sitios web con Drupal 7

cesite para su web.

En listar enlaces podemos ver un listado de todos los elementos que forman cada
men. Por ejemplo, en el Men principal, por ahora, slo tenemos Home y Sobre el
museo. Home se crea automticamente al principio. Y recordad que el elemento
de men Sobre el museo lo hicimos nosotros cuando publicamos esa pgina, desde el propio formulario de edicin de pginas.

34

Los mens

En esta misma ventana en la que se muestran todos los elementos de un men,


podemos seleccionar cada uno para editarlo, y de ese modo cambiarle el nombre, darle un peso distinto para que se muestre primero o despus en el listado de

Creacin de sitios web con Drupal 7

elementos (aunque para cambiar la posicin de un elemento del men es ms


prctico arrastrarlo desde la cruz que se ve a la izquierda, junto a su nombre), etc.

35

Los mens
Sin embargo, para aadir elementos a los mens, por defecto estas ventanas no
son tan prcticas, porque te piden que escribas la ruta de ese elemento (o nodo
de contenido) en vez de dejarte simplemente seleccionarlo de un listado, como

Creacin de sitios web con Drupal 7

en otros gestores.

36

Tema 6.
La taxonoma

La taxonoma
Ya dijimos que la taxonoma se refiere a algo parecido a lo que en otros gestores
llaman categoras. La taxonoma la forman palabras que sirven para clasificar el
contenido. A esas palabras se las llama trminos, que se agrupan en vocabularios.
Por ejemplo, en el caso de nuestro museo, tendremos un vocabulario que se llamar Artistas y en l incluiremos, como trminos, los nombres de todos los autores
de los que tengamos obras. Y tambin podramos tener otro vocabulario de Estilos
pictricos y dentro de este incluiramos trminos como Renacimiento, Impresionismo, Surrealismo, Cubismo, etc.
Crear una buena taxonoma tiene muchas utilidades. Los trminos se pueden utilizar como enlaces que lleven a otros contenidos de nuestra pgina. Por ejemplo, si
en nuestro museo hay varios cuadros de Picasso y ese autor es un trmino en nuestra taxonoma, al hacer clic sobre l se nos presentarn todas sus obras. Y tambin

Creacin de sitios web con Drupal 7

sirven para para crear elementos de los mens de navegacin.


Por defecto, hay un vocabulario que se crea automticamente y que est conformado por las tags.
Nosotros vamos a crear una taxonoma sencilla desde el principio, lo cual facilitar
bastante la construccin de nuestra web pero, por supuesto, esta se puede modificar y ampliar en cualquier momento segn nuestras necesidades.
paso a paso
1. Vamos a Estructura > Taxonoma > Agregar vocabulario.

38

La taxonoma
2. En Nombre ponemos, por ejemplo, Disciplinas y damos a Guardar (tener en
cuenta que el alumno tendr que crear el vocabulario que le vaya bien a su

Creacin de sitios web con Drupal 7

web).

En muchos de los campos de las ventanas de dilogo se puede escribir normal, con
iniciales en mayscula, tildes, ees... Cuando Drupal necesita convertir algn trmino
a minsculas sin acentos, sea en la pantalla que sea, para utilizarlo en URLs o en otras
partes del cdigo, la plataforma lo hace automticamente, 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 trminos que formarn parte de nuestro primer
vocabulario. Lo haremos desde la pantalla Estructura > Taxonoma > Agregar
trminos (ej.: pintura, escultura, fotografa). Pero tened en cuenta que solo se
debe introducir un trmino por pantalla.

39

Creacin de sitios web con Drupal 7

La taxonoma

Ya hemos creado nuestro primer vocabulario, Disciplinas, que por ahora contiene
los trminos Pintura, Escultura y Fotografa. Nosotros vamos a crear tambin uno al
que llamaremos Artistas y en el que incluiremos a todos los autores de los que tenemos obras.
Ms adelante veremos lo til que nos resulta la taxonoma.

40

Tema 7.
Tipos de contenido

Tipos de contenido
Por ahora tenemos una web en la que hemos publicado un artculo (o un par de
ellos) y una pgina bsica. Los artculos son un tipo de contenido y las pginas bsicas otro, y Drupal los trae ya preparados para que los usemos.

Creacin de sitios web con Drupal 7

Pero adems 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.
Obra de arte ser un tipo de contenido muy parecido a artculo, con un campo
para introducir un ttulo, otro para un texto ms largo y otro para subir una foto, y
nosotros hemos previsto que tenga tambin 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.

42

Creacin de sitios web con Drupal 7

Tipos de contenido

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 nuestro museo y mostrrselas al pblico de nuestra web. Podramos haber utilizado el
tipo de contenido Artculo, pero a este le faltan campos como el nombre del artista o el estilo al que pertenece la obra. Y adems, preferimos reservar los artculos
para publicar noticias sobre el museo.

Aadir tipos de contenido


Ahora describiremos los pasos para aadir un tipo de contenido personalizado.
paso a paso
1. Vamos a Estructura > Tipos de contenido > Aadir tipo de contenido y rellenamos los campos que nos interesen:

43

Tipos de contenido
Nombre, con el nombre del tipo de contenido que quieres crear (por ejemplo,
Obra de arte).
Descripcin. Si rellenamos la descripcin, la persona que se encargue de actualizar los contenidos de la web sabr para qu sirve este tipo de contenido.
Nosotros hemos puesto Seleccione este tipo de contenido para introducir
obras de arte en la base de datos.
Etiqueta del campo de ttulo. En nuestro caso: Ttulo obra.
En Opciones de publicacin, podemos desmarcar o no Promovido a la portada
dependiendo de si queremos que ese tipo de contenido se vea o no en la pgina principal.
En Opciones de presentacin, hemos desmarcado Autor y Fecha (que muestra
qu usuario y en qu momento ha introducido los datos) porque ms adelante

Creacin de sitios web con Drupal 7

crearemos el campo de Artista, que es el que nos interesa.


En Opciones de comentarios, los ocultamos o no (dependiendo de si queremos
que nuestro pblico pueda dejar opiniones sobre ese contenido).
Y en Opciones de men hemos seleccionado Men principal tanto en Men
disponible como en Elemento de men padre predeterminado, porque ms
adelante crearemos una seccin en el mismo que se llamar Coleccin permanente, en la que queremos mostrar todas las obras que vamos a introducir a
travs del tipo de contenido que estamos creando.

44

Creacin de sitios web con Drupal 7

Tipos de contenido

Crear campos
Hasta ahora hemos creado un tipo de contenido que solo nos sirve para publicar
algo que tenga un ttulo y un cuerpo de texto. Sin embargo, nosotros queremos
poder insertar una imagen (de un cuadro, una escultura, una fotografa, etc.) y el
nombre del artista autor de la obra. Adems, ya hemos dicho que podramos querer especificar el estilo (cubismo, impresionismo, etc.) o informacin 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 > pestaa Gestionar
campos. Una vez en esta ventana, vemos que podemos:
Agregar nuevo campo. Para crear uno nosotros mismos. Ej.: Artista.

45

Tipos de contenido
Aadir 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
seccin Agregar nuevo campo con los valores que nos interesen.
Etiqueta. Esto es el nombre del campo. Ej: artista.
Seleccione un tipo de campo. Podemos elegir entre texto, imagen, nmero, archivo, referencia a trmino Depende de lo que queramos hacer en nuestra
web. Referencia a trmino suele ser una opcin muy til que nos permitir tomar los valores de la taxonoma que hemos creado (o que podramos crear
ms adelante). En nuestro caso, es el que vamos a seleccionar.

Creacin de sitios web con Drupal 7

Seleccione un control. Nos saldrn distintas opciones dependiendo del tipo de


campo que hayamos seleccionado. Por ejemplo, si en tipo de campo hemos
optado por Referencia a trmino, en Tipo de control podremos elegir entre control de autocompletar trmino, lista, botones El alumno puede hacer pruebas
para ver cul le conviene. Nosotros hemos seleccionado Control de autocompletar trmino pues, de esa forma, cuando vayamos a introducir el nombre del
artista en el campo correspondiente, con solo poner la primera letra ya se nos
ofrecern sugerencias tomadas de la taxonoma.

46

Tipos de contenido

Creacin de sitios web con Drupal 7

3. Damos a Guardar.
Tened en cuenta que, si en Seleccione tipo de campo hemos elegido Referencia a trmino, an nos saldr otra pantalla en la que tendremos que decidir de
qu vocabulario de la taxonoma se van a tomar esos trminos.

Y las opciones del resto de pantallas que nos van apareciendo podemos dejarlas como estn.

47

Tipos de contenido
Esto lo tendremos que hacer por cada campo nuevo que queramos crear. Y recordad que podemos utilizar campos que ya existan (ej.: imagen), para lo que rellenaremos la seccin Aadir un campo existente.
Por supuesto, podemos seguir agregando campos como Estilo artstico o poca
para hacer la web ms completa y realista, pero para aprender el procedimiento
los dos que hemos creado (Artista e Imagen) nos sirven.

Recordad que, a travs del tipo de campo Referencia a trmino, podremos tomar sus
valores de la taxonoma, lo que es muy til para tener los datos de nuestra web perfectamente organizados y enlazados.

Gestionar la presentacin
Seguimos con la pestaa Gestionar presentacin que tiene, a su vez, otras dos

Creacin de sitios web con Drupal 7

subpestaas:
Predeterminado
Resumen
En la subpestaa Predeterminado, configuramos la presentacin completa de
cada tipo de contenido, mientras que en la subpestaa Resumen configuramos
cmo se va a mostrar el pequeo trozo que queramos que sirva de extracto para
pinchar sobre l y ver el contenido completo.
Subpestaa Predeterminado
Aqu podemos jugar con la alineacin de las etiquetas y con el formato en que se
presentarn. Quiz tengamos que hacer alguna prueba hasta conseguir el resultado que queramos. En Etiqueta, recomendamos ponerla oculta porque si no nos
saldr algo como:
Imagen:
(y la imagen)
Artista:
y el nombre del artista

48

Tipos de contenido
Body:
y el cuerpo del texto
A no ser que queramos que se vea ese pequeo ttulo. Por ejemplo, podramos
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:

Creacin de sitios web con Drupal 7

Precio: 50

Recordad que estamos eligiendo la forma en que se va a ver el contenido completo de cada obra de arte, as que tendremos que pensar en cmo queremos
que este se muestre. Nosotros queremos que el usuario vea el ttulo de la obra, el
nombre del artista, una foto de tamao medio del cuadro y un texto informativo
sobre el mismo.
En esta ventana podemos controlar varias cosas interesantes. Por ejemplo, podemos arrastrar (pinchando en la cruz) la lnea correspondiente a la imagen y deslizarla por encima de las dems, para que se vea justo debajo del ttulo de la obra
(que es un campo que aqu no nos aparece) y por encima de todo lo dems.

49

Tipos de contenido
En esta ventana tenemos tambin un botn muy til para configurar las opciones
de la imagen a travs de la rueda dentada que aparece junto a los parmetros
de la misma. Podemos seleccionar el tamao de la imagen y, muy importante,
con qu se vincular cuando el usuario clique sobre ella. En nuestro caso, 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 ar-

Creacin de sitios web con Drupal 7

te).

Subpestaa Resumen
No nos tenemos que olvidar de rellenar la configuracin de la subpestaa Resumen. Aqu vamos a decidir el tamao de la imagen, si queremos que se muestre el
texto informativo o no, etc. Lo habitual es que para el resumen seleccionemos una

50

Tipos de contenido
imagen ms pequea y que mostremos menos contenido, o incluso que no aparezca el texto del Body.
Una vez que hayamos decidido cmo va a ser el tipo de contenido que hemos
creado, qu campos vamos a tener que rellenar, de qu tamao van a ser las
imgenes, etc., ya tendremos preparado el formulario a travs del cual introduciremos datos en nuestra web. Y para usarlo, solo tenemos que ir a Contenido >

Creacin de sitios web con Drupal 7

Agregar contenido y seleccionar el tipo que nos interese.

Nosotros vamos a introducir los datos de al menos tres obras de arte. Sin embargo,
an tenemos que conseguir que el usuario de nuestra web pueda verlas. Hay muchas formas de lograr esto, algunas de las cuales veremos en los siguientes temas.

Con las indicaciones que hemos dado para crear campos, el alumno ya puede, si lo
desea, adjuntar una imagen a las pginas bsicas. Por ejemplo, a travs de Estructura
> Tipos de contenido > Basic page > Gestionar campos > Aadir un campo existente
> Imagen.

51

Tema 8.
Los mdulos

Los mdulos
Como explicamos en la introduccin, los mdulos aaden funcionalidades a nuestro sitio y se dividen en lo que llaman las 3 C:
Mdulos del core (core modules): los que vienen por defecto en la instalacin.
Contribuciones (contributed modules): los que vas aadiendo.
Mdulos personalizados (custom modules): los que crea el propio desarrollador,
pero hay que tener conocimientos de PHP y entender bien la estructura de
Drupal.
Hay muchsimos mdulos que podemos utilizar para ampliar las posibilidades de
nuestra web y el mejor sitio para encontrarlos es drupal.org.
Algunos mdulos instalados por defecto son Blog, Comments, Search, Forum, Image, Statistics, Taxonomy

Creacin de sitios web con Drupal 7

Con los mdulos instalados por defecto ya se puede hacer una web, como hemos
visto, pero la verdad es que, especialmente en Drupal, se recomienda instalar unos
pocos ms que tambin son bastante bsicos: en concreto, nosotros vamos a utilizar mucho el mdulo Views.

Algunos mdulos tiles


Views. Muy utilizado, nos permite decidir qu contenido, dnde y cmo lo queremos mostrar.
Panels. Mediante este mdulo podemos tener un gran control sobre dnde va
a aparecer cada elemento de nuestra web.
Backup and Migrate. Muy til para hacer copias de seguridad y restaurarlas.
Google Analytics. Para saber cuntas visitas tiene nuestro sitio, de dnde proceden, etc., aunque por defecto Drupal ya ofrece algunas estadsticas bsicas.
WYSISYG (What You See Is What You Get). Utilidades similares a los procesadores
de texto.
Ubercart, un mdulo muy popular para comercio virtual.
Hay muchos ms as que, si quieres hacer algo en tu web que no puedas resolver
con la instalacin por defecto, es conveniente que busques mdulos.

53

Los mdulos
De todas formas, tenemos que avisaros de que muchos de los mdulos para Drupal no funcionan como los de WordPress o Joomla. Habitualmente, cuando instalas un mdulo en Drupal, este te ayudar a construir lo que quieras, pero muchas
veces no se trata slo de configurar preferencias.
Por eso, es importante que te acostumbres al modo de trabajar de esta plataforma, a aadir campos y tipos de contenido, a crear vistas (que ya veremos), etc.
En la seccin Mdulos del Panel_Admin podemos ver todos los mdulos que tenemos instalados, aunque algunos de ellos no estarn activos. Si necesitsemos

Creacin de sitios web con Drupal 7

activar alguno, solo hemos de marcar la casilla correspondiente.

54

Los mdulos
Instalar mdulos
Conseguir mdulos para tu sitio es muy sencillo pero, para poder hacerlo, antes
has de activar el Update Manager, que es uno de los mdulos por defecto que
encontrars en el listado y que tambin permite instalar temas. Encontrars muchos mdulos en drupal.org. Nosotros vamos a describir el proceso de instalacin
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, que es uno de los mdulos preinstalados que encon-

Creacin de sitios web con Drupal 7

trars en el listado, y da a Guardar configuracin.

Para poder instalar tanto mdulos como temas, hay que tener el Update Manager activado.

2. Una vez activado el Update Manager, aparece un nuevo rtulo (+ Instalar nuevo mdulo) en la pantalla. Haz clic en l.

55

Los mdulos
3. Como vers en la siguiente captura, hay dos formas de instalar mdulos en
Drupal:
Copiando la direccin URL de los mismos.
Subindolos desde nuestro ordenador.
Nosotros vamos a utilizar la primera frmula, ms rpida, pero ahora necesita-

Creacin de sitios web con Drupal 7

mos encontrar la direccin del mdulo que nos interesa, para copiarla.

4. Navega a drupal.org > Download & Extend > pestaa Modulos. Ah, selecciona
la versin de tu plataforma para asegurarte de que los mdulos que te dan a
elegir sean compatibles, y despus escribe lo que buscas en el cuadro al efecto
(Search). Nosotros queremos encontrar el mdulo Backup and Migrate, as que
escribimos eso.
5. Seguramente habr varios mdulos que se correspondan con esa bsqueda, y
entre ellos estar el que queremos. Veremos una descripcin de la utilidad y un
listado de archivos de instalacin. Ten en cuenta que puede haber versiones
que an no sean estables, as que nos vamos a quedar con las recomendadas
y, de esas, con la que se corresponda con la versin de nuestra plataforma.
6. Ya hemos dicho que podemos copiar directamente la URL del archivo o descargarlo en nuestro ordenador y subirlo desde ah. La primera opcin es la ms
sencilla as que vamos a optar por ella. Adems, podemos decidirnos por un ar-

56

Los mdulos
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 archivo que nos interese, hacemos clic con el botn derecho del ratn y seleccio-

Creacin de sitios web con Drupal 7

namos Copiar la ruta del enlace.

Para copiar la URL de un archivo, haz clic con el botn derecho del ratn sobre l y
selecciona Copiar la ruta del enlace.

7. Ahora volvemos a la pantalla en la que podamos introducir esa URL y, en el


campo Instalar desde una URL, hacemos clic con el botn derecho, damos a
Pegar, y despus hacemos clic en Instalar.
Por supuesto, si lo preferimos o este procedimiento nos da algn problema, podemos descargar el archivo en nuestro ordenador y subirlo desde ah.

57

Los mdulos

8. Si la instalacin sale bien, nos aparecer una pantalla felicitndonos por ello.
Desde ella podemos seguir instalando mdulos, activar desde ya el que aca-

Creacin de sitios web con Drupal 7

bamos de implementar o volver al Panel_Admin.

9. Y siempre podremos activar el nuevo mdulo desde el listado de mdulos en


Panel_Admin > Mdulos, marcando la casilla correspondiente.

58

Los mdulos
10. Despus damos a Guardar configuracin y ya tendremos instalado el nuevo
mdulo.
Los mdulos que instalemos irn a parar a uno u otro sitio del Panel_Admin, dependiendo de sus funciones.
Hemos descrito el proceso de instalacin de mdulos con Backup and Migrate
que, como dijimos, sirve para hacer copias de seguridad, lo que nos ser muy til
cuando nuestro sitio tenga ya bastante informacin que no nos querramos arriesgar a perder. Si quieres ms informacin sobre cmo se usa, puedes consultar el
anexo de recursos, aunque esta utilidad es bastante intuitiva.

Creacin de sitios web con Drupal 7

En el listado de mdulos del Panel_Admin hay una pequea descripcin de para qu


sirve cada uno y otra informacin muy til: por ejemplo, si ese mdulo concreto necesita algn otro para poder funcionar. Tendremos que fijarnos en esto. Pues si vemos
que no podemos activar algn mdulo que hayamos descargado, puede ser porque
tengamos que instalar alguno ms.

59

Tema 9.
Las vistas

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
taxonoma, los mens Pero Views es una utilidad ms sofisticada que nos permite
ser muy especficos sobre qu contenido, dnde y cmo lo queremos mostrar.
Bsicamente, se trata de una herramienta que nos permite tomar la informacin
que tenemos almacenada en la base de datos y mostrarla como queramos. Podemos seleccionar tipos de contenido completos, archivos, determinados campos, combinar campos de distintos tipos de contenido... Tambin nos ofrece la posibilidad de elegir si esa informacin se va a mostrar en una pgina o un bloque, y

Creacin de sitios web con Drupal 7

tambin cmo se va a disponer (en forma de listado, en rejilla, etc.).

Views es un mdulo tan til y bsico para construir sitios en Drupal que los usuarios llevan tiempo pidiendo que forme parte del ncleo (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
mdulos.

En Drupal 7, Views (no confundir con View) es uno de esos mdulos que requieren de
otros para poder funcionar. Pero no te preocupes. No tienes ms que seguir los pasos
de instalacin que vimos en el tema sobre los mdulos y fijarte atentamente en la
descripcin del mismo para saber qu otros tienes que instalar. En concreto, para que
Views funcione, tambin necesitaremos CTools (Chaos Tool Suite). El orden en que los
instalemos da igual.

Crear una vista


Vamos a utilizar Views para mostrar las fichas de los cuadros de nuestro museo.
Recordis el tipo de contenido Obra de arte que hicimos? Pues vamos a crear
una seccin, a la que llamaremos Coleccin permanente, para mostrar un resumen de esas fichas, primero, y que cuando pinchemos sobre cada una podamos
ver el contenido completo de las mismas.

61

Creacin de sitios web con Drupal 7

Las vistas

Nosotros simplificaremos mucho el proceso para hacer el aprendizaje lo ms fcil


posible, as que slo vamos a utilizar el tipo de contenido Obra de arte para construir esta seccin. Una vez que el alumno se familiarice con el procedimiento, ver
que se pueden combinar muchsimos elementos para hacer lo que queramos.
Vamos a describir cmo hemos creado la seccin Coleccin permanente mediante el mdulo Vistas para que aprendis a usarlo.
paso a paso
1. Vamos a Estructura > Views. Ah veremos un panel con todas las vistas por defecto que hay.
Desde esta ventana, podemos entrar a editar cada una de las vistas que haya
y tambin podemos Aadir nueva vista (Add new view), Aadir vista desde una
plantilla (por defecto, Drupal trae una plantilla para Galeras de Imgenes), 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.

62

Las vistas

2. En el siguiente panel elegimos un nombre para nuestra vista, una descripcin


que nos ayude a recordar lo que muestra, con qu tipo de informacin la vamos a construir, si vamos a mostrarla en una pgina o en un bloque Vamos a

Creacin de sitios web con Drupal 7

verlo ms en detalle:
View name: el nombre que le pondremos a nuestra vista.
Descripcin: nos ayudar a recordar lo que queremos mostrar con esa vista.
Mostrar: podemos mostrar contenido, trminos de taxonoma, archivos...
De tipo: segn lo que hayamos seleccionado en el recuadro Mostrar, podremos
elegir entre distintas opciones. Ej.: como nosotros hemos decidido que vamos a
mostrar un tipo de contenido, aqu elegimos cul, en nuestro caso Obra de arte.
Tambin podemos decidir si vamos a crear una pgina (es decir, que el contenido que queremos mostrar se vea como en cualquier pgina bsica, con una
URL propia) o un bloque (para que el contenido de la vista se muestre en un recuadro que colocaremos donde queramos) Hemos optado por crear una vista de tipo pgina.
Ttulo de la pgina: nosotros la vamos a llamar Coleccin permanente.
Ruta. Aqu tenemos que completar lo que ser la URL de nuestra pgina. Ej.:
http://museodrupal.hol.es/coleccion-permanente

63

Las vistas
Display format: podemos seleccionar entre Grid (rejilla), HTML list (tpico 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 prefiere.
Una vez seleccionado el formato, especificamos si queremos que solo se muestre un resumen (teaser), el contenido completo, los ttulos
Items to display: cuntos elementos queremos mostrar en cada pantalla.
Use a pager: marcamos esta opcin si tenemos tantos elementos que vamos a
querer distribuirlos en varias pantallas y que se muestren nmeros de pgina o
flechas para pasar de una a otra.
Create a menu link: lo marcamos si queremos que nuestra pgina sea un enla-

Creacin de sitios web con Drupal 7

ce de uno de los mens. En nuestro caso, s que queremos. Despus seleccionamos el Men (por ejemplo, el principal) y el texto de ese enlace (ej.: Coleccin permanente).

64

Creacin de sitios web con Drupal 7

Las vistas

3. Ahora podemos dar a Save & exit (Guardar y salir) o a Continue & edit (Continuar y editar). Da un poco igual lo que elijamos: si damos a Guardar y salir y,
ms adelante, queremos seguir editando la configuracin, no tenemos ms
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.

65

Creacin de sitios web con Drupal 7

Las vistas

Como en cualquier otro gestor de contenidos, hay muchas maneras en Drupal de


conseguir que los distintos elementos se muestren cmo y en el lugar que queramos.
Podemos jugar con el orden de las distintas pestaas de un men, con los bloques,
con la opcin Gestionar Presentacin de cada Tipo de Contenido Y en Vistas tambin podemos tomar decisiones sobre la presentacin final.

Aparte de otros elementos (archivos, comentarios), las dos piezas fundamentales


con las que se crean las vistas son los tipos de contenido y los campos. Si elegimos
crear una vista basada en un Tipo de contenido, simplemente lo seleccionamos y el
proceso ser relativamente fcil. Si preferimos seleccionar los campos de entre todos
los que nos ofrece la plataforma, podemos sentirnos abrumados por la cantidad de
los mismos que hay para elegir, muchos de los cuales parecen similares entre s. Por
eso, para este curso de Introduccin a Drupal, hemos preferido preparar una vista
con tipos de contenido en vez de con campos sueltos. De todas formas, una vez que
el alumno se familiarice con la herramienta Vistas, no le costar combinar cuantos
elementos necesite para construir lo que quiera.

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 bsicamente nos permite modificar los mismos parmetros y especificar un poco ms la configuracin.

66

Las vistas
La vemos un poco y, como esta ventana tiene muchos elementos, vamos a fijarnos en aquellos que nos interesan especialmente (los dems puedes dejarlos como estn).
Ttulo: en esta pgina an podemos cambiar el ttulo.
Formato: tambin podemos cambiar cmo se va a disponer la informacin, si en
forma de rejilla, de listado, etc., y otros parmetros (por ejemplo, si nos hemos decidido por un formato de rejilla, podemos cambiar el nmero de columnas de la
misma, etc.).
Mostrar: estamos satisfechos con nuestra decisin de mostrar tipos de contenido
concretos, por ejemplo las fichas de las obras de arte? O hemos cambiado de
idea y hemos decidido que vamos a seleccionar campos sueltos, como slo el ttulo del cuadro y una imagen de la misma? En caso de que sigamos queriendo mos-

Creacin de sitios web con Drupal 7

trar la ficha de las obras de arte, preferimos mostrar un resumen o el contenido


completo de la misma? Y si nos decidirnos por seleccionar campos sueltos, cules
van a ser?
Fields (campos): si decidimos seleccionar campos sueltos, nos aparecer un botn
de Agregar campos y podremos elegirlos de una lista. De todas formas, el principiante puede verse abrumado por la cantidad de campos que tiene para elegir,
muchos de los cuales parecen similares. Por eso, para este curso de introduccin 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, slo 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 tambin tienes una vista previa esquemtica del resultado.

67

Creacin de sitios web con Drupal 7

9
Las vistas

68

Tema 10.
Regiones y bloques

10

Regiones y bloques
Desde la seccin Bloques (en Estructura > Bloques) podemos, fundamentalmente,
cambiar de sitio algunas de las piezas de contenido de nuestra pgina, as como
hacer que se vean o no. Desde esta utilidad trabajamos con dos elementos: las
regiones y los bloques.
Repasamos lo que dijimos en la introduccin sobre ambos:
Las regiones son las distintas zonas de la pgina web: encabezado, pie de pgina, zona reservada a contenido, zona reservada a navegacin, etc.
Y en cada regin se visualizan bloques, cada uno de los cuales contienen los
mens, el contenido principal, los formularios de bsqueda, listados de noticias
recientes, cuadros de inicio de sesin, calendarios de eventos, etc.
Como vemos en la siguiente captura de pantalla, esta ventana tiene una columna en la que se listan todos los bloques de nuestra pgina (bajo un pequeo ttulo

Creacin de sitios web con Drupal 7

que se corresponde con la regin a la que pertenece), otra columna en la que


vemos esa misma regin en un men desplegable, y otra desde la que podemos
configurar ciertas caractersticas de los bloques a nuestro gusto.
Y tambin tenemos un rtulo (+ Aadir bloque) que nos sirve para crear los nuestros propios.

70

10

Regiones y bloques
Adems, si hacemos clic en + Demostrar regiones de bloques, se nos muestran re-

Creacin de sitios web con Drupal 7

saltadas estas zonas de las que hablamos.

Mover los bloques


Hay dos mtodos para mover los bloques de sitio:
Cada bloque de la columna izquierda tiene, en la columna siguiente, asignada
la regin en la que se va a mostrar, dentro de un desplegable en el que podemos seleccionar otra regin.
Puedes practicar a cambiar la regin en la que se mostrar un bloque determinado seleccionando otra del desplegable, pero no te preocupes si al principio
te haces un lio y piensas que has perdido el bloque. Bscalo bien en el listado,
bajo el epgrafe de la regin correspondiente.
Si esta primera forma te ha parecido engorrosa, no te preocupes, pues pronto
te acostumbrars a ella, y adems hay otra ms sencilla: simplemente arrastra

71

10

Regiones y bloques
cada bloque de la cruz que vers a su izquierda en el listado y sultalo bajo el
epgrafe (o titulillo) correspondiente a la seccin que te interese.
Puedes probar a mover bloques de sitio hasta que te sientas cmodo trabajando
con ellos.

Si vemos que nada de lo que hagamos en la seccin de bloques nos funciona, puede
que tengamos que fijarnos en un mensaje de advertencia que se nos muestra: El
formulario se ha quedado obsoleto. Recargue esta pgina. Si esto ocurre, haced clic
ah para poder seguir trabajando.

De todas formas, no todas las regiones admiten todos los bloques Para cambios ms
drsticos, pueden ser necesarios otros instrumentos, como el mdulo Paneles.

Creacin de sitios web con Drupal 7

Crear bloques
Tambin podemos crear nuestros propios bloques de una manera muy sencilla,
aunque estos consistirn bsicamente en texto y poco ms. De todas formas, ya
sabis que podis buscar mdulos que os ayuden a hacer exactamente lo que estis buscando.

Fijaos tambin en que suele haber bloques desactivados, en la parte de abajo de la


ventana de bloques, que pueden interesarnos Y para utilizarlos, slo tendramos que
asignarles una regin.

paso a paso
1. Para crear un bloque vosotros mismos, no tenis ms que hacer clic en el rtulo
+ Aadir bloque y, en la ventana que aparece, fijaos especialmente en:
Ttulo del bloque: ser el que vean los usuarios, as que no pongis nada si no
queris que tenga ningn rtulo especial.
Descripcin: poned aqu el ttulo que queris que aparezca en el listado de
bloques del Panel_Admin.
Opciones de regin: seleccionad en qu tema (o diseo, o plantilla) y en qu
regin queris que aparezca el bloque.

72

10

Regiones y bloques
Pestaa pginas: aqu podis decidir que el bloque se vea slo en determinadas pginas y no en otras.
Pestaa tipos de contenido: puedes elegir que el bloque se muestre slo en las

Creacin de sitios web con Drupal 7

pginas que muestren un tipo de contenido especfico.

73

Tema 11.
Los temas

11

Los temas
Hasta ahora hemos trabajado con el tema que vena por defecto, pero cambiarlo
por otro que nos guste ms es tan sencillo como instalar mdulos. De hecho, el
mtodo es el mismo.
Hay temas que cambiarn el mdo en que los usuarios vean nuestra pgina, y
otros que sirven para modificar el aspecto del Panel_Admin. Sin embargo, ste ltimo 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 mdulos. Son
simplemente herramientas en las que hay que poner bastante de nuestro trabajo
para que la pgina se vea como queremos. Para elegir uno que nos d un resultado atractivo rpidamente y sin tener que hacer muchas adaptaciones por nuestra parte (como en WordPress), quiz tengamos que buscar un poco ms.

Creacin de sitios web con Drupal 7

Todo lo relativo a los temas lo podemos configurar en la seccin Apariencia del


men principal del Panel_Admin. Por ejemplo, para elegir una combinacin de
colores distinta para un tema, cambiar el logo por defecto, etc., slo tienes que
hacer clic en el rtulo Ajustes que vers junto a la miniatura de cada tema.
No vamos a ver con mucho detalle esta ventana porque es bastante parecida a
la de los mdulos 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 galeras muy prcticas para hacerte una idea de cmo quedar tu web con
cada tema Pero con Drupal no es tan fcil. De todas formas, te damos ideas sobre varias opciones que puedes probar:
Consulta la seccin correspondiente a los temas en drupal.org. Esto tiene la
desventaja de que tienes que ir uno a uno y no es una utilidad muy visual, sino
que ms bien te proporcionan una descripcin tcnica sobre cada plantilla.

75

11

Los temas
Para Drupal 7, puedes visitar http://www.opennomad.com/drupal-themes/ pero
tampoco es que la navegacin en este sitio sea muy intuitiva as que, por si
acaso, te explicamos un poco cmo moverte por l.
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 diseo. Pero si no quieres
volver al listado una y otra vez, puedes recurrir a los rtulos de navegacin Next
o Previous que encontrars ms o menos fcilmente en cada tema, casi siempre bajo el ttulo del mismo.
De todas formas, ninguna de las dos opciones de navegacin por esta pgina
nos parece muy cmoda.
Hay un sitio clsico, Theme Garden, www.themegarden.org, que tiene un sistema de navegacin muy parecido al anterior que hemos mencionado y, aun-

Creacin de sitios web con Drupal 7

que en principio recoge temas de Drupal 6, te puede servir porque muchos de


ellos estn tambin adaptados a la nueva versin.
Y dejamos para el final (queramos que antes conocieses un poco los otros mtodos, especialmente la seccin de temas de drupal.org) el que quiz sea el sistema ms prctico: buscar imgenes de temas de Drupal en un sitio tipo Google.

Asegrate de que buscas temas compatibles con tu versin de Drupal.

Instalar temas
paso a paso
1. Para instalar nuevos temas, recordad que hay que tener el mdulo Update Manager activado. As que si no lo habis hecho an, id a Mdulos y marcad la
casilla correspondiente. Despus, no os olvidis de Guardar configuracin.

76

11

Los temas

2. En cuanto activemos este mdulo, podemos ir a la seccin Apariencia del men principal del Panel_Admin y veremos que nos aparece el rtulo + Instalar

Creacin de sitios web con Drupal 7

nuevo tema, que no nos sala antes.

3. A partir de ahora, instalar temas es como instalar mdulos, as que consultad la


seccin correspondiente (o intentad hacerlo por vuestra cuenta, pues veris
que todo el proceso es muy sencillo).

Para poder instalar temas, recordad que hay que tener el mdulo Update Manager
activado (ver tema sobre mdulos).

77

Conclusin
Y aqu terminamos este curso. Esperamos que os haya servido para familiarizaros
con Drupal. Sobre todo, aparte de publicar artculos y pginas bsicas e instalar
temas y mdulos, tened en cuenta que lo ms importante es aprender a crear
vuestros propios tipos de contenido y preparar vistas.
An podramos sacarle ms partido a Drupal si aprendemos a utilizar un mdulo
como Paneles, por ejemplo, que nos permite reordenar todo como queramos, pero pensamos que para un curso de introduccin, lo que hemos visto es suficiente.
Una vez que te sientas cmodo con lo que has aprendido aqu, y si quieres seguir
usando Drupal, te aconsejamos que revises la seccin Bibliografa y recursos, que

Creacin de sitios web con Drupal 7

te orientar un poco para completar tu formacin.

78

Bibliografa y recursos
www.drupal.org
El sitio official de Drupal, con toda (o casi toda) la informacin que puedes
necesitar (en ingls). Aqu tambin se renen los archivos de instalacin de
mdulos y temas, as como los de actualizacin e instalacin de la propia
plataforma de Drupal (aunque nosotros no hemos necesitado este ltimo
porque hemos instalado Drupal con una utilidad de instalacin automtica).
www.drupal.org/upgrade
Aqu explican la diferencia entre las actualizaciones mayores (upgrade) y
las actualizaciones menores (update). Un ejemplo de actualizacin mayor
sera pasar de Drupal 7 a Drupal 8. Mientras que hacer una actualizacin

Creacin de sitios web con Drupal 7

menor es pasar, por ejemplo, de Drupal 7.36 a Drupal 7.38.


www.lullabot.com/articles/module-monday-backup-and-migrate
Artculo donde explican muy brevemente cmo usar el mdulo Backup
and Migrate, para hacer copias de seguridad y restaurarlas.
www.cursosdrupal.com/content/panels
Breve gua para aprender a usar el mdulo Paneles.
www.cambrico.net
Recomendamos este blog de Pedro Cambra, un espaol experto en Drupal, cuyos artculos son realmente prcticos para aprender.
www.drupal.org.es
Comunidad de usuarios de Drupal en espaol.
http://danielgrifol.es/drupal-7-paginas-generadas-como-nodos-vs-vistas/
Interesante texto en el que se defiende el uso del mdulo Paneles para hacer lo que normalmente se crea con el mdulo Vistas.

79

Bibliografa y recursos
TOMLINSON, Todd. Beginning Drupal 7. Apress.
En este libro es donde hemos encontrado las explicaciones ms claras de
entre todos los que se han consultado.
BEIGHLEY, Lynn. Drupal for dummies. Wiley.
Que no te desanime el ttulo. En realidad es un libro serio (aunque redactado de forma desenfadada) con el que puedes aprender Drupal.
VARIOS AUTORES. The definitive guide to Drupal 7. Apress.
Contiene algunos temas un poco ms avanzados, pero los dems an es-

Creacin de sitios web con Drupal 7

tn explicados de forma bastante comprensible.

80

Вам также может понравиться