Академический Документы
Профессиональный Документы
Культура Документы
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.
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
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
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:
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-
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-
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-
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,
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-
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
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).
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-
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
o similar.
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-
6. Para hacer prcticas para el curso, vamos a seleccionar una cuenta gratuita.
15
Instalar Drupal
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
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.
17
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
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).
20
Instalar Drupal
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.
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
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
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
defecto (Seven) es muy claro y todas las opciones se ven muy bien con l.
26
Tema 4.
Publicar artculos y
pginas bsicas
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
29
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
31
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-
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
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
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
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
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
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.
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
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.
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
44
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.
46
Tipos de contenido
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
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:
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-
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 >
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
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.
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
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-
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-
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-
Para copiar la URL de un archivo, haz clic con el botn derecho del ratn sobre l y
selecciona Copiar la ruta del enlace.
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-
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.
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
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.
61
Las vistas
62
Las vistas
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-
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
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
Las vistas
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-
67
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
70
10
Regiones y bloques
Adems, si hacemos clic en + Demostrar regiones de bloques, se nos muestran re-
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.
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.
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
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.
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-
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
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
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
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-
80