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

Transcripción

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

2 Copyright Esta obra está licenciada por Campus Santander Emprende y se distribuye bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivar 4.0 Internacional. Usted es libre de: Compartir Copiar y redistribuir el material en cualquier medio o formato. Bajo las condiciones siguientes: Reconocimiento Debe reconocer adecuadamente la 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 puede difundir el material modificado. Un curso de Campus Santander Emprende. Autora: Aparecida Conde. Diseño: Raquel García. Fecha de esta revisión: agosto de

3 Índice Presentación del curso... 4 Práctica final... 6 Tema 1. Introducción a Drupal... 7 Acercarse a Drupal... 8 Conceptos básicos... 9 Tema 2. Instalar Drupal Registrarse en Hostinger Instalación automática (en un clic) Tema 3. El panel de administración Tema 4. Publicar artículos y páginas básicas Nuestro primer artículo Nuestra primera página básica Tema 5. Los menús Tema 6. La taxonomía Tema 7. Tipos de contenido Añadir tipos de contenido Crear campos Gestionar la presentación Tema 8. Los módulos Algunos módulos útiles Instalar módulos Tema 9. Las vistas Crear una vista Editar vistas Tema 10. Regiones y bloques Mover los bloques Crear bloques Tema 11. Los temas Elegir temas Instalar temas Conclusión Bibliografía y recursos

4 Presentación del curso Creación de Sitios Web con Drupal 7 es un curso de Campus Santander Emprende donde se enseña a utilizar el tercer gestor de contenidos más popular para la creación de sitios web, por detrás de WordPress y Joomla. Creación de sitios web con Drupal 7 es un curso de introducción pero bastante completo en el que veremos la interfaz de Drupal y sus herramientas más importantes, de manera que, al completar la lectura del manual y tras la realizació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, preferiblemente que ya hayan utilizado antes alguna herramienta como WordPress o Joomla. Objetivos Que el alumno sea capaz de crear un sitio web sencillo pero completo en Drupal. 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 pretende 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 interfaz 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áticas tipo Sobre nosotros, lo que hay que aprender a hacer (y en este curso enseñamos) para poder trabajar en Drupal es: Publicar Artículos y Páginas Básicas. 4

5 Presentación del curso 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 tendrá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 hubiera 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 diseñ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 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 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 tanto, enseñamos a manejar Drupal 7. Parece que Drupal 8 tiene algunas mejoras interesantes, que ya veremos cuando salga la versión estable. 5

6 Práctica final Para conseguir el diploma acreditativo, el alumno matriculado en Campus Santander Emprende 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 informació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). Aconsejamos, para esta sección, que el alumno cree sus propios Tipos de contenido y que después utilice el módulo Vistas para presentarlos. Recomendaciones Recomendamos comenzar la práctica cuanto antes. Por ejemplo, según vas leyendo 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 distinta. Evaluación El alumno tendrá que enviar, por correo electrónico, la dirección de su web y, si ésta cumple los requisitos mínimos, se dará la prueba por superada y obtendrá su diploma. Tutorías El alumno matriculado tendrá un tutor a su disposición para consultar sus dudas. 6

7 Tema 1. Introducción a Drupal

8 1 Introducción a Drupal 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 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 página. 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 descorazonador 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 defecto) 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 enfrentas 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 necesarios para seguir investigando por tu cuenta. 8

9 1 Introducción a Drupal 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 comunidad 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 pueda 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 sobre 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 sintiendo 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 jamá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 acarrear 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. 9

10 1 Introducción a Drupal Módulos Los módulos añaden funcionalidades a nuestro sitio y se dividen en lo que llaman las 3 C : Módulos del core (core modules): los que vienen por defecto en la instalación. Contribuciones (contributed modules): los que vas añadiendo. Módulos personalizados (custom modules): los que crea el propio desarrollador, 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: ó Sin embargo, nosotros vamos a crear URLs amigables, del tipo 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 formularios para publicar entradas en un blog suelen tener un recuadro para poner el título, otro para escribir el grueso del texto y otro para insertar una foto. Pues bien, cada 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 contenido estático). Los artículos son un tipo de contenido y las páginas básicas otro. Y 10

11 1 Introducción a Drupal además 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 artículo, con un campo para introducir un título, otro para un texto más largo y otro para subir una foto, y además hemos previsto que tenga también un espacio reservado para el nombre del autor de cada obra. Taxonomía La taxonomía es algo parecido a lo que en otros gestores llaman categorías. La forman palabras que sirven para clasificar el contenido. A esas palabras se las llama 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 vocabulario 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. 11

12 1 Introducción a Drupal Bloques En cada región se visualizan bloques de información que contienen los menús, el contenido principal, los formularios de búsqueda, listados de noticias recientes, cuadros de inicio de sesión, calendarios de eventos, etc. Artículos Un artículo está habitualmente compuesto de un título y un texto pero también se le pueden añadir imágenes, etc. Los artículos en Drupal son como los de cualquier otro gestor de contenido (por ejemplo, las entradas en WordPress). Página básica No hay que confundir lo que en Drupal se conoce por página básica con lo que normalmente entendemos por página web. En Drupal, las páginas básicas son secciones de la web con contenido usualmente estático. Por ejemplo, podríamos tener una sección que se llamase Sobre Nosotros, con información sobre la empresa, 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, 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 modificaciones sin mucha dificultad, dependiendo de cómo lo haya configurado su diseñador. Y también podemos mover los distintos elementos de la web bastante a nuestro antojo, o cambiar el número de columnas y filas en que se divide nuestra plantilla, 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 principio 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 12

13 1 Introducción a Drupal derecha, y los colores y alguna cosa más. Pero si queremos hacer modificaciones más radicales tenemos que recurrir a otras herramientas o entrar al código. En Drupal, sin embargo, tenemos mucho más control. Y, por supuesto, también podrí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. 13

14 Tema 2. Instalar Drupal

15 2 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, 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 instalador automático. En este curso nos vamos a centrar en aprender a utilizar la plataforma, y más adelante, si el alumno sigue interesado, puede consultar la documentación de drupal.org para aprender a hacer instalaciones manuales. Antes de elegir un servidor de Drupal, hay que informarse un poco para comprobar que el que elijamos lo soporta. En principio, es suficiente con leer la información que nos ofrece cada empresa o hacer un poco de investigación en un buscador como Google. Si quieres saber un poco más sobre esto, puedes consultar los requisitos del sistema (que encontrarás en drupal.org). Lo habitual es hacer la instalación en un servidor Apache, que cuente con un intérprete de PHP (un lenguaje de programación) y bases de datos MySQL, y todo con las versiones adecuadas. De todas formas, 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: hostinger.es. Y a continuación vamos a describir paso a paso el proceso para registrarnos, elegir una dirección para nuestro sitio web e instalar Drupal, que será similar en casi todos los servidores. 15

16 2 Instalar Drupal Registrarse en Hostinger Tened en cuenta que se os pedirá que introduzcáis nombres de usuario y contraseñ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 real porque os enviarán un correo desde el que debéis confirmar la operación. 16

17 2 Instalar Drupal 3. Entrad en vuestro para confirmar. 4. Después de registrarnos en Hostinger, todavía hay que crear lo que llaman cuenta de hosting y elegir un dominio. Hay muchas maneras de hacer eso, pero podemos 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. 17

18 2 Instalar Drupal 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 nombredemisitio.com, mientras que si nos decidimos por un subdominio tendremos que conformarnos con nombredemisitio.hol.es, o algo parecido. 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 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 18

19 2 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 y no un ordenador, y confirma la orden. 9. Y ya nos hemos sacado una cuenta en Hostinger. 19

20 2 Instalar Drupal! Los datos sobre la cuenta y el dominio, que necesitarás para configurar tu web, subir archivos, etc., los encontrarás en el Panel de Control de Hostinger > Cuentas > 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, para volver a entrar, nuestro nombre de usuario es la dirección de correo electrónico completa que hayamos puesto, con y todo. 20

21 2 Instalar Drupal Instalación automática (en un clic) Muchos servidores (Hostinger entre ellos) permiten instalar 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 esto, 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 embargo, recomendamos esta opción automática. El instalador automático de Hostinger apenas te va a pedir una mínima participació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 servidores 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. 21

22 2 Instalar Drupal! 2. Seleccionamos aquello que queramos instalar. La versión de Drupal puede haber cambiado cuando el alumno lea esto, pero aseguraos de seleccionar una versión estable, 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. 22

23 2 Instalar Drupal 3. Rellenar el formulario de configuración con un nombre de usuario, contraseña, etc. En el campo para el 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 Hostinger 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. 23

24 2 Instalar Drupal 4. Cuando el proceso de instalación haya terminado, te llegará un correo avisándote. 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 sobre 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 instalación, de cuál sea la plantilla que cargue por defecto, etc. Una cosa es entrar en el servicio de hosting que hayamos elegido (en nuestro caso Hostinger) y otra en el panel de control de nuestra web en Drupal. De vez en cuando nos vendrá bien visitar nuestra cuenta en Hostinger, quizá para pedir ayuda a su servicio técnico o para utilizar alguna de las funcionalidades que nos ofrece, pero lo normal es que trabajemos sobre nuestro sitio. 24

25 2 Instalar Drupal! En Hostinger el usuario es un correo electrónico, así que para entrar ahí tendremos que escribir una dirección completa, con incluida. Sin embargo, el panel de control de Drupal solo pide un nombre de usuario (no una dirección de correo). Así que si intentamos entrar en Hostinger sólo con un nombre de usuario no podremos. Y si ponemos una dirección de completa para entrar en el panel de administración de Drupal tampoco lo conseguiremos. 25

26 Tema 3. El panel de administración

27 3 El panel de administración 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 navegador, 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 elijamos 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_Admin de Drupal, nos salga un aviso indicándonos que hay una versión más reciente de la plataforma. Durante este curso, que se centrará en aprender a usar la interfaz, vamos a ignorarlo. Las actualizaciones de Drupal 7 son un poco enrevesadas de hacer y están fuera del objetivo de este curso. Veamos brevemente lo más importante del Panel_Admin: Inicio. Estemos donde estemos, si damos a este botón volvemos a la vista inicial en la que sólo se nos presenta nuestro sitio con la barra de menús del Panel_Admin sobreexpuesta. Panel de control. Para configurar los elementos del Panel_Admin. Nosotros no vamos a hacer cambios aquí. Contenido. Desde este elemento del menú podemos ver un listado con todo lo que hemos publicado en nuestro sitio: artículos, páginas, etc. Estructura. Vamos a entrar mucho aquí, porque desde esta sección podremos crear y modificar numerosos elementos. 27

28 3 El panel de administración Apariencia. Para instalar, seleccionar y modificar temas o plantillas. Usuarios. Desde el panel Usuarios se puede gestionar quiénes tienen acceso a editar el sitio web, y en qué medida: habrá usuarios que sólo 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ódulos. Además, tened en cuenta que, así como podemos cambiar el tema (o plantilla de diseño) de nuestra web, también podemos seleccionar otro tema para el Panel_Admin. De todas formas, no recomendamos hacer esto, porque el tema por defecto para el mismo (Seven) es muy claro y todas las opciones se ven muy bien con él. 28

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

30 4 Publicar artículos y páginas básicas Por defecto, Drupal instala un portal web con algunas utilidades básicas, como la posibilidad de publicar artículos tipo blog o páginas estáticas como las de Contacto o Sobre nosotros. Así que, y para que podáis empezar a crear algo desde ya, vamos a publicar una primera entrada y una página estática.! 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 de lo que hacemos 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 publicar 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. 30

31 4 Publicar artículos y páginas básicas 31

32 4 Publicar artículos y páginas básicas 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 insertamos 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ú, dejad marcada Proporciona un enlace de menú, elegid un Título para el mismo (nosotros hemos puesto Sobre nosotros), en Elemento padre seleccionad Menú principal y dadle 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 número entre -50 y 50. El -50 sería el elemento 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). 32

33 4 Publicar artículos y páginas básicas 33

34 4 Publicar artículos y páginas básicas! Habréis visto que, según publicáis contenido, las URL del mismo tienen este aspecto: ó Pues bien, para conseguir URLs amigables, como vamos a activar desde ya esa opción, en Configuración > Búsqueda y meta datos > URL limpias > Activar URL limpias. 34

35 Tema 5. Los menús

36 5 Los menús 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 esta sección, y en parte porque hay otras utilidades en Drupal que se emplean mucho para organizar la información de nuestro sitio (especialmente los módulos Vistas 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 necesite 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, desde el propio formulario de edición de páginas. 36

37 5 Los menús En esta misma ventana en la que se muestran todos los elementos de un menú, podemos seleccionar cada uno para editarlo, y de ese modo cambiarle el nombre, darle un peso distinto para que se muestre primero o 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. 37

38 5 Los menús Sin embargo, para añadir elementos a los menús, por defecto estas ventanas no son tan prácticas, porque te piden que escribas la ruta de ese elemento (o nodo de contenido) en vez de dejarte simplemente seleccionarlo de un listado, como en otros gestores. 38

39 Tema 6. La taxonomía

40 6 La taxonomía 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 llamará 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, Impresionismo, Surrealismo, Cubismo, etc. Crear una buena taxonomía tiene muchas ventajas. Los términos se pueden utilizar como enlaces que lleven a otros contenidos de nuestra página. Por ejemplo, si en nuestro museo hay varios cuadros de Picasso y ese autor es un término en nuestra taxonomía, al hacer clic sobre él se nos presentarán todas sus obras. Y también 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á conformado 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 modificar y ampliar en cualquier momento según nuestras necesidades. paso a paso 1. Vamos a Estructura > Taxonomía > Agregar vocabulario. 40

41 6 La taxonomía 2. En Nombre ponemos, por ejemplo, Disciplinas y damos a Guardar (tened 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 puede introducir un término por pantalla. 41

42 6 La taxonomía Ya hemos creado nuestro primer vocabulario, Disciplinas, que por ahora contiene los términos Pintura, Escultura y Fotografía. Nosotros vamos a crear también otro al que llamaremos Artistas y en el que incluiremos a todos los autores de los que tenemos obras. Más adelante veremos lo útil que es tener una taxonomía bien diseñada. 42

43 Tema 7. Tipos de contenido

44 7 Tipos de contenido Por ahora tenemos una web en la que hemos publicado un artículo (o un par de ellos) y una página básica. Los artículos son un tipo de contenido y las páginas básicas otro, y Drupal los trae ya preparados para que los usemos. Pero además nosotros podemos crear todos los tipos nuevos de contenido que necesitemos. Por ejemplo, para el sitio de prueba museodearte.hol.es vamos a crear uno al que llamaremos Obra de arte. 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. 44

45 7 Tipos de contenido Es decir, lo que nosotros vamos a hacer al crear el tipo de contenido Obra de arte es preparar un formulario para introducir los datos de las obras que alberga nuestro museo y 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 artista 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 rellenamos los campos que nos interesen: 45

46 7 Tipos de contenido 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 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 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 después, mediante la herramienta Vistas (que ya veremos), crearemos una sección en el mismo que se llamará Colección permanente, en la que mostraremos todas las obras que vamos a introducir a través del tipo de contenido que estamos creando. 46

47 7 Tipos de contenido 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 querer especificar el estilo (cubismo, impresionismo, etc.) y más información extra. Para eso, tenemos que crear campos, que es una tarea fundamental en Drupal y con la que debemos familiarizarnos. paso a paso 1. Vamos a Estructura > Tipos de contenido > Obra de arte > pestaña Gestionar campos. Una vez en esta ventana, vemos que podemos: Agregar nuevo campo. Para crear uno nosotros mismos. Ej.: Artista. 47

48 7 Tipos de contenido Añadir un campo existente. Para reutilizar uno que ya exista, bien porque lo hayamos creado nosotros o porque venga por defecto en la plataforma. Ej.: Imagen. 2. En nuestro caso vamos a crear un campo nuevo (Artista), así que rellenamos la sección Agregar nuevo campo con los valores que nos interesen. Etiqueta. Esto es el nombre del campo. Ej: artista. Seleccione un tipo de campo. Podemos elegir entre texto, imagen, número, archivo, 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á tomar 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 control de autocompletar término, lista, botones El alumno puede hacer pruebas para ver cuál le conviene. Nosotros hemos seleccionado Control de autocompletar 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 nos saldrán sugerencias tomadas de la taxonomía. 48

49 7 Tipos de contenido 3. Damos a Guardar. Tened en cuenta que, si en Seleccione tipo de campo hemos elegido Referencia 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 dejarlas como están. 49

50 7 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 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 perfectamente 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 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 50

51 7 Tipos de contenido Body: y el cuerpo del texto A no ser que queramos que se vea ese pequeño título. Por ejemplo, podríamos crear un campo con el precio de algo y que llevase por etiqueta Precio. En ese caso, quizá no nos importase que esa etiqueta se mostrara, para que el usuario viese algo como: Precio: 50 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 cómo queremos que se muestre. Nosotros vamos a hacer 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, podemos arrastrar (pinchando en la cruz) la línea correspondiente a la imagen y deslizarla 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. 51

52 7 Tipos de contenido Tenemos también un botón muy útil para configurar las opciones de la imagen a través de la rueda dentada que aparece junto a los parámetros de la misma. Si hacemos clic en esa rueda podemos seleccionar el tamaño de la imagen y, muy importante, con qué se vinculará ésta cuando el usuario pinche sobre ella. En nuestro ejemplo, cuando el usuario haga clic sobre el cuadro, queremos que se vea en grande, él solo, así que seleccionamos Vincular imagen a Archivo (Archivo es la imagen original que introduciremos en el formulario cuando rellenemos los datos de cada obra de arte). Subpestaña Resumen No nos tenemos que olvidar de rellenar la configuración de la subpestaña Resumen. 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 52

53 7 Tipos de contenido imagen más pequeña y que mostremos menos contenido, o incluso que no aparezca 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 introduciremos 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 varias formas de lograr esto, y una de las más comunes es a través de la herramienta Vistas, que veremos más adelante.! Con las indicaciones que hemos dado para crear campos, el alumno ya puede, si lo desea, adjuntar una imagen a las páginas básicas. Por ejemplo, a través de Estructura > Tipos de contenido > Basic page > Gestionar campos > Añadir un campo existente > Imagen. 53

54 Tema 8. Los módulos

55 8 Los módulos Como explicamos en la introducción, los módulos añaden posibilidades 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 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, Image, 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 utilizar mucho el módulo Vistas (Views). Algunos módulos útiles Views. Muy utilizado, nos permite decidir qué contenido, dónde y cómo lo queremos 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 proceden, etc., aunque por defecto Drupal ya ofrece algunas estadísticas básicas. WYSISYG (What You See Is What You Get). Utilidades similares a los procesadores de texto. Ubercart / Drupal Commerce. Dos módulos para comercio virtual. Hay muchos más así que, si quieres hacer algo en tu web que no puedas resolver con la instalación por defecto, puedes buscar módulos. 55

56 8 Los módulos De todas formas, tenemos que avisaros de que muchos de los módulos para Drupal no funcionan como los de WordPress o Joomla. Habitualmente, cuando instalas 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 plataforma, 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 que tenemos instalados, aunque algunos de ellos no estarán activos. Si necesitásemos activar alguno, solo hemos de marcar la casilla correspondiente. 56

57 8 Los módulos Instalar módulos Instalar módulos en tu sitio es muy sencillo pero, para poder hacerlo, antes has de activar el Update Manager, que es uno de los módulos por defecto que encontrarás en el listado y que también permite instalar temas. Nosotros vamos a describir el proceso de instalación de Backup and Migrate (que sirve para hacer copias de seguridad de nuestro sitio), pero el procedimiento es similar para todos. paso a paso 1. Activa el Update Manager (es decir, marca la casilla junto al nombre), que es uno de los módulos preinstalados que encontrarás en el listado, y da a Guardar configuración.! Para poder instalar tanto módulos como temas, hay que tener el Update Manager activado. 2. Una vez activado el Update Manager, aparece un nuevo rótulo (+ Instalar nuevo módulo) en la pantalla. Haz clic en él. 57

58 8 Los módulos 3. Como verás en la siguiente captura, hay dos formas de instalar módulos en Drupal: Puedes copiar la dirección URL de los mismos. O puedes subirlos desde tu ordenador. Nosotros vamos a utilizar la primera fórmula, más rápida, pero ahora necesitamos 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 descargarlo 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- 58

59 8 Los módulos chivo tar.gz o por un.zip. Da lo mismo. Nosotros hemos instalado el tar.gz, que parece ir bien. Para copiar la URL del archivo simplemente colocamos el cursor sobre el archivo que nos interese, hacemos clic con el botón derecho del ratón y seleccionamos 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, podemos descargar el archivo en nuestro ordenador y subirlo desde ahí. 59

60 8 Los módulos 8. Si la instalación sale bien, nos aparecerá una pantalla felicitándonos por ello. Desde ella podemos seguir instalando módulos o volver al Panel_Admin. 9. Tenemos que asegurarnos de activar el nuevo módulo desde el listado de los mismos en Panel_Admin > Módulos, marcando la casilla correspondiente. 60

61 8 Los módulos 10. Después damos a Guardar configuración y ya tendremos instalado el nuevo módulo. Todas las herramientas que vayamos instalando irán a parar a uno u otro sitio del Panel_Admin, dependiendo de sus funciones. Hemos descrito el proceso de instalación de Backup and Migrate que, como dijimos, sirve para hacer copias de seguridad, lo que nos será muy útil cuando nuestro sitio tenga ya bastante contenido que no nos querramos arriesgar a perder. Si quieres más información sobre cómo se usa, puedes consultar el anexo de recursos, aunque este módulo es bastante intuitivo.! En el listado de módulos del Panel_Admin hay una pequeña descripción de para qué sirve cada uno y otra información muy útil: por ejemplo, si ese módulo concreto necesita 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. 61

62 Tema 9. Las vistas

63 9 Las vistas Ahora vamos a aprender a utilizar las Vistas (o Views), que es una herramienta muy usada en Drupal. Hemos visto ya que podemos hacer algunas cosas mediante la taxonomía, los menús Pero Views es una utilidad más sofisticada que nos permite ser muy específicos sobre qué contenido, dónde y cómo lo queremos mostrar. Básicamente, Views nos permite tomar la información 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... También nos ofrece la posibilidad de elegir si esa información la vamos 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 llevan 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 resumen de esas fichas, primero, y que cuando pinchemos sobre cada una podamos ver el contenido completo de las mismas. 63

64 9 Las vistas 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 construir 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 mediante 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 defecto que hay. Desde esta ventana, podemos entrar a Editar cada una de las vistas y también Añadir nueva vista (Add new view), Añadir vista desde una plantilla (por 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. 64

65 9 Las vistas 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 vamos 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 arte. También podemos decidir si vamos a crear una página (es decir, que el contenido se vea como en cualquier página básica, con una URL propia), un bloque (para que el contenido se muestre en un recuadro que colocaremos donde queramos) o ambos. Hemos optado por crear una vista de tipo página. 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.: 65

66 9 Las vistas Display format: podemos seleccionar entre Grid (rejilla), HTML list (típico listado), Jump menu (menú con enlaces), Tabla o Unformatted list (que dispone cada elemento en una capa). El alumno tendrá que hacer pruebas para ver qué prefiere. Una vez seleccionado el formato, especificamos si queremos que solo se muestre 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 nos salgan números de página o flechas para pasar de una a otra. Create a menu link: lo marcamos si queremos que nuestra página sea un enlace de uno de los menús. En nuestro caso, sí que queremos. Después seleccionamos el Menú (por ejemplo, el principal) y el texto de ese enlace (ej.: Colección permanente). 66

67 9 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, 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. 67

68 9 Las vistas!! 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 tambié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 campos 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ámetros y especificar un poco más la configuración. 68

69 9 Las vistas La vemos un poco y, como esta ventana tiene muchos elementos, vamos a fijarnos en aquellos que nos interesan especialmente (los demás puedes dejarlos como están). Página / Bloque: a través de estos dos botones puedes conmutar entre las especificaciones para la página o para el bloque, o eliminar uno de ellos si no te convence. 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 decidido 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ítulo del cuadro y una imagen de la misma? En caso de que sigamos queriendo mostrar 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 optamos por seleccionar campos sueltos, nos aparecerá un botón de Agregar campos y podremos elegirlos de una lista. De todas formas, el principiante puede verse abrumado por la cantidad de los mismos que tiene para elegir, muchos de los cuales parecen similares. Por eso, para este curso de 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. 69

70 9 Las vistas 70

71 Tema 10. Regiones y bloques

72 10 Regiones y bloques 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 columna 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 nuestros propios. 72

73 10 Regiones y bloques Además, si hacemos clic en + Demostrar regiones de bloques, se nos resaltan esas 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 podemos seleccionar otra región. Puedes practicar a cambiar la región en la que se mostrará un bloque determinado seleccionando otra del desplegable, pero no te preocupes si al principio te haces un lio y piensas que has perdido el bloque. 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 73