curso drupal 7

82
Creación de sitios web con Drupal 7 Aparecida Conde

Upload: guido-maycol-gutierrez-miranda

Post on 23-Jan-2016

27 views

Category:

Documents


2 download

DESCRIPTION

Curso que te ayudara a crear fácilmente sitios Webs complejos.

TRANSCRIPT

Page 1: Curso Drupal 7

Creación

de sitios web

con Drupal 7

Aparecida Conde Aparecida Conde

Page 2: Curso Drupal 7

Copyright

Esta obra está licenciada por Campus Santander Emprende y se distribuye bajo

una Licencia Creative Commons Atribución-NoComercial-SinDerivar 4.0 Interna-

cional.

Usted es libre de:

Compartir — Copiar y redistribuir el material en cualquier medio o formato.

Bajo las condiciones siguientes:

Reconocimiento — Debe reconocer adecuadamente la autoría, 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 pue-

de difundir el material modificado.

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

Autora del curso: Aparecida Conde

Diseño editorial: Raquel García

Page 3: Curso Drupal 7

Índice

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

1

Presentación del curso ...................................................................................................... 2

Práctica final ....................................................................................................................... 4

1. Introducción a Drupal .................................................................................................... 5

Acercarse a Drupal ...................................................................................................................... 6

Conceptos básicos ...................................................................................................................... 7

2. Instalar Drupal ............................................................................................................... 12

Registrarse en Hostinger ........................................................................................................... 14

Instalación automática (en un clic) .................................................................................... 19

3. El panel de administración .......................................................................................... 24

4. Publicar artículos y páginas básicas .......................................................................... 27

Nuestro primer artículo .............................................................................................................. 28

Nuestra primera página básica ............................................................................................ 30

5. Los menús ...................................................................................................................... 33

6. La taxonomía ................................................................................................................ 37

7. Tipos de contenido ....................................................................................................... 41

Añadir tipos de contenido ...................................................................................................... 43

Crear campos .............................................................................................................................. 45

Gestionar la presentación ....................................................................................................... 48

8. Los módulos .................................................................................................................. 52

Algunos módulos útiles .............................................................................................................. 53

Instalar módulos ........................................................................................................................... 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

Conclusión ........................................................................................................................ 78

Bibliografía y recursos ...................................................................................................... 79

Page 4: Curso Drupal 7

Presentación del curso

2

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Creación de Sitios Web con Drupal 7, del Campus Santander Emprende

(www.campussantanderemprende.com), es un curso básico pero completo sobre

el tercer gestor de contenidos más utilizado para la creación de sitios web, por de-

trás de WordPress y Joomla. En él enseñamos a manejar la interfaz de Drupal y sus

herramientas más importantes, de manera que al finalizar su lectura y tras la reali-

zación de la práctica propuesta el alumno será perfectamente capaz de crear un

sitio web con esta plataforma.

A quién va dirigido este curso

Desarrolladores web (diseñadores, programadores…) que quieran empezar a

trabajar con Drupal.

Público 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-

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 habrán utilizado

algún gestor de contenidos, seguramente WordPress o Joomla, este curso pre-

tende contribuir a que el alumno complete su currículum y su conocimiento de

este tipo de herramientas, tan relevantes hoy en día 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 in-

terfaz de trabajo muy potente con sus correspondientes menús y ventanas de diá-

logo. Lo que sí hace falta es entender el modo en que se trabaja en Drupal y

aprender a descifrar esas ventanas de diálogo.

Aparte de operaciones básicas como publicar artículos tipo blog y páginas estáti-

cas tipo Sobre nosotros, lo que hay que aprender a hacer (y en este curso ense-

ñamos) para poder trabajar en Drupal es:

Page 5: Curso Drupal 7

Presentación del curso

3

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Publicar Artículos y Páginas Básicas.

Crear Tipos de Contenido.

Utilizar la Taxonomía.

Utilizar la herramienta Vistas para mostrar contenido.

Mover elementos de la página con la herramienta Bloques.

Instalar Módulos.

Instalar Temas.

No te preocupes si ahora no entiendes estos términos. Al finalizar el curso no ten-

drás ningún problema con ellos y sabrás manejar Drupal para crear sitios web.

Conocimientos previos necesarios para seguir el curso

No se requieren conocimientos de HTML, CSS ni de lenguajes de programación,

que están fuera del objetivo de este curso. Pero sería bueno que el estudiante hu-

biera manejado algún gestor de contenidos antes, tipo WordPress o Joomla, o que

estuviera familiarizado con el desarrollo web, ya sea desde el punto de visto del di-

seño o la programación, 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 elaboración se describe a lo largo de los temas.

Ficheros en PDF

En la plataforma de Campus Santander Emprende se ha subido, junto a cada te-

ma, el fichero en PDF con todo el contenido correspondiente así como con nume-

rosas capturas de pantalla que nos pueden ayudar a entenderlo todo mejor. Se

recomienda seguir el curso por estos ficheros o por el archivo del curso completo

también en PDF que encontrará al final del curso.

¿Drupal 7 ó Drupal 8?

En el momento de redactar este manual Drupal 8 está en preparación. Por lo tan-

to, enseñamos a manejar Drupal 7. Parece que Drupal 8 tiene algunas mejoras in-

teresantes, que ya veremos cuando salga la versión estable.

Page 6: Curso Drupal 7

Práctica final

4

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Para conseguir el diploma acreditativo, el alumno deberá superar una prueba

práctica que consistirá en la creación de un pequeño sitio web.

Requisitos mínimos del sitio

Dos artículos (o posts, o entradas, o noticias…).

Una imagen en al menos una de las entradas.

Tags (palabras descriptivas) aplicadas a todos los artículos.

Una página estática que se llamará “Sobre nosotros”, con un poco de infor-

mación sobre la web.

Una sección extra en el menú principal, que mostrará lo que el alumno desee

(que tenga relación con el resto del sitio).

Recomendaciones

Recomendamos comenzar la práctica cuanto antes. Por ejemplo, según vas le-

yendo la parte sobre cómo instalar Drupal en el servidor, puedes ir siguiendo las

instrucciones para hacerlo.

No hace falta que los textos estén muy elaborados. Puedes incluso utilizar texto de

relleno tipo Lorem Ipsum. Recuerda que de lo que se trata es de aprender a utilizar

Drupal.

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 práctica puede ser dis-

tinta.

Evaluación

El alumno tendrá que enviar, por correo electrónico, la dirección de su web y, si és-

ta cumple los requisitos mínimos, se dará la prueba por superada y obtendrá su di-

ploma.

Page 7: Curso Drupal 7

Tema 1.

Introducción

a Drupal

Page 8: Curso Drupal 7

Introducción a Drupal

6

1

Cre

ac

ión

de

siti

os

we

b c

on

Dru

pa

l 7

Drupal es el tercer gestor de contenidos (Content Management System o CMS)

más utilizado en la actualidad, por detrás 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 he-

mos 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 pági-

na. Y todo sin tocar el código, sólo a través de los menús del panel de control.

La desventaja con respecto a WordPress o Joomla es que es un poco descorazo-

nador tratar de aprenderlo por tu cuenta. Habitualmente, si estás acostumbrado a

manejar aplicaciones informáticas, es normal que consigas tener un conocimiento

decente de muchas de ellas simplemente trasteando con los menús y probando

cosas. En Drupal, después de instalarlo (con la configuración estándar por defec-

to) y entrar en la plataforma, puedes muy fácilmente conseguir publicar artículos

tipo blog y una página estática como las de Contacto o Sobre nosotros. También

conseguirás cambiar el logotipo de tu sitio y hacer otros pequeños ajustes... Pero

para casi todo el mundo, ahí se acabó intentar aprender Drupal por uno mismo.

Algunas ventanas de diálogo son un poco difíciles de entender cuando te enfren-

tas a ellas solo. Sin embargo, acostumbrarse al modo de trabajo en Drupal es fácil

cuando te explican en qué consiste. Y es probable que incluso te acabe gustando

más que el de WordPress o Joomla.

Es decir, que no te preocupes porque al final del curso ya sabrás utilizar Drupal y

vas a practicar haciendo una web tú mismo. Y adquirirás los conocimientos nece-

sarios para seguir investigando por tu cuenta.

Page 9: Curso Drupal 7

Introducción a Drupal

7

1

Cre

ac

ión

de

siti

os

we

b c

on

Dru

pa

l 7

Una plataforma gratuita y de código abierto

Drupal, como WordPress o Joomla, es gratuito y de código abierto (open source),

lo que significa que cualquiera puede contribuir a su desarrollo. Hay toda una co-

munidad de usuarios dedicados a perfeccionar el código, a diseñar plantillas o a

resolver las dudas de los principiantes.

Pero el hecho de que sea gratuito y de código abierto no significa que no se pue-

da usar para fines comerciales, como por ejemplo, crear la web de tu empresa,

sino que, si hicieras alguna modificación sobre el software, esas modificaciones

seguirían estando bajo la misma licencia de código abierto y libre.

drupal.org

Podemos acudir a drupal.org para encontrar plantillas, módulos (extensiones) y un

montón de documentación y recursos de ayuda. Hay otros sitios con utilidades so-

bre Drupal, pero este es el más completo (aunque está en inglés).

Conceptos básicos

Core

El core (o núcleo) son todos los archivos de las funcionalidades básicas que vienen

por defecto cuando instalamos Drupal. Si después de hacer este curso seguís sin-

tiendo curiosidad por esta plataforma e investigáis por vuestra cuenta, os toparéis

a menudo con el siguiente consejo: “Never hack core” (no hackear el núcleo ja-

más). Los desarrolladores de Drupal recomiendan no hacer ninguna modificación

en estos archivos. “¿Hay alguna excepción a esta regla?”, continúa el consejo, y

la respuesta es “No”. La razón de esto es que modificar esos archivos puede aca-

rrear problemas de funcionamiento más adelante.

Los drupaleros (así se llaman a sí mismos quienes usan esta plataforma) siguen este

consejo bastante a rajatabla. La excepción (en realidad sí hay excepciones) es

que sepas muy, muy bien lo que estás haciendo y documentes los cambios.

Page 10: Curso Drupal 7

Introducción a Drupal

8

1

Cre

ac

ión

de

siti

os

we

b c

on

Dru

pa

l 7

Módulos

Los módulos añaden funcionalidades a nuestro sitio y se dividen en lo que llaman

las “3 C”:

Módulos del core (core modules): los que vienen por defecto en la instalación.

Contribuciones (contributed modules): los que vas añadiendo.

Módulos personalizados (custom modules): los que crea el propio desarrolla-

dor, pero hay que tener conocimientos de PHP y conocer bien la estructura de

Drupal.

Hay muchísimos módulos que podemos utilizar para ampliar las posibilidades de

nuestra web y el mejor sitio para encontrarlos es drupal.org.

Nodos

Los nodos son piezas de contenido de la web, ya sean artículos, páginas estáticas,

etc. Según se va creando ese contenido, Drupal le asigna un número, de modo

que las URL de nuestro sitio tendrán, en principio, este aspecto:

http://www.nombredelsitio.com/?q=node/67 ó

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 básico en Drupal y que vamos a utilizar mucho. En

otros CMS no te tienes que preocupar de esto porque ya te los dan hechos. En

Drupal también contamos con unos cuantos prediseñados, pero lo normal es que

tú crees también los que a ti te vengan bien.

Los campos permiten introducir y almacenar información. Por ejemplo, los formula-

rios para publicar entradas en un blog suelen tener un recuadro para poner el títu-

lo, otro para escribir el grueso del texto y otro para insertar una foto. Pues bien, ca-

da uno de esos recuadros sería un campo.

Tipos de contenido

Por defecto, Drupal nos permite publicar artículos y páginas básicas (con conteni-

do estático). Los artículos son un tipo de contenido y las páginas básicas otro. Y

Page 11: Curso Drupal 7

Introducción a Drupal

9

1

Cre

ac

ión

de

siti

os

we

b c

on

Dru

pa

l 7

además nosotros podemos crear todos los tipos nuevos de contenido que necesi-

temos. Por ejemplo, para el sitio de prueba museodearte.hol.es hemos creado uno

al que llamamos Obra de arte.

Obra de arte es un tipo de contenido muy parecido a artículo, con un campo pa-

ra introducir un título, otro para un texto más largo y otro para subir una foto, y

además hemos previsto que tenga también un espacio reservado para el nombre

del autor de cada obra.

Taxonomía

La taxonomía es algo parecido a lo que en otros gestores se llama categorías. La

forman palabras que sirven para clasificar el contenido. A esas palabras se las lla-

ma términos, que se agrupan en vocabularios. Por ejemplo, en el caso de nuestro

museo, podríamos tener un vocabulario de Estilos pictóricos y dentro de este vo-

cabulario incluiríamos términos como Renacimiento, Impresionismo, Surrealismo,

etc.

Tags

Las tags son palabras descriptivas del contenido de, por ejemplo, un artículo. En

otros gestores las llaman también etiquetas, pero nosotros no lo vamos a hacer,

porque el vocablo etiqueta lo vamos a utilizar mucho para referirnos a otra cosa.

También nos sirven para posicionar el artículo en los buscadores de contenido

como Google. Por ejemplo, a un artículo sobre una receta de arroz con verduras

podríamos añadirle las tags arroz, pimiento, zanahoria, comida china… Esto nos

serviría, 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

automáticamente.

Regiones

Las regiones son las distintas zonas de la página web: encabezado, pie de página,

zona reservada a contenido, zona reservada a navegación, etc.

Page 12: Curso Drupal 7

Introducción a Drupal

10

1

Cre

ac

ión

de

siti

os

we

b c

on

Dru

pa

l 7

Bloques

En cada región se visualizan bloques de información que contienen los menús, el

contenido principal, los formularios de búsqueda, listados de noticias recientes,

cuadros de inicio de sesión, calendarios de eventos, etc.

Artículos

Un artículo está habitualmente compuesto de un título y un texto pero también se

le pueden añadir imágenes, etc. Los artículos en Drupal son como los de cualquier

otro gestor de contenido (por ejemplo, las entradas en WordPress).

Página básica

No hay que confundir lo que en Drupal se conoce por página básica con lo que

normalmente entendemos por página web. En Drupal, las páginas básicas son

secciones de la web con contenido usualmente estático. Por ejemplo, podríamos

tener una sección que se llamase Sobre Nosotros, con información sobre la empre-

sa, nuestros principios, quiénes trabajan en ella, etc., con textos que usualmente

no habría que cambiar (aunque por supuesto podríamos hacerlo); y otra a la que

llamaríamos Contacto, con nuestro número de teléfono, email y quizá un mapa de

ubicación. Pues bien, ambas secciones se alojarían en lo que en Drupal se llama

página básica.

Temas (o diseños o plantillas)

Los temas son las plantillas de diseños 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 pequeñas modificacio-

nes sin mucha dificultad, dependiendo de cómo lo haya configurado su diseña-

dor. Y también podemos mover los distintos elementos de la web bastante a nues-

tro antojo, o cambiar el número de columnas y filas en que se divide nuestra planti-

lla, y todo desde la interfaz, es decir, usando sólo los menús y las distintas ventanas

de diálogo.

Esto es una gran diferencia con respecto a WordPress o Joomla. En estos, en prin-

cipio estás más condicionado por lo que el autor de la plantilla te deje hacer con

ella. Puede que te permita cambiar el menú de navegación de la izquierda a la

Page 13: Curso Drupal 7

Introducción a Drupal

11

1

Cre

ac

ión

de

siti

os

we

b c

on

Dru

pa

l 7

derecha, y los colores y alguna cosa más. Pero si queremos hacer modificaciones

más radicales tenemos que recurrir a otras herramientas o entrar al código. En

Drupal, sin embargo, tenemos mucho más control. Y, por supuesto, también po-

dríamos diseñar nuestro propio tema (aunque eso está fuera del alcance de este

curso).

Instalar temas es muy fácil y uno de los lugares para encontrarlos es drupal.org.

Page 14: Curso Drupal 7

Tema 2.

Instalar Drupal

Page 15: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

13

2

Hay varias posibilidades a la hora de instalar Drupal. Una de ellas es hacerlo prime-

ro en nuestro ordenador para, una vez el proyecto esté lo bastante desarrollado,

subirlo a un servidor externo y seguir trabajando ahí.

Otra de las opciones es empezar a trabajar desde el principio en un servidor ex-

terno. Pero si finalmente nos decidimos por esto, también tendremos que sopesar

qué preferimos: si hacer una instalación manual, o aprovecharnos de las utilidades

de instalación automática o “en un clic” disponibles en multitud de servicios de

hosting.

Para seguir este curso de introducción a Drupal, recomendamos decantarse por

esta última opción: instalar Drupal en un servicio de hosting que cuente con un ins-

talador automático. En este curso nos vamos a centrar en aprender a utilizar la pla-

taforma, y más adelante, si el alumno sigue interesado, puede consultar la docu-

mentación de drupal.org para aprender a hacer instalaciones manuales.

Antes de elegir un servidor de Drupal, hay que informarse un poco para compro-

bar que el que elijamos lo soporta. En principio, es suficiente con leer la informa-

ción que nos ofrece cada empresa o hacer un poco de investigación en un bus-

cador como Google.

Si quieres saber un poco más sobre esto, puedes consultar los “requisitos del siste-

ma” (que encontrarás en drupal.org). Lo habitual es hacer la instalación en un ser-

vidor Apache, que cuente con un intérprete de PHP (un lenguaje de programa-

ción) y bases de datos MySQL, y todo con las versiones adecuadas. De todas for-

mas, estos servicios son ya muy comunes y es muy fácil encontrar alojamientos que

los proporcionen.

Para el sitio de prueba del curso hemos seleccionado un servidor gratuito: hostin-

ger.es. Y a continuación vamos a describir paso a paso el proceso para registrar-

nos, elegir una dirección para nuestro sitio web e instalar Drupal, que será similar

en casi todos los servidores.

Page 16: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

14

2

Registrarse en Hostinger

Tened en cuenta que se os pedirá que introduzcáis nombres de usuario y contra-

seña tanto para la cuenta de Hostinger como para el sitio que instaléis. Podéis

elegir dos usuarios y contraseñas distintos, pero nosotros, para más 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.

2. Rellenamos el formulario de registro. Poned un email real porque necesitaréis

entrar en él para confirmar el registro.

Page 17: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

15

2

3. Entrad en vuestro e-mail para confirmar registro.

4. Después de registrarse en Hostinger, todavía hay que crear lo que llaman cuen-

ta de hosting y elegir un dominio. Hay muchas maneras de hacer eso, pero po-

demos empezar por dar a Hosting.

5. Hacemos clic en Nueva Cuenta de Hosting.

6. Para hacer prácticas para el curso, vamos a seleccionar una cuenta gratuita.

Page 18: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

16

2

7. En la siguiente pantalla, aún nos dan la posibilidad de elegir entre registrar un

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

por un dominio la dirección de nuestro sitio será algo como nombredemisi-

tio.com, mientras que si nos decidimos por un subdominio tendremos que con-

formarnos con algo como museodearte.hol.es, por ejemplo.

Rellenamos todos los datos: discurrimos el nombre de subdominio que quera-

mos (en el caso de nuestro ejemplo para este curso museodearte, aunque el

alumno tendrá que pensar en otro) y elegimos extensión (Hostinger pone varias

a nuestra disposición y nosotros nos hemos decantado por hol.es).

Fijaos en que, si queremos pensar nosotros en una contraseña, no hace falta

que demos al botón Generar (esto se usa sólo 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

Page 19: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

17

2

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 física y no un ordenador, y confirma la orden.

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

Page 20: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

18

2

! Los datos sobre la cuenta y sobre el dominio, que necesitarás para configurar tu web,

subir archivos, etc., los encontrarás en el Panel de Control de Hostinger > Cuentas >

Detalles. Y también en un correo que te habrán 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 sesión en Hostinger, hay que tener en cuenta que, pa-

ra volver a entrar, nuestro nombre de usuario es la dirección de correo electrónico

completa que hayamos puesto, con la @ y todo.

Page 21: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

19

2

Instalación automática (en un clic)

Muchos servidores web (Hostinger entre ellos) permiten la instalación de Drupal de

una manera muy sencilla mediante un servicio de instalación automática o en un

clic (cada servidor lo llamará de una forma). Nosotros vamos a aprovecharnos de

esta funcionalidad, aunque si el alumno desea saber cómo hacerlo por sí mismo,

puede consultar la documentación de drupal.org. Para seguir este curso, sin em-

bargo, recomendamos la opción automática.

El instalador automático de Hostinger apenas te va a pedir una mínima participa-

ción por tu parte. Todo lo demás lo hará él, incluso crear la base de datos en las

que estarán alojados todos los contenidos de nuestro sitio. Puede que en otros ser-

vidores la instalación en un clic te pida datos un poco distintos, quizá que le des un

nombre a esa base de datos, pero poco más.

paso a paso

1. Hay muchas maneras de acceder al Instalador Automático. En la imagen de

abajo pueden verse un par de ellas. Hacemos clic en cualquiera.

Page 22: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

20

2

2. Seleccionamos aquello que queramos instalar. La versión de Drupal puede ha-

ber cambiado cuando el alumno lea esto, pero seleccionar una versión esta-

ble, no una en pruebas (o beta).

! En el momento de escribir este manual, Drupal 8 aún está en fase de desarrollo, así

que elegiremos Drupal 7.

Page 23: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

21

2

3. Rellenar el formulario de configuración con un nombre de usuario, contraseña,

etc. En el campo título del sitio nosotros hemos puesto Museo de Arte (el alumno

elegirá el que quiera para su web). Y como vemos en la imagen, instalaremos

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 página principal.

Damos a Instalar y listo.

Page 24: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

22

2

4. Cuando el proceso de instalación haya terminado, te llegará un correo avisán-

dote. 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 aún falta para que la operación se complete, la verdad es que podemos

entrar a nuestra web casi enseguida.

5. Y ya puedes ver tu sitio. La forma más lógica de hacerlo es escribiendo la URL

en la barra de direcciones del navegador. Pero también puedes hacer clic so-

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 versión de Drupal, del modo de insta-

lación, de cuál sea la plantilla que cargue por defecto, etc.

! Una cosa es iniciar sesión 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 téc-

nico o para utilizar alguna de las funcionalidades que nos ofrece, pero lo normal es

que trabajemos sobre nuestro sitio.

Page 25: Curso Drupal 7

Instalar Drupal

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

23

2

! Para Hostinger el usuario es un correo electrónico, así que para entrar ahí tendremos

que escribir una dirección completa, con la @ incluida. Sin embargo, el panel de con-

trol de Drupal solo pide un nombre de usuario (y una contraseña). Así que si intenta-

mos entrar en Hostinger sólo con un nombre de usuario no podremos. Y si ponemos

una dirección de e-mail completa para entrar en el panel de administración de Dru-

pal tampoco lo conseguiremos.

Page 26: Curso Drupal 7

Tema 3.

El panel de

administración

Page 27: Curso Drupal 7

El panel de administración

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

3

25

Para entrar al Panel de Administración de Drupal tenemos varias opciones:

Podemos escribir la URL de nuestro sitio en la barra de direcciones del navega-

dor, seguida de /user. En nuestro caso sería: museodearte.hol.es/user

O podemos iniciar sesión desde el cuadro habilitado al efecto que se suele ver

en nuestro sitio.

El panel de administración (Panel_Admin a partir de ahora) es la herramienta de

gestión más importante de Drupal. A través del Panel_Admin podemos publicar

contenido, editarlo, cambiar el diseño de nuestro sitio, etc.

Por defecto, el Panel_Admin consiste en una barra de menús que se superpone

sobre nuestra web. Y según vayamos eligiendo una u otra opción de la misma, irán

apareciendo distintas ventanas de diálogo.

! Es probable que, nada más entrar en el Panel de Administración de Drupal, nos salga

un aviso indicándonos que hay una versión más reciente de la plataforma. Durante

este curso, que se centrará en aprender a usar la interfaz, vamos a ignorarlo. Las ac-

tualizaciones de Drupal 7 son un poco complicadas de hacer y están fuera del objeti-

vo de este curso.

Veamos brevemente lo más importante del Panel_Admin:

Inicio. Estemos donde estemos, si damos a este botón volveremos a la vista

inicial en la que sólo se nos presenta nuestro sitio con la barra de menús

sobre él.

Panel de control. Para configurar los elementos del Panel_Admin. Nosotros no va-

mos a cambiarlo.

Contenido. Desde este elemento del menú podemos ver un listado con todo lo

que hemos publicado en nuestro sitio: artículos, páginas, etc.

Estructura. Vamos a entrar mucho aquí, porque desde esta sección podremos

crear y modificar numerosos elementos.

Page 28: Curso Drupal 7

El panel de administración

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

3

26

Apariencia. Para instalar, seleccionar y modificar temas o plantillas.

Usuarios. Desde el panel Usuarios se puede gestionar quiénes tienen acceso a edi-

tar el sitio web, y en qué medida: habrá usuarios a los que sólo queramos permitir

que puedan publicar artículos, otros que tengan permiso para rediseñarlo, etc.

Módulos. Para instalar y configurar módulos.

Configuración. Desde aquí podremos ajustar varios aspectos del sitio. Por ejemplo,

el tamaño por defecto de las fotos, el idioma a utilizar, el nombre y lema del sitio…

Las opciones del Panel_Admin irán cambiando según vayamos instalando módu-

los. Además, tened en cuenta que, así como podemos cambiar el tema (o planti-

lla de diseño) de nuestra web, también podemos seleccionar otro tema para el

Panel_Admin. De todas formas, no recomendamos hacer esto, porque el tema por

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

Page 29: Curso Drupal 7

Tema 4.

Publicar artículos y

páginas básicas

Page 30: Curso Drupal 7

Publicar artículos y páginas básicas

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

4

28

Por defecto, Drupal instala un portal web con algunas funcionalidades básicas,

como la posibilidad de publicar artículos tipo blog o páginas estáticas como las de

Contacto o Sobre nosotros. Así que, y para que podáis empezar a crear algo des-

de el principio, vamos a publicar una primera entrada y una página estática.

! A partir de ahora, recomendamos tener abiertas dos pestañas 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 artículo

A continuación explicamos cómo publicar muy fácilmente artículos en Drupal.

paso a paso

1. Aseguraos de iniciar sesión en vuestro sitio para que tengáis acceso al Panel de

Administración. Una vez está la sesión iniciada, hay muchos caminos para pu-

blicar un artículo. Por ejemplo, podéis hacer clic en Menú de Navegación >

Agregar contenido > Artículo.

2. Escribimos un título, ponemos algunas tags (es decir, palabras descriptivas del

contenido del artículo), rellenamos el campo body (podemos poner texto de

bulto tipo Lorem ipsum), adjuntamos una foto, le damos a Guardar y ya está:

nuestro primer artículo publicado.

Page 31: Curso Drupal 7

Publicar artículos y páginas básicas

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

4

29

Page 32: Curso Drupal 7

Publicar artículos y páginas básicas

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

4

30

Nuestra primera página básica

Ahora vamos a publicar una sección en la web a la que podemos llamar Sobre

nosotros, con algo de información sobre el museo. A este tipo de páginas, 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 Página básica.

Tal y como se instala Drupal por defecto, no vamos a poder adjuntar ninguna foto

a nuestra página, pero más adelante veremos cómo hacerlo.

paso a paso

1. Al igual que para publicar un artículo, podemos ir a Menú de navegación >

Agregar contenido > Página básica. En el formulario que nos aparece inserta-

mos un título, un texto y, ahora sí, nos fijamos un poco más en las pestañas que

nos ofrecen más opciones.

En Opciones del menú, dejar marcada Proporciona un enlace de menú, elegir

un Título 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 me-

nú. En principio puedes seleccionar un número entre -50 y 50. El -50 sería el ele-

mento más a la izquierda y el 50 el más a la derecha. Sin embargo, hay otra

manera más sencilla de ordenar los distintos elementos, que ya veremos).

Page 33: Curso Drupal 7

Publicar artículos y páginas básicas

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

4

31

Page 34: Curso Drupal 7

Publicar artículos y páginas básicas

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

4

32

! Habremos visto que, según publicamos contenido, las URL del mismo tienen este as-

pecto:

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 opción, en Configuración > Búsqueda y meta datos >

URL limpias > Activar URL limpias.

Page 35: Curso Drupal 7

Tema 5.

Los menús

Page 36: Curso Drupal 7

Los menús

34

5

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

En la práctica, la herramienta de menús de Drupal no se usa tanto como en otros

gestores, en parte porque ya desde otras ventanas de diálogo puedes decidir que

lo que estás construyendo sea un elemento del menú sin necesidad de entrar a es-

ta sección, y en parte porque hay otras utilidades en Drupal que se emplean mu-

cho para organizar la información de nuestro sitio (especialmente los módulos Vis-

tas o Paneles). De modo que vamos a ver esta herramienta muy brevemente.

A los menús se entra desde Estructura > Menús. Ahí veremos un listado con todos

los tipos de menú que hay a nuestra disposición (el principal, uno secundario de

navegación, otro para tareas administrativas…). A lo largo de este curso, nosotros

solo vamos a modificar el menú principal, pero el alumno podrá hacer lo que ne-

cesite para su web.

En listar enlaces podemos ver un listado de todos los elementos que forman cada

menú. Por ejemplo, en el Menú principal, por ahora, sólo tenemos Home y Sobre el

museo. Home se crea automáticamente al principio. Y recordad que el elemento

de menú Sobre el museo lo hicimos nosotros cuando publicamos esa página, des-

de el propio formulario de edición de páginas.

Page 37: Curso Drupal 7

Los menús

35

5

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

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 nom-

bre, darle un peso distinto para que se muestre primero o después en el listado de

elementos (aunque para cambiar la posición de un elemento del menú es más

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

Page 38: Curso Drupal 7

Los menús

36

5

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Sin embargo, para añadir elementos a los menús, por defecto estas ventanas no

son tan prácticas, porque te piden que escribas la ruta de ese elemento (o nodo

de contenido) en vez de dejarte simplemente seleccionarlo de un listado, como

en otros gestores.

Page 39: Curso Drupal 7

Tema 6.

La taxonomía

Page 40: Curso Drupal 7

La taxonomía

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

6

38

Ya dijimos que la taxonomía se refiere a algo parecido a lo que en otros gestores

llaman categorías. La taxonomía la forman palabras que sirven para clasificar el

contenido. A esas palabras se las llama términos, que se agrupan en vocabularios.

Por ejemplo, en el caso de nuestro museo, tendremos un vocabulario que se lla-

mará Artistas y en él incluiremos, como términos, los nombres de todos los autores

de los que tengamos obras. Y también podríamos tener otro vocabulario de Estilos

pictóricos y dentro de este incluiríamos términos como Renacimiento, Impresionis-

mo, Surrealismo, Cubismo, etc.

Crear una buena taxonomía tiene muchas utilidades. Los términos se pueden utili-

zar como enlaces que lleven a otros contenidos de nuestra página. Por ejemplo, si

en nuestro museo hay varios cuadros de Picasso y ese autor es un término en nues-

tra taxonomía, al hacer clic sobre él se nos presentarán todas sus obras. Y también

sirven para para crear elementos de los menús de navegación.

Por defecto, hay un vocabulario que se crea automáticamente y que está con-

formado por las tags.

Nosotros vamos a crear una taxonomía sencilla desde el principio, lo cual facilitará

bastante la construcción de nuestra web pero, por supuesto, esta se puede modi-

ficar y ampliar en cualquier momento según nuestras necesidades.

paso a paso

1. Vamos a Estructura > Taxonomía > Agregar vocabulario.

Page 41: Curso Drupal 7

La taxonomía

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

6

39

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 diálogo se puede escribir “normal”, con

iniciales en mayúscula, tildes, eñes... Cuando Drupal necesita convertir algún término

a minúsculas sin acentos, sea en la pantalla que sea, para utilizarlo en URLs o en otras

partes del código, la plataforma lo hace automáticamente, y lo muestra junto al

campo en que hemos introducido nuestro valor. Y si el nombre de sistema que ha

creado Drupal no nos convence, podemos dar a Editar (junto a él) y modificarlo.

3. Ahora tenemos que agregar los términos que formarán parte de nuestro primer

vocabulario. Lo haremos desde la pantalla Estructura > Taxonomía > Agregar

términos (ej.: pintura, escultura, fotografía…). Pero tened en cuenta que solo se

debe introducir un término por pantalla.

Page 42: Curso Drupal 7

La taxonomía

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

6

40

Ya hemos creado nuestro primer vocabulario, Disciplinas, que por ahora contiene

los términos Pintura, Escultura y Fotografía. Nosotros vamos a crear también uno al

que llamaremos Artistas y en el que incluiremos a todos los autores de los que te-

nemos obras.

Más adelante veremos lo útil que nos resulta la taxonomía.

Page 43: Curso Drupal 7

Tema 7.

Tipos de contenido

Page 44: Curso Drupal 7

Tipos de contenido

42

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Por ahora tenemos una web en la que hemos publicado un artículo (o un par de

ellos) y una página básica. Los artículos son un tipo de contenido y las páginas bá-

sicas otro, y Drupal los trae ya preparados para que los usemos.

Pero además nosotros podemos crear todos los tipos nuevos de contenido que

necesitemos. Por ejemplo, para el sitio de prueba museodearte.hol.es vamos a

crear uno al que llamaremos Obra de arte.

Obra de arte será un tipo de contenido muy parecido a artículo, con un campo

para introducir un título, otro para un texto más largo y otro para subir una foto, y

nosotros hemos previsto que tenga también un espacio reservado para el nombre

del autor de la obra. De ese modo, podremos crear fichas para las obras de arte

que tengamos en el museo.

Page 45: Curso Drupal 7

Tipos de contenido

43

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Es decir, lo que nosotros vamos a hacer al crear el tipo de contenido Obra de arte

es preparar un formulario para introducir los datos de las obras que alberga nues-

tro museo y mostrárselas al público de nuestra web. Podríamos haber utilizado el

tipo de contenido Artículo, pero a este le faltan campos como el nombre del artis-

ta o el estilo al que pertenece la obra. Y además, preferimos reservar los artículos

para publicar noticias sobre el museo.

Añadir tipos de contenido

Ahora describiremos los pasos para añadir un tipo de contenido personalizado.

paso a paso

1. Vamos a Estructura > Tipos de contenido > Añadir tipo de contenido y rellena-

mos los campos que nos interesen:

Page 46: Curso Drupal 7

Tipos de contenido

44

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Nombre, con el nombre del tipo de contenido que quieres crear (por ejemplo,

Obra de arte).

Descripción. Si rellenamos la descripción, la persona que se encargue de ac-

tualizar 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 título. En nuestro caso: “Título obra”.

En Opciones de publicación, podemos desmarcar o no Promovido a la portada

dependiendo de si queremos que ese tipo de contenido se vea o no en la pá-

gina principal.

En Opciones de presentación, hemos desmarcado Autor y Fecha (que muestra

qué usuario y en qué momento ha introducido los datos) porque más adelante

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 público 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 más

adelante crearemos una sección en el mismo que se llamará Colección per-

manente, en la que queremos mostrar todas las obras que vamos a introducir a

través del tipo de contenido que estamos creando.

Page 47: Curso Drupal 7

Tipos de contenido

45

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Crear campos

Hasta ahora hemos creado un tipo de contenido que solo nos sirve para publicar

algo que tenga un título y un cuerpo de texto. Sin embargo, nosotros queremos

poder insertar una imagen (de un cuadro, una escultura, una fotografía, etc.) y el

nombre del artista autor de la obra. Además, ya hemos dicho que podríamos que-

rer especificar el estilo (cubismo, impresionismo, etc.) o información extra.

Para eso, tenemos que crear campos, que es una tarea fundamental en Drupal y

con la que debemos familiarizarnos.

paso a paso

1. Vamos a Estructura > Tipos de contenido > Obra de arte > pestaña Gestionar

campos. Una vez en esta ventana, vemos que podemos:

Agregar nuevo campo. Para crear uno nosotros mismos. Ej.: Artista.

Page 48: Curso Drupal 7

Tipos de contenido

46

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Añadir un campo existente. Para reutilizar uno que ya exista, bien porque lo

hayamos creado nosotros o porque venga por defecto en la plataforma. Ej.:

Imagen.

2. En nuestro caso vamos a crear un campo nuevo (Artista), así que rellenamos la

sección Agregar nuevo campo con los valores que nos interesen.

Etiqueta. Esto es el nombre del campo. Ej: artista.

Seleccione un tipo de campo. Podemos elegir entre texto, imagen, número, ar-

chivo, referencia a término… Depende de lo que queramos hacer en nuestra

web. Referencia a término suele ser una opción muy útil que nos permitirá to-

mar los valores de la taxonomía que hemos creado (o que podríamos crear

más adelante). En nuestro caso, es el que vamos a seleccionar.

Seleccione un control. Nos saldrán distintas opciones dependiendo del tipo de

campo que hayamos seleccionado. Por ejemplo, si en tipo de campo hemos

optado por Referencia a término, en Tipo de control podremos elegir entre con-

trol de autocompletar término, lista, botones… El alumno puede hacer pruebas

para ver cuál le conviene. Nosotros hemos seleccionado Control de autocom-

pletar término 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

ofrecerán sugerencias tomadas de la taxonomía.

Page 49: Curso Drupal 7

Tipos de contenido

47

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

3. Damos a Guardar.

Tened en cuenta que, si en Seleccione tipo de campo hemos elegido Referen-

cia a término, aún nos saldrá otra pantalla en la que tendremos que decidir de

qué vocabulario de la taxonomía se van a tomar esos términos.

Y las opciones del resto de pantallas que nos van apareciendo podemos dejar-

las como están.

Page 50: Curso Drupal 7

Tipos de contenido

48

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Esto lo tendremos que hacer por cada campo nuevo que queramos crear. Y re-

cordad que podemos utilizar campos que ya existan (ej.: imagen), para lo que re-

llenaremos la sección Añadir un campo existente.

Por supuesto, podemos seguir agregando campos como Estilo artístico o Época

para hacer la web más completa y realista, pero para aprender el procedimiento

los dos que hemos creado (Artista e Imagen) nos sirven.

! Recordad que, a través del tipo de campo Referencia a término, podremos tomar sus

valores de la taxonomía, lo que es muy útil para tener los datos de nuestra web per-

fectamente organizados y enlazados.

Gestionar la presentación

Seguimos con la pestaña Gestionar presentación que tiene, a su vez, otras dos

subpestañas:

Predeterminado

Resumen

En la subpestaña Predeterminado, configuramos la presentación completa de

cada tipo de contenido, mientras que en la subpestaña Resumen configuramos

cómo se va a mostrar el pequeño trozo que queramos que sirva de extracto para

pinchar sobre él y ver el contenido completo.

Subpestaña Predeterminado

Aquí podemos jugar con la alineación de las etiquetas y con el formato en que se

presentarán. Quizá tengamos que hacer alguna prueba hasta conseguir el resul-

tado que queramos. En Etiqueta, recomendamos ponerla oculta porque si no nos

saldrá algo como:

Imagen:

(y la imagen)

Artista:

y el nombre del artista

Page 51: Curso Drupal 7

Tipos de contenido

49

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Body:

y el cuerpo del texto

A no ser que queramos que se vea ese pequeño título. Por ejemplo, podríamos

crear un campo con el precio de algo y que llevase por etiqueta “Precio”. En ese

caso, quizá no nos importase que esa etiqueta se mostrara, para que el usuario

viese algo como:

Precio: 50€

Recordad que estamos eligiendo la forma en que se va a ver el contenido com-

pleto de cada obra de arte, así que tendremos que pensar en cómo queremos

que este se muestre. Nosotros queremos que el usuario vea el título de la obra, el

nombre del artista, una foto de tamaño medio del cuadro y un texto informativo

sobre el mismo.

En esta ventana podemos controlar varias cosas interesantes. Por ejemplo, pode-

mos arrastrar (pinchando en la cruz) la línea correspondiente a la imagen y desli-

zarla por encima de las demás, para que se vea justo debajo del título de la obra

(que es un campo que aquí no nos aparece) y por encima de todo lo demás.

Page 52: Curso Drupal 7

Tipos de contenido

50

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

En esta ventana tenemos también un botón muy útil para configurar las opciones

de la imagen a través de la rueda dentada que aparece junto a los parámetros

de la misma. Podemos seleccionar el tamaño 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).

Subpestaña Resumen

No nos tenemos que olvidar de rellenar la configuración de la subpestaña Resu-

men. Aquí vamos a decidir el tamaño de la imagen, si queremos que se muestre el

texto informativo o no, etc. Lo habitual es que para el resumen seleccionemos una

Page 53: Curso Drupal 7

Tipos de contenido

51

7

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

imagen más pequeña y que mostremos menos contenido, o incluso que no apa-

rezca el texto del Body.

Una vez que hayamos decidido cómo va a ser el tipo de contenido que hemos

creado, qué campos vamos a tener que rellenar, de qué tamaño van a ser las

imágenes, etc., ya tendremos preparado el formulario a través del cual introduci-

remos datos en nuestra web. Y para usarlo, solo tenemos que ir a Contenido >

Agregar contenido y seleccionar el tipo que nos interese.

Nosotros vamos a introducir los datos de al menos tres obras de arte. Sin embargo,

aún tenemos que conseguir que el usuario de nuestra web pueda verlas. Hay mu-

chas 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 páginas básicas. Por ejemplo, a través de Estructura

> Tipos de contenido > Basic page > Gestionar campos > Añadir un campo existente

> Imagen.

Page 54: Curso Drupal 7

Tema 8.

Los módulos

Page 55: Curso Drupal 7

Los módulos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

8

53

Como explicamos en la introducción, los módulos añaden funcionalidades a nues-

tro sitio y se dividen en lo que llaman las “3 C”:

Módulos del core (core modules): los que vienen por defecto en la instalación.

Contribuciones (contributed modules): los que vas añadiendo.

Módulos personalizados (custom modules): los que crea el propio desarrollador,

pero hay que tener conocimientos de PHP y entender bien la estructura de

Drupal.

Hay muchísimos módulos que podemos utilizar para ampliar las posibilidades de

nuestra web y el mejor sitio para encontrarlos es drupal.org.

Algunos módulos instalados por defecto son Blog, Comments, Search, Forum, Ima-

ge, Statistics, Taxonomy…

Con los módulos instalados por defecto ya se puede hacer una web, como hemos

visto, pero la verdad es que, especialmente en Drupal, se recomienda instalar unos

pocos más que también son bastante básicos: en concreto, nosotros vamos a utili-

zar mucho el módulo Views.

Algunos módulos útiles

Views. Muy utilizado, nos permite decidir qué contenido, dónde y cómo lo que-

remos mostrar.

Panels. Mediante este módulo podemos tener un gran control sobre dónde va

a aparecer cada elemento de nuestra web.

Backup and Migrate. Muy útil para hacer copias de seguridad y restaurarlas.

Google Analytics. Para saber cuántas visitas tiene nuestro sitio, de dónde pro-

ceden, etc., aunque por defecto Drupal ya ofrece algunas estadísticas básicas.

WYSISYG (What You See Is What You Get). Utilidades similares a los procesadores

de texto.

Ubercart, un módulo muy popular para comercio virtual.

Hay muchos más así que, si quieres hacer algo en tu web que no puedas resolver

con la instalación por defecto, es conveniente que busques módulos.

Page 56: Curso Drupal 7

Los módulos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

8

54

De todas formas, tenemos que avisaros de que muchos de los módulos para Dru-

pal no funcionan como los de WordPress o Joomla. Habitualmente, cuando insta-

las un módulo en Drupal, este te ayudará a construir lo que quieras, pero muchas

veces no se trata sólo de configurar preferencias.

Por eso, es importante que te acostumbres al modo de trabajar de esta platafor-

ma, a añadir campos y tipos de contenido, a crear vistas (que ya veremos), etc.

En la sección Módulos del Panel_Admin podemos ver todos los módulos que te-

nemos instalados, aunque algunos de ellos no estarán activos. Si necesitásemos

activar alguno, solo hemos de marcar la casilla correspondiente.

Page 57: Curso Drupal 7

Los módulos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

8

55

Instalar módulos

Conseguir módulos para tu sitio es muy sencillo pero, para poder hacerlo, antes

has de activar el Update Manager, que es uno de los módulos por defecto que

encontrarás en el listado y que también permite instalar temas. Encontrarás mu-

chos módulos en drupal.org. Nosotros vamos a describir el proceso de instalación

de Backup and Migrate (que sirve para hacer copias de seguridad de nuestro si-

tio), pero el procedimiento es similar para todos.

paso a paso

1. Activa el Update Manager, que es uno de los módulos preinstalados que encon-

trarás en el listado, y da a Guardar configuración.

! Para poder instalar tanto módulos como temas, hay que tener el Update Manager ac-

tivado.

2. Una vez activado el Update Manager, aparece un nuevo rótulo (+ Instalar nue-

vo módulo) en la pantalla. Haz clic en él.

Page 58: Curso Drupal 7

Los módulos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

8

56

3. Como verás en la siguiente captura, hay dos formas de instalar módulos en

Drupal:

Copiando la dirección URL de los mismos.

Subiéndolos desde nuestro ordenador.

Nosotros vamos a utilizar la primera fórmula, más rápida, pero ahora necesita-

mos encontrar la dirección del módulo que nos interesa, para copiarla.

4. Navega a drupal.org > Download & Extend > pestaña Modulos. Ahí, selecciona

la versión de tu plataforma para asegurarte de que los módulos que te dan a

elegir sean compatibles, y después escribe lo que buscas en el cuadro al efecto

(Search). Nosotros queremos encontrar el módulo Backup and Migrate, así que

escribimos eso.

5. Seguramente habrá varios módulos que se correspondan con esa búsqueda, y

entre ellos estará el que queremos. Veremos una descripción de la utilidad y un

listado de archivos de instalación. Ten en cuenta que puede haber versiones

que aún no sean estables, así que nos vamos a quedar con las recomendadas

y, de esas, con la que se corresponda con la versión de nuestra plataforma.

6. Ya hemos dicho que podemos copiar directamente la URL del archivo o des-

cargarlo en nuestro ordenador y subirlo desde ahí. La primera opción es la más

sencilla así que vamos a optar por ella. Además, podemos decidirnos por un ar-

Page 59: Curso Drupal 7

Los módulos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

8

57

chivo tar.gz o por un .zip. Da lo mismo. Nosotros hemos instalado el tar.gz, que

parece ir bien.

Para copiar la URL del archivo simplemente colocamos el cursor sobre el archi-

vo que nos interese, hacemos clic con el botón derecho del ratón y seleccio-

namos Copiar la ruta del enlace.

! Para copiar la URL de un archivo, haz clic con el botón derecho del ratón sobre él y

selecciona Copiar la ruta del enlace.

7. Ahora volvemos a la pantalla en la que podíamos introducir esa URL y, en el

campo Instalar desde una URL, hacemos clic con el botón derecho, damos a

Pegar, y después hacemos clic en Instalar.

Por supuesto, si lo preferimos o este procedimiento nos da algún problema, po-

demos descargar el archivo en nuestro ordenador y subirlo desde ahí.

Page 60: Curso Drupal 7

Los módulos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

8

58

8. Si la instalación sale bien, nos aparecerá una pantalla felicitándonos por ello.

Desde ella podemos seguir instalando módulos, activar desde ya el que aca-

bamos de implementar o volver al Panel_Admin.

9. Y siempre podremos activar el nuevo módulo desde el listado de módulos en

Panel_Admin > Módulos, marcando la casilla correspondiente.

Page 61: Curso Drupal 7

Los módulos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

8

59

10. Después damos a Guardar configuración y ya tendremos instalado el nuevo

módulo.

Los módulos que instalemos irán a parar a uno u otro sitio del Panel_Admin, de-

pendiendo de sus funciones.

Hemos descrito el proceso de instalación de módulos 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 información que no nos querramos arries-

gar a perder. Si quieres más información sobre cómo se usa, puedes consultar el

anexo de recursos, aunque esta utilidad es bastante intuitiva.

! En el listado de módulos del Panel_Admin hay una pequeña descripción de para qué

sirve cada uno y otra información muy útil: por ejemplo, si ese módulo concreto nece-

sita algún otro para poder funcionar. Tendremos que fijarnos en esto. Pues si vemos

que no podemos activar algún módulo que hayamos descargado, puede ser porque

tengamos que instalar alguno más.

Page 62: Curso Drupal 7

Tema 9.

Las vistas

Page 63: Curso Drupal 7

Las vistas

61

9

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Ahora vamos a aprender a utilizar las Vistas (o Views), que es una herramienta muy

usada en Drupal. Hemos visto ya que podemos hacer algunas cosas mediante la

taxonomía, los menús… Pero Views es una utilidad más sofisticada que nos permite

ser muy específicos sobre qué contenido, dónde y cómo lo queremos mostrar.

Básicamente, se trata de una herramienta que nos permite tomar la información

que tenemos almacenada en la base de datos y mostrarla como queramos. Po-

demos seleccionar tipos de contenido completos, archivos, determinados cam-

pos, combinar campos de distintos tipos de contenido... También nos ofrece la po-

sibilidad de elegir si esa información se va a mostrar en una página o un bloque, y

también cómo se va a disponer (en forma de listado, en rejilla, etc.).

! Views es un módulo tan útil y básico para construir sitios en Drupal que los usuarios lle-

van tiempo pidiendo que forme parte del núcleo (o core). En Drupal 8 lo está, pero si

usamos Drupal 7 lo tendremos que instalar tal como se explica en el tema sobre los

módulos.

! En Drupal 7, Views (no confundir con View) es uno de esos módulos que requieren de

otros para poder funcionar. Pero no te preocupes. No tienes más que seguir los pasos

de instalación que vimos en el tema sobre los módulos y fijarte atentamente en la

descripción del mismo para saber qué otros tienes que instalar. En concreto, para que

Views funcione, también necesitaremos CTools (Chaos Tool Suite). El orden en que los

instalemos da igual.

Crear una vista

Vamos a utilizar Views para mostrar las fichas de los cuadros de nuestro museo.

¿Recordáis el tipo de contenido Obra de arte que hicimos? Pues vamos a crear

una sección, a la que llamaremos Colección permanente, para mostrar un resu-

men de esas fichas, primero, y que cuando pinchemos sobre cada una podamos

ver el contenido completo de las mismas.

Page 64: Curso Drupal 7

Las vistas

62

9

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Nosotros simplificaremos mucho el proceso para hacer el aprendizaje lo más fácil

posible, así que sólo vamos a utilizar el tipo de contenido Obra de arte para cons-

truir esta sección. Una vez que el alumno se familiarice con el procedimiento, verá

que se pueden combinar muchísimos elementos para hacer lo que queramos.

Vamos a describir cómo hemos creado la sección Colección permanente me-

diante el módulo Vistas para que aprendáis a usarlo.

paso a paso

1. Vamos a Estructura > Views. Ahí veremos un panel con todas las vistas por de-

fecto que hay.

Desde esta ventana, podemos entrar a editar cada una de las vistas que haya

y también podemos Añadir nueva vista (Add new view), Añadir vista desde una

plantilla (por defecto, Drupal trae una plantilla para Galerías de Imágenes), o

Importar una.

Nosotros queremos crear una vista nueva, que muestre las fichas de nuestras

Obras de arte, así que damos a + Add new view.

Page 65: Curso Drupal 7

Las vistas

63

9

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

2. En el siguiente panel elegimos un nombre para nuestra vista, una descripción

que nos ayude a recordar lo que muestra, con qué tipo de información la va-

mos a construir, si vamos a mostrarla en una página o en un bloque… Vamos a

verlo más en detalle:

View name: el nombre que le pondremos a nuestra vista.

Descripción: nos ayudará a recordar lo que queremos mostrar con esa vista.

Mostrar: podemos mostrar contenido, términos de taxonomía, archivos...

De tipo: según 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 cuál, en nuestro caso Obra de ar-

te.

También podemos decidir si vamos a crear una página (es decir, que el conte-

nido que queremos mostrar se vea como en cualquier página básica, con una

URL propia) o un bloque (para que el contenido de la vista se muestre en un re-

cuadro que colocaremos donde queramos)… Hemos optado por crear una vis-

ta de tipo página.

Título de la página: nosotros la vamos a llamar Colección permanente.

Ruta. Aquí tenemos que completar lo que será la URL de nuestra página. Ej.:

http://museodrupal.hol.es/coleccion-permanente

Page 66: Curso Drupal 7

Las vistas

64

9

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Display format: podemos seleccionar entre Grid (rejilla), HTML list (típico listado),

Jump menu (menú con enlaces), Tabla o Unformatted list (que dispone cada

elemento en una capa). El alumno tendrá que hacer pruebas para ver qué pre-

fiere.

Una vez seleccionado el formato, especificamos si queremos que solo se mues-

tre un resumen (teaser), el contenido completo, los títulos…

Items to display: cuántos elementos queremos mostrar en cada pantalla.

Use a pager: marcamos esta opción si tenemos tantos elementos que vamos a

querer distribuirlos en varias pantallas y que se muestren números de página o

flechas para pasar de una a otra.

Create a menu link: lo marcamos si queremos que nuestra página sea un enla-

ce de uno de los menús. En nuestro caso, sí que queremos. Después seleccio-

namos el Menú (por ejemplo, el principal) y el texto de ese enlace (ej.: Colec-

ción permanente).

Page 67: Curso Drupal 7

Las vistas

65

9

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

3. Ahora podemos dar a Save & exit (Guardar y salir) o a Continue & edit (Conti-

nuar y editar). Da un poco igual lo que elijamos: si damos a Guardar y salir y,

más adelante, queremos seguir editando la configuración, no tenemos más

que ir a Estructura > Vistas y ahí dar a Editar en la vista que queramos modificar.

Por ahora, vamos a hacer clic en Save & exit para ver ya el resultado de lo que

hemos hecho.

Page 68: Curso Drupal 7

Las vistas

66

9

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

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

conseguir que los distintos elementos se muestren cómo y en el lugar que queramos.

Podemos jugar con el orden de las distintas pestañas de un menú, con los bloques,

con la opción Gestionar Presentación de cada Tipo de Contenido… Y en Vistas tam-

bién podemos tomar decisiones sobre la presentación final.

! 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 fácil. 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 Introducción 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 básicamente nos permite modificar los mismos paráme-

tros y especificar un poco más la configuración.

Page 69: Curso Drupal 7

Las vistas

67

9

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

La vemos un poco y, como esta ventana tiene muchos elementos, vamos a fijar-

nos en aquellos que nos interesan especialmente (los demás puedes dejarlos co-

mo están).

Título: en esta página aún podemos cambiar el título.

Formato: también podemos cambiar cómo se va a disponer la información, si en

forma de rejilla, de listado, etc., y otros parámetros (por ejemplo, si nos hemos de-

cidido por un formato de rejilla, podemos cambiar el número de columnas de la

misma, etc.).

Mostrar: ¿estamos satisfechos con nuestra decisión 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 sólo el títu-

lo del cuadro y una imagen de la misma? En caso de que sigamos queriendo mos-

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

completo de la misma? Y si nos decidirnos por seleccionar campos sueltos, ¿cuáles

van a ser?

Fields (campos): si decidimos seleccionar campos sueltos, nos aparecerá un botón

de Agregar campos y podremos elegirlos de una lista. De todas formas, el princi-

piante puede verse abrumado por la cantidad de campos que tiene para elegir,

muchos de los cuales parecen similares. Por eso, para este curso de introducción a

Drupal, hemos preferido preparar una vista con tipos de contenido en vez de con

campos sueltos.

Filter criteria (criterios de filtrado): aquí puedes afinar qué es lo que se va a mostrar

en la vista, por ejemplo, sólo el contenido que esté publicado o todo, etc.

Page settings: puedes cambiar la URL de la vista, en qué menú se verá, etc.

Y en esta ventana también tienes una vista previa esquemática del resultado.

Page 70: Curso Drupal 7

Las vistas

68

9

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Page 71: Curso Drupal 7

Tema 10.

Regiones y bloques

Page 72: Curso Drupal 7

Regiones y bloques

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

10

70

Desde la sección Bloques (en Estructura > Bloques) podemos, fundamentalmente,

cambiar de sitio algunas de las piezas de contenido de nuestra página, 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 introducción sobre ambos:

Las regiones son las distintas zonas de la página web: encabezado, pie de pá-

gina, zona reservada a contenido, zona reservada a navegación, etc.

Y en cada región se visualizan bloques, cada uno de los cuales contienen los

menús, el contenido principal, los formularios de búsqueda, listados de noticias

recientes, cuadros de inicio de sesión, calendarios de eventos, etc.

Como vemos en la siguiente captura de pantalla, esta ventana tiene una colum-

na en la que se listan todos los bloques de nuestra página (bajo un pequeño título

que se corresponde con la región a la que pertenece), otra columna en la que

vemos esa misma región en un menú desplegable, y otra desde la que podemos

configurar ciertas características de los bloques a nuestro gusto.

Y también tenemos un rótulo (+ Añadir bloque) que nos sirve para crear los nues-

tros propios.

Page 73: Curso Drupal 7

Regiones y bloques

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

10

71

Además, si hacemos clic en + Demostrar regiones de bloques, se nos muestran re-

saltadas estas zonas de las que hablamos.

Mover los bloques

Hay dos métodos para mover los bloques de sitio:

Cada bloque de la columna izquierda tiene, en la columna siguiente, asignada

la región en la que se va a mostrar, dentro de un desplegable en el que pode-

mos seleccionar otra región.

Puedes practicar a cambiar la región en la que se mostrará un bloque determi-

nado seleccionando otra del desplegable, pero no te preocupes si al principio

te haces un lio y piensas que has perdido el bloque. Búscalo bien en el listado,

bajo el epígrafe de la región correspondiente.

Si esta primera forma te ha parecido engorrosa, no te preocupes, pues pronto

te acostumbrarás a ella, y además hay otra más sencilla: simplemente arrastra

Page 74: Curso Drupal 7

Regiones y bloques

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

10

72

cada bloque de la cruz que verás a su izquierda en el listado y suéltalo bajo el

epígrafe (o titulillo) correspondiente a la sección que te interese.

Puedes probar a mover bloques de sitio hasta que te sientas cómodo trabajando

con ellos.

! Si vemos que nada de lo que hagamos en la sección 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 página”. Si esto ocurre, haced clic

ahí para poder seguir trabajando.

! De todas formas, no todas las regiones admiten todos los bloques… Para cambios más

drásticos, pueden ser necesarios otros instrumentos, como el módulo Paneles.

Crear bloques

También podemos crear nuestros propios bloques de una manera muy sencilla,

aunque estos consistirán básicamente en texto y poco más. De todas formas, ya

sabéis que podéis buscar módulos que os ayuden a hacer exactamente lo que es-

téis buscando.

! Fijaos también en que suele haber bloques desactivados, en la parte de abajo de la

ventana de bloques, que pueden interesarnos… Y para utilizarlos, sólo tendríamos que

asignarles una región.

paso a paso

1. Para crear un bloque vosotros mismos, no tenéis más que hacer clic en el rótulo

+ Añadir bloque y, en la ventana que aparece, fijaos especialmente en:

Título del bloque: será el que vean los usuarios, así que no pongáis nada si no

queréis que tenga ningún rótulo especial.

Descripción: poned aquí el título que queráis que aparezca en el listado de

bloques del Panel_Admin.

Opciones de región: seleccionad en qué tema (o diseño, o plantilla) y en qué

región queréis que aparezca el bloque.

Page 75: Curso Drupal 7

Regiones y bloques

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

10

73

Pestaña páginas: aquí podéis decidir que el bloque se vea sólo en determina-

das páginas y no en otras.

Pestaña tipos de contenido: puedes elegir que el bloque se muestre sólo en las

páginas que muestren un tipo de contenido específico.

Page 76: Curso Drupal 7

Tema 11.

Los temas

Page 77: Curso Drupal 7

Los temas

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

11

75

Hasta ahora hemos trabajado con el tema que venía por defecto, pero cambiarlo

por otro que nos guste más es tan sencillo como instalar módulos. De hecho, el

método es el mismo.

Hay temas que cambiarán el módo en que los usuarios vean nuestra página, y

otros que sirven para modificar el aspecto del Panel_Admin. Sin embargo, éste úl-

timo suele estar bien como se ve por defecto, así que nosotros hemos preferido

dejarlo igual.

Una advertencia: con algunos temas de Drupal pasa como con los módulos. Son

simplemente herramientas en las que hay que poner bastante de nuestro trabajo

para que la página se vea como queremos. Para elegir uno que nos dé un resul-

tado atractivo rápidamente y sin tener que hacer muchas adaptaciones por nues-

tra parte (como en WordPress), quizá tengamos que buscar un poco más.

Todo lo relativo a los temas lo podemos configurar en la sección Apariencia del

menú principal del Panel_Admin. Por ejemplo, para elegir una combinación de

colores distinta para un tema, cambiar el logo por defecto, etc., sólo tienes que

hacer clic en el rótulo Ajustes que verás junto a la miniatura de cada tema.

No vamos a ver con mucho detalle esta ventana porque es bastante parecida a

la de los módulos y muy intuitiva, con temas activos y otros desactivados, etc.

Elegir temas

Instalar nuevos temas es muy sencillo. Elegirlos no tanto. WordPress, por ejemplo,

tiene galerías muy prácticas para hacerte una idea de cómo quedará tu web con

cada tema… Pero con Drupal no es tan fácil. De todas formas, te damos ideas so-

bre varias opciones que puedes probar:

Consulta la sección 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 más bien te proporcionan una descripción técnica sobre cada plantilla.

Page 78: Curso Drupal 7

Los temas

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

11

76

Para Drupal 7, puedes visitar http://www.opennomad.com/drupal-themes/ pero

tampoco es que la navegación en este sitio sea muy intuitiva así que, por si

acaso, te explicamos un poco cómo 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 diseño. Pero si no quieres

volver al listado una y otra vez, puedes recurrir a los rótulos de navegación Next

o Previous que encontrarás más o menos fácilmente en cada tema, casi siem-

pre bajo el título del mismo.

De todas formas, ninguna de las dos opciones de navegación por esta página

nos parece muy cómoda.

Hay un sitio clásico, Theme Garden, www.themegarden.org, que tiene un siste-

ma de navegación muy parecido al anterior que hemos mencionado y, aun-

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

ellos están también adaptados a la nueva versión.

Y dejamos para el final (queríamos que antes conocieses un poco los otros mé-

todos, especialmente la sección de temas de drupal.org) el que quizá sea el sis-

tema más práctico: buscar imágenes de temas de Drupal en un sitio tipo Goo-

gle.

! Asegúrate de que buscas temas compatibles con tu versión de Drupal.

Instalar temas

paso a paso

1. Para instalar nuevos temas, recordad que hay que tener el módulo Update Ma-

nager activado. Así que si no lo habéis hecho aún, id a Módulos y marcad la

casilla correspondiente. Después, no os olvidéis de Guardar configuración.

Page 79: Curso Drupal 7

Los temas

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

11

77

2. En cuanto activemos este módulo, podemos ir a la sección Apariencia del me-

nú principal del Panel_Admin y veremos que nos aparece el rótulo + Instalar

nuevo tema, que no nos salía antes.

3. A partir de ahora, instalar temas es como instalar módulos, así que consultad la

sección correspondiente (o intentad hacerlo por vuestra cuenta, pues veréis

que todo el proceso es muy sencillo).

! Para poder instalar temas, recordad que hay que tener el módulo Update Manager

activado (ver tema sobre módulos).

Page 80: Curso Drupal 7

Conclusión

78

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

Y aquí terminamos este curso. Esperamos que os haya servido para familiarizaros

con Drupal. Sobre todo, aparte de publicar artículos y páginas básicas e instalar

temas y módulos, tened en cuenta que lo más importante es aprender a crear

vuestros propios tipos de contenido y preparar vistas.

Aún podríamos sacarle más partido a Drupal si aprendemos a utilizar un módulo

como Paneles, por ejemplo, que nos permite reordenar todo como queramos, pe-

ro pensamos que para un curso de introducción, lo que hemos visto es suficiente.

Una vez que te sientas cómodo con lo que has aprendido aquí, y si quieres seguir

usando Drupal, te aconsejamos que revises la sección Bibliografía y recursos, que

te orientará un poco para completar tu formación.

Page 81: Curso Drupal 7

Bibliografía y recursos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

79

www.drupal.org

El sitio official de Drupal, con toda (o casi toda) la información que puedes

necesitar (en inglés). Aquí también se reúnen los archivos de instalación de

módulos y temas, así como los de actualización e instalación de la propia

plataforma de Drupal (aunque nosotros no hemos necesitado este último

porque hemos instalado Drupal con una utilidad de instalación automáti-

ca).

www.drupal.org/upgrade

Aquí explican la diferencia entre las actualizaciones mayores (upgrade) y

las actualizaciones menores (update). Un ejemplo de actualización mayor

sería pasar de Drupal 7 a Drupal 8. Mientras que hacer una actualización

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

www.lullabot.com/articles/module-monday-backup-and-migrate

Artículo donde explican muy brevemente cómo usar el módulo Backup

and Migrate, para hacer copias de seguridad y restaurarlas.

www.cursosdrupal.com/content/panels

Breve guía para aprender a usar el módulo Paneles.

www.cambrico.net

Recomendamos este blog de Pedro Cambra, un español experto en Dru-

pal, cuyos artículos son realmente prácticos para aprender.

www.drupal.org.es

Comunidad de usuarios de Drupal en español.

http://danielgrifol.es/drupal-7-paginas-generadas-como-nodos-vs-vistas/

Interesante texto en el que se defiende el uso del módulo Paneles para ha-

cer lo que normalmente se crea con el módulo Vistas.

Page 82: Curso Drupal 7

Bibliografía y recursos

Cre

ac

ión

de

sitio

s w

eb

co

n D

rup

al 7

80

TOMLINSON, Todd. Beginning Drupal 7. Apress.

En este libro es donde hemos encontrado las explicaciones más claras de

entre todos los que se han consultado.

BEIGHLEY, Lynn. Drupal for dummies. Wiley.

Que no te desanime el título. En realidad es un libro serio (aunque redacta-

do de forma desenfadada) con el que puedes aprender Drupal.

VARIOS AUTORES. The definitive guide to Drupal 7. Apress.

Contiene algunos temas un poco más avanzados, pero los demás aún es-

tán explicados de forma bastante comprensible.