Drupal. Ejercicios (3)

En construcciónHe empezado a actualizar esta lección para Drupal 8, pero no he terminado de hacerlo.

En esta lección se proponen ejercicios para conocer y utilizar Drupal. Se pueden consultar las soluciones de estos ejercicios de Drupal, aunque se recomienda intentar realizarlos primero sin recurrir a estas soluciones.

Drupal (3) 1 - Crear un sitio web

En este ejercicio se configurará Drupal para crear un sitio web ficticio llamado WebApps y que estará dedicado a contener información sobre aplicaciones web.

  1. Cambie el nombre del sitio a WebApps y añada el lema Todo sobre aplicaciones web.

    Drupal. Información del sitio

  2. Cambiar el logotipo del sitio, utilizando por ejemplo éste: Logotipo del sitio WebApps

    Drupal. Información del sitio

  3. Cambie el favicon del sitio, utilizando por ejemplo éste: Drupal. Favicon (descargar en formato ico)

    Drupal. Favicon

  4. Cambiar el pie de página del sitio, creando por ejemplo el bloque Información de copyright del sitio con información sobre el tipo de licencia del contenido del sitio.

    En el caso de las licencias Creative Commons, se recomienda utilizar el selector de licencias de Creative Commons. El ejemplo siguiente corresponde a la licencia CC-BY-SA 4.0 internacional:

    <p style="text-align: center"><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.es_ES" rel="license"><img alt="Licencia de Creative Commons" src="https://licensebuttons.net/l/by-sa/4.0/88x31.png" /></a><br />

    Este obra está bajo una <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.es_ES" rel="license">licencia de Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional</a>.</p>

    El pie de página debe contener únicamente el enlace de Contacto y el nuevo bloque:

    Drupal. Favicon

Drupal (3) 2 - Añadir contenido al sitio

En este ejercicio se añadirán varias páginas básicas y artículos al sitio web creado en el ejercicio anterior.

Nota:

  1. Crear varias páginas básicas. Las páginas básicas pueden contener descripciones de aplicaciones web específicas o estar dedicadas a categorías de aplicaciones. Por ejemplo:
    • Acerca de

      WebApps es un sitio web dedicado a las aplicaciones web en general

    • Aplicaciones web

      Una aplicación web es una aplicación a la que los usuarios acceden a través de una red como Internet o de una intranet. El término también puede referirse a una aplicación codificada en un lenguaje de programación admitido por un navegador (por ejemplo, JavaScript combinado con HTML).

    • CMS: Sistema de Gestión de Contenido

      Un Sistema de Gestión de Contenido (en inglés, CMS, Content Management System) es un programa de ordenador que permite publicar, editar y modificar contenidos así como mantenerlos mediante un entorno común. Estos sistemas de gestión de contenidos proporcionan herramientas para gestionar el flujo de trabajo en entornos colaborativos, de forma manual o automatizada.

    • Tienda virtual

      Una tienda virtual es un sitio web que vende productos o servicios y por lo general tiene un carro de compra en línea asociado a ella. El cliente puede ver imágenes de los productos, leer sus especificaciones, saber su precio final, (impuestos, transporte y manipulación incluidos) y finalmente adquirirlos.

    • Drupal

      Drupal es un sistema de gestión de contenido de código abierto utilizada por millones de sitios webs y aplicaciones. Drupal está programado, utilizado y mantenido por una comunidad activa y diversa de gente de todo el planeta.

    • WordPress

      WordPress es un sistema de gestión de contenido enfocado a la creación de blogs y basado en PHP y MySQL. Destacan en él su arquitectura de extensiones y su sistema de plantillas. WordPress es el sistema de blogs más popular de la Web.

    • OpenCart

      OpenCart es una aplicación de comercio electrónico de código abierto preparada para funcionar desde el primer momento. Basta con instalar, seleccionar la plantilla, introducir productos y ya está todo preparado para empezar a recibir pedidos.

  2. Crear varios artículos. Los artículos pueden contener información sobre nuevas versiones publicadas, nuevas aplicaciones incluidas en el portal, etc. Por ejemplo:
    • Nace WebApps

      Nace hoy WebApps, otro portal dedicado a ofrecer información sobre todo tipo de aplicaciones web.

    • Nueva categoría: CMS

      Se ha añadido una nueva categoría de aplicaciones: CMS.

    • Nueva categoría: Tienda virtual

      Se ha añadido una nueva categoría de aplicaciones: Tienda virtual.

    • Nueva aplicación: Drupal

      Se ha añadido una nueva aplicación en la categoría CMS: Dupal.

    • Nueva aplicación: OpenCart

      Se ha añadido una nueva aplicación en la categoría Tienda virtual: OpenCart

    • Nueva aplicación: WordPress

      Se ha añadido una nueva aplicación en la categoría CMS: WordPress.

    • Nueva versión: Drupal 8.0 (19/11/2015)

      El 19 de noviembre de 2015 se ha publicado Drupal 8.0.

    • Nueva versión: openCart 2.1.0.0 (27/09/15)

      El 27 de septiembre de 2015 se ha publicado openCart 2.1.0.0.

    • Nueva versión: WordPress 4.4 (08/12/15)

      El 8 de diciembre de 2015 se ha publicado WordPress 4.4.

  3. Al terminar de crear las páginas básicas y los artículos, el sitio web sólo mostrará los artículos:

    Drupal. Añadir contenido

  4. Pero como administrador, en la pantalla Contenido se pueden ver y editar todos los contenidos creados:

    Drupal. Añadir contenido

Drupal (3) 3 - Formato de fecha y hora

En este ejercicio se modificará el formato en el que se muestran las fechas en Drupal.

  1. Al instalarse, Drupal muestra las fechas en formato "inglés", es decir, mes, día, año:

    Drupal. Formato de fecha y hora

    Modificar el formato de fecha y hora de manera que Drupal muestre las fechas como DD/MM/AA (día / mes / año):

    Drupal. Formato de fecha y hora

Drupal (3) 4 - Crear enlaces a otros nodos

En este ejercicio se añadirán enlaces a otras páginas del sitio en una de las páginas de sitio.

Nota:

Drupal (3) 5 - Menús

En este ejercicio se crearán opciones en los menús Principal y Navegación que enlacen a las páginas básicas creadas en el ejercicio anterior.

  1. Crear en el menú Principal una opción Aplicaciones web que enlace a la página básica Aplicaciones web creada en el ejercicio anterior:

    Drupal. Menú principal

  2. Crear en el menú Principal una opción Acerca de que enlace a la página básica Acerca de creada en el ejercicio anterior:

    Drupal. Menú principal

  3. Reordenar los elementos del menú Principal:

    Drupal. Menú principal

  4. Modificar la configuración de las opciones del menú de las páginas básicas para que se puedan crear enlaces a páginas básicas en el menú Navegación (Estructura > Tipos de contenido > ...)
  5. Añadir en el menú Navegación enlaces a las páginas básicas CMS, Drupal, OpenCart y WordPress creadas en el ejercicio anterior, de manera que en el menú navegación se vean las opciones CMS y Tienda virtual:

    Drupal. Menú Navegación

    y que haciendo clic en ellas se vean enlaces a las páginas básicas Drupal y WordPress y OpenCart

    Drupal. Menú Navegación

  6. Modificar el menú para que los submenús que cuelgan de CMS y Tienda virtual se muestren siempre desplegados:

    Drupal. Menú Navegación

Drupal (3) 6 - Insertar imagen

En este ejercicio se insertará una imagen en una de las páginas.

Logotipos de las aplicaciones: Logotipo de Drupal Logotipo de WordPress Logotipo de OpenCart

  1. Insertar el logotipo de Drupal en la página dedicada a Drupal:

    Drupal. Insertar imagen

Drupal (3) Ampliación 1 - Taxonomías

Las taxonomías permiten crear conjuntos de términos predefinidos (vocabularios) que se pueden asociar al contenido generado, de manera que se puedan localizar todos los elementos asociados a un determinado término.

Referencias: