Iniciación a Drupal 8
El nuevo estándar para la creación de
experiencias digitales increíbles
04 de Junio de 2016
1. Presentación
2. Introducción a Drupal 8
3. Instalación y primeros
pasos
4. Configuración y manejo
5. Módulos contribuidos
6. Gestión Usuarios
7. Idiomas y sitios
multilingües
8. Gestión de la
configuración
Índice
1. Presentación
2. Introducción a Drupal 8
3. Instalación y primeros
pasos
4. Configuración y manejo
5. Módulos contribuidos
6. Gestión Usuarios
7. Idiomas y sitios
multilingües
8. Gestión de la
configuración
Índice
1. Presentación
2. Introducción a Drupal 8
3. Instalación y primeros
pasos
4. Configuración y manejo
5. Módulos contribuidos
6. Gestión Usuarios
7. Idiomas y sitios
multilingües
8. Gestión de la
configuración
Índice
¿Qué vamos a ver?
Iniciación a Drupal 8
1. Presentación
- Introducción a Drupal 8
- Qué es Drupal
- Características principales de Drupal
- Drupal 8
- Mejoras en Drupal 8
- Estadísticas de uso
- Situación frente a otros CMS
- Webs construidas con Drupal
- Construir una web con Drupal 8
- Requisitos previos para trabajar con Drupal 8
- Instalación estándar de Drupal 8
- Configuración
- Estructura
- Apariencia
- Módulos
- Usuarios
- Idiomas
Introducción a
Drupal 8
2
Qué es Drupal
Iniciación a Drupal 8
2. Introducción a Drupal 8
Drupal es un Sistema de Gestión de Contenidos, CMS de las siglas en inglés, gratis y
con licencia Open Source usado para publicar y mantener cualquier tipo de sitio web
desde una página personal hasta una intranet corporativa.
Características principales de Drupal
Iniciación a Drupal 8
2. Introducción a Drupal 8
- Dispone de una estructura modular altamente configurable.
- Soportado por una gran comunidad de desarrolladores.
- Es administrable desde un navegador web.
- Tiene un sistema de gestión de usuarios muy potente.
- Ofrece un sistema de permisos enormemente granular.
- Presenta una gran flexibilidad a la hora de mostrar el contenido.
- Su apariencia es modificable y consistente en todo el sitio.
Características principales de Drupal
Iniciación a Drupal 8
2. Introducción a Drupal 8
Permite publicar y compartir artículos, imágenes o cualquier otro tipo de archivos y
servicios añadidos como foros, votaciones, blogs, ecommerce y administración de
usuarios y permisos.
Uno de sus valores más significativos es que se trata de un framework documentado
sobre el que los desarrolladores crean nuevas funcionalidades y mantienen las ya
existentes, siempre desde la perspectiva de software libre.
Existe una gran cantidad de módulos disponibles que se pueden utilizar sobre el núcleo
de Drupal pero también existe la posibilidad de adaptarlos en la medida de lo
necesario, o crear nuevos módulos ya que están basados en el lenguaje PHP.
Drupal 8
2. Introducción a Drupal 8
el nuevo estándar para la creación de experiencias digitales increíbles
NO es una evolución de Drupal 7, es una revolución radical.
El resultado es un código mucho más profesional y moderno.
Iniciación a Drupal 8
Versionado semántico
Iniciación a Drupal 8
2. Introducción a Drupal 8
Versiones
recomendadas
actualmente
(Junio 2016):
Drupal 7.43
Drupal 8.1.2
Mejoras en Drupal 8
2. Introducción a Drupal 8
• Mejora de la experiencia de creación de contenido
• CKEditor incluido en el núcleo
• Edición en línea
• Página de creación de contenidos rediseñada
• Orientación al móvil
• Mobile first
• Elementos responsivos
• Barra de herramientas amigable para móviles
• Multilingüe
• Multilingüe desde la instalación
• Menos módulos, más funcionalidad
• Selección de idioma en cualquier sitio
Iniciación a Drupal 8
Mejoras en Drupal 8
2. Introducción a Drupal 8
• Mejoras para constructores de sitios
• Vistas en el núcleo
• Más y mejores bloques
• Migraciones
• Mejoras para maquetadores
• HTML5
• Nuevas librerías
• Nuevo sistema de temas, TWIG
• Mejoras para desarrolladores
• Nuevo sistema de gestión de configuraciones.
• Entidades en cualquier parte
• Servicios Web
Iniciación a Drupal 8
Mejoras en Drupal 8
2. Introducción a Drupal 8
• Código moderno y orientado a objetos (robustez)
• Symfony 2.7
• JQuery 2
• Twig
• Normalize.css
• Backbone.js
• Modernizr
• Librerías de terceros
• Testing
• PHPUnit
• Behat
Iniciación a Drupal 8
Estadísticas de uso
Iniciación a Drupal 8
2. Introducción a Drupal 8
Estadísticas de uso
Iniciación a Drupal 8
2. Introducción a Drupal 8
Existe un gran número de CMS por lo que es necesario establecer diferentes criterios
de clasificación. Algunos de los criterios de clasificación más representativos son:
- Según sus características.
- Lenguaje de programación empleado (Java, PHP, ASP.NET…)
- Licencia (código abierto o no).
- Según su uso y funcionalidad (blogs, foros, wikis, comercio electrónico,
publicaciones digitales, de propósito general…).
Estadísticas de uso
Iniciación a Drupal 8
2. Introducción a Drupal 8
En Junio de 2016,
aproximadamente el
8% de todas las
webs del Top 10k
que usan un CMS
es Drupal
Fuente: http://trends.builtwith.com/cms
Situación frente a otros CMS
Iniciación a Drupal 8
2. Introducción a Drupal 8
Situación frente a otros CMS
Iniciación a Drupal 8
2. Introducción a Drupal 8
Drupal es el CMS más veterano de los 3 más utilizados.
Los tres son de código abierto y están basados en PHP y MySQL.
Popularidad , resultados en google (Junio 2016)
Wordpress 381.000.000
Joomla 74.900.000
Drupal 66.400.000
Publico al que está enfocado
Wordpress y Joomla: Hecho por programadores para Site Builders.
Drupal: Hecho por programadores para programadores
Situación frente a otros CMS
Iniciación a Drupal 8
2. Introducción a Drupal 8
Páginas web construidas con Drupal
Iniciación a Drupal 8
2. Introducción a Drupal 8
Páginas web construidas con Drupal por Hiberus
Iniciación a Drupal 8
2. Introducción a Drupal 8
Instalación y
primeros pasos
3
3. Instalación y primeros pasos
Requisitos previos
Iniciación a Drupal 8
- Espacio en disco
15MB para la instalación mínima, puede llegar hasta los 60MB si se tienen
muchos módulos y/o temas instalados.
- Servidor web
Apache, Nginx, o Microsoft IIS
- Base de Datos
MySQL 5.5.3/MariaDB 5.5.20/Percona Server 5.5.8 ( PDO + InnoDB)
PostgreSQL 9.1.2 (PDO)
SQLite 3.6.8
- PHP
Mínimo PHP 5.5.9
Más info en: https://www.drupal.org/requirements
Presentación
1
Presentación
1
Presentación
1
Presentación
1
Presentación
1
4. Configuración y manejo
Taxonomías
Iniciación a Drupal 8
La taxonomía es la ciencia de la clasificación.
El sistema de taxonomías de Drupal permite organizar y categorizar los contenidos.
Está compuesto de dos elementos fundamentales: Vocabularios y Términos
Son entidades por lo que es posible añadirles campos.
4. Configuración y manejo
Tipos de contenido
Iniciación a Drupal 8
- Opciones generales
- Gestionar campos
- Gestionar presentación
- Gestionar presentación del formulario
- Campos de comentarios
4. Configuración y manejo
Menús y bloques
Conoce Drupal
- Creación de un nuevo menú
- Añadir enlaces a un menú
- Mostrar bloque menú en una región
- En Drupal 8 los bloques son entidades
- Crear tipos de bloques
- Crear bloques
- Asignar un bloque en varias
zonas
4. Configuración y manejo
Gestión módulos
Conoce Drupal
- Instalar un módulo
- Habilitar y deshabilitar módulos
- Dependencias entre módulos
- Versiones de un módulo
- Módulos contribuidos y módulos personalizados
4. Configuración y manejo
Temas
Conoce Drupal
- Temas personalizados
- Tema público y de administración
- Instalar un tema contribuido
- Parámetros del tema
- Regiones del tema
4. Configuración y manejo
Vistas
Conoce Drupal
- Vistas existentes
- Crear nueva vista
- Presentaciones de vistas
Módulos
contribuidos
5
5. Módulos contribuidos
Módulos esenciales
Conoce Drupal
Nombre URL Descripción
Token https://www.drupal.org/project/token Proporciona tokens adicionales a los que trae el núcleo
Admin Toolbar https://www.drupal.org/project/admin_toolbar Mejora la barra de herramientas por defecto
Layout Plugin https://www.drupal.org/project/layout_plugin Permite a los módulos o temas registrar nuevos layouts
Google Analytics https://drupal.org/project/google_analytics Permite la integración de este sistema de estadísticas
Display Suite https://www.drupal.org/project/ds Ofrece un control total sobre la visualización del contenido
SMTP
Authentication
Support
https://www.drupal.org/project/smtp Para poder enviar correos autenticados mediante un servidor
SMTP
Rules https://www.drupal.org/project/rules Permite definir acciones ejecutadas condicionalmente en base a
eventos
Backup and
Migrate
https://www.drupal.org/project/backup_migrate Para realizar copias de seguridad de la BD, código y archivos
Contact Storage https://www.drupal.org/project/contact_storage Permite almacenar los envíos del formulario de contacto
5. Módulos contribuidos
Módulos para SEO
Conoce Drupal
Nombre URL Descripción
Pathauto https://drupal.org/project/pathauto Genera URL path alias automáticamente
Redirect https://www.drupal.org/project/redirect Ayuda a eliminar contenido duplicado
Search 404 https://drupal.org/project/search404 Reemplaza las páginas 404 por búsquedas
Metatag https://www.drupal.org/project/metatag Ofrece soporte para Meta tags basado en el API de campos
XML sitemap https://drupal.org/project/xmlsitemap Genera un archivo sitemap.xml conforme a la especificación de
sitemaps.org
Robots txt https://drupal.org/project/robotstxt Edita el archivo robots.txt desde la interfaz de administración
Google Analytics https://drupal.org/project/google_analytics Integra las estadísticas de Google Analytics en el sitio
Gestión
Usuarios
6
6. Gestión usuarios
Usuarios, permisos y roles
Iniciación a Drupal 8
- Configuración del registro de usuarios
- Configurar los correos de respuesta
- Listado de permisos por módulo
- Roles predeterminados
- Creación roles
- Asignación de roles a los usuarios
Idiomas y
sitios
multilingües
7
7. Idiomas y sitios multilingües
Introducción
Se trata de uno de los aspectos en los que más cambios se han introducido.
• Módulos Internationalization o Entity Translation en el núcleo
• Localization Update, tanto el núcleo como los módulos contribuidos incorporan las
traducciones al instalarse
• Nuevo sistema de traducción de la configuración
• El número de módulos necesarios pasa de más de una docena a cuatro
Configuración básica
Traducción de la interfaz de usuario
Traducción de la configuración
Iniciación a Drupal 8
7. Idiomas y sitios multilingües
Introducción
Configuración de la traducción de contenidos
Configuración de la traducción de campos
Traducir contenidos
Traducción de la configuración de los tipos de contenido y campos
Traducción de términos de taxonomía
Traducción de URL
Traducción de menús
• Menú único con elementos traducidos
• Menús independientes por idioma
Iniciación a Drupal 8
Gestión de la
configuración
8
8. Gestión de la configuración
Introducción
Drupal 8 incorpora un nuevo sistema de gestión de la configuración cuyo principal
objetivo es la sincronización de la configuración entre sitios.
Se considera configuración
• Tipos de contenido
• Campos
• Vocabularios
• Vistas
No se considera configuración
• Contenido
• Términos de taxonomía
• Usuarios
La configuración realmente se almacena en la BD y se transforma en archivos
cuando se exporta.
Solo para modificar configuraciones entre réplicas de sitios
NO entre sitios diferentes
Iniciación a Drupal 8
www.hiberus.com
info@hiberus.com

Inciación a Drupal 8

  • 1.
    Iniciación a Drupal8 El nuevo estándar para la creación de experiencias digitales increíbles 04 de Junio de 2016
  • 2.
    1. Presentación 2. Introduccióna Drupal 8 3. Instalación y primeros pasos 4. Configuración y manejo 5. Módulos contribuidos 6. Gestión Usuarios 7. Idiomas y sitios multilingües 8. Gestión de la configuración Índice
  • 3.
    1. Presentación 2. Introduccióna Drupal 8 3. Instalación y primeros pasos 4. Configuración y manejo 5. Módulos contribuidos 6. Gestión Usuarios 7. Idiomas y sitios multilingües 8. Gestión de la configuración Índice
  • 4.
    1. Presentación 2. Introduccióna Drupal 8 3. Instalación y primeros pasos 4. Configuración y manejo 5. Módulos contribuidos 6. Gestión Usuarios 7. Idiomas y sitios multilingües 8. Gestión de la configuración Índice
  • 5.
    ¿Qué vamos aver? Iniciación a Drupal 8 1. Presentación - Introducción a Drupal 8 - Qué es Drupal - Características principales de Drupal - Drupal 8 - Mejoras en Drupal 8 - Estadísticas de uso - Situación frente a otros CMS - Webs construidas con Drupal - Construir una web con Drupal 8 - Requisitos previos para trabajar con Drupal 8 - Instalación estándar de Drupal 8 - Configuración - Estructura - Apariencia - Módulos - Usuarios - Idiomas
  • 6.
  • 7.
    Qué es Drupal Iniciacióna Drupal 8 2. Introducción a Drupal 8 Drupal es un Sistema de Gestión de Contenidos, CMS de las siglas en inglés, gratis y con licencia Open Source usado para publicar y mantener cualquier tipo de sitio web desde una página personal hasta una intranet corporativa.
  • 8.
    Características principales deDrupal Iniciación a Drupal 8 2. Introducción a Drupal 8 - Dispone de una estructura modular altamente configurable. - Soportado por una gran comunidad de desarrolladores. - Es administrable desde un navegador web. - Tiene un sistema de gestión de usuarios muy potente. - Ofrece un sistema de permisos enormemente granular. - Presenta una gran flexibilidad a la hora de mostrar el contenido. - Su apariencia es modificable y consistente en todo el sitio.
  • 9.
    Características principales deDrupal Iniciación a Drupal 8 2. Introducción a Drupal 8 Permite publicar y compartir artículos, imágenes o cualquier otro tipo de archivos y servicios añadidos como foros, votaciones, blogs, ecommerce y administración de usuarios y permisos. Uno de sus valores más significativos es que se trata de un framework documentado sobre el que los desarrolladores crean nuevas funcionalidades y mantienen las ya existentes, siempre desde la perspectiva de software libre. Existe una gran cantidad de módulos disponibles que se pueden utilizar sobre el núcleo de Drupal pero también existe la posibilidad de adaptarlos en la medida de lo necesario, o crear nuevos módulos ya que están basados en el lenguaje PHP.
  • 10.
    Drupal 8 2. Introduccióna Drupal 8 el nuevo estándar para la creación de experiencias digitales increíbles NO es una evolución de Drupal 7, es una revolución radical. El resultado es un código mucho más profesional y moderno. Iniciación a Drupal 8
  • 11.
    Versionado semántico Iniciación aDrupal 8 2. Introducción a Drupal 8 Versiones recomendadas actualmente (Junio 2016): Drupal 7.43 Drupal 8.1.2
  • 12.
    Mejoras en Drupal8 2. Introducción a Drupal 8 • Mejora de la experiencia de creación de contenido • CKEditor incluido en el núcleo • Edición en línea • Página de creación de contenidos rediseñada • Orientación al móvil • Mobile first • Elementos responsivos • Barra de herramientas amigable para móviles • Multilingüe • Multilingüe desde la instalación • Menos módulos, más funcionalidad • Selección de idioma en cualquier sitio Iniciación a Drupal 8
  • 13.
    Mejoras en Drupal8 2. Introducción a Drupal 8 • Mejoras para constructores de sitios • Vistas en el núcleo • Más y mejores bloques • Migraciones • Mejoras para maquetadores • HTML5 • Nuevas librerías • Nuevo sistema de temas, TWIG • Mejoras para desarrolladores • Nuevo sistema de gestión de configuraciones. • Entidades en cualquier parte • Servicios Web Iniciación a Drupal 8
  • 14.
    Mejoras en Drupal8 2. Introducción a Drupal 8 • Código moderno y orientado a objetos (robustez) • Symfony 2.7 • JQuery 2 • Twig • Normalize.css • Backbone.js • Modernizr • Librerías de terceros • Testing • PHPUnit • Behat Iniciación a Drupal 8
  • 15.
    Estadísticas de uso Iniciacióna Drupal 8 2. Introducción a Drupal 8
  • 16.
    Estadísticas de uso Iniciacióna Drupal 8 2. Introducción a Drupal 8 Existe un gran número de CMS por lo que es necesario establecer diferentes criterios de clasificación. Algunos de los criterios de clasificación más representativos son: - Según sus características. - Lenguaje de programación empleado (Java, PHP, ASP.NET…) - Licencia (código abierto o no). - Según su uso y funcionalidad (blogs, foros, wikis, comercio electrónico, publicaciones digitales, de propósito general…).
  • 17.
    Estadísticas de uso Iniciacióna Drupal 8 2. Introducción a Drupal 8 En Junio de 2016, aproximadamente el 8% de todas las webs del Top 10k que usan un CMS es Drupal Fuente: http://trends.builtwith.com/cms
  • 18.
    Situación frente aotros CMS Iniciación a Drupal 8 2. Introducción a Drupal 8
  • 19.
    Situación frente aotros CMS Iniciación a Drupal 8 2. Introducción a Drupal 8 Drupal es el CMS más veterano de los 3 más utilizados. Los tres son de código abierto y están basados en PHP y MySQL. Popularidad , resultados en google (Junio 2016) Wordpress 381.000.000 Joomla 74.900.000 Drupal 66.400.000 Publico al que está enfocado Wordpress y Joomla: Hecho por programadores para Site Builders. Drupal: Hecho por programadores para programadores
  • 20.
    Situación frente aotros CMS Iniciación a Drupal 8 2. Introducción a Drupal 8
  • 21.
    Páginas web construidascon Drupal Iniciación a Drupal 8 2. Introducción a Drupal 8
  • 22.
    Páginas web construidascon Drupal por Hiberus Iniciación a Drupal 8 2. Introducción a Drupal 8
  • 23.
  • 24.
    3. Instalación yprimeros pasos Requisitos previos Iniciación a Drupal 8 - Espacio en disco 15MB para la instalación mínima, puede llegar hasta los 60MB si se tienen muchos módulos y/o temas instalados. - Servidor web Apache, Nginx, o Microsoft IIS - Base de Datos MySQL 5.5.3/MariaDB 5.5.20/Percona Server 5.5.8 ( PDO + InnoDB) PostgreSQL 9.1.2 (PDO) SQLite 3.6.8 - PHP Mínimo PHP 5.5.9 Más info en: https://www.drupal.org/requirements
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
    4. Configuración ymanejo Taxonomías Iniciación a Drupal 8 La taxonomía es la ciencia de la clasificación. El sistema de taxonomías de Drupal permite organizar y categorizar los contenidos. Está compuesto de dos elementos fundamentales: Vocabularios y Términos Son entidades por lo que es posible añadirles campos.
  • 31.
    4. Configuración ymanejo Tipos de contenido Iniciación a Drupal 8 - Opciones generales - Gestionar campos - Gestionar presentación - Gestionar presentación del formulario - Campos de comentarios
  • 32.
    4. Configuración ymanejo Menús y bloques Conoce Drupal - Creación de un nuevo menú - Añadir enlaces a un menú - Mostrar bloque menú en una región - En Drupal 8 los bloques son entidades - Crear tipos de bloques - Crear bloques - Asignar un bloque en varias zonas
  • 33.
    4. Configuración ymanejo Gestión módulos Conoce Drupal - Instalar un módulo - Habilitar y deshabilitar módulos - Dependencias entre módulos - Versiones de un módulo - Módulos contribuidos y módulos personalizados
  • 34.
    4. Configuración ymanejo Temas Conoce Drupal - Temas personalizados - Tema público y de administración - Instalar un tema contribuido - Parámetros del tema - Regiones del tema
  • 35.
    4. Configuración ymanejo Vistas Conoce Drupal - Vistas existentes - Crear nueva vista - Presentaciones de vistas
  • 36.
  • 37.
    5. Módulos contribuidos Módulosesenciales Conoce Drupal Nombre URL Descripción Token https://www.drupal.org/project/token Proporciona tokens adicionales a los que trae el núcleo Admin Toolbar https://www.drupal.org/project/admin_toolbar Mejora la barra de herramientas por defecto Layout Plugin https://www.drupal.org/project/layout_plugin Permite a los módulos o temas registrar nuevos layouts Google Analytics https://drupal.org/project/google_analytics Permite la integración de este sistema de estadísticas Display Suite https://www.drupal.org/project/ds Ofrece un control total sobre la visualización del contenido SMTP Authentication Support https://www.drupal.org/project/smtp Para poder enviar correos autenticados mediante un servidor SMTP Rules https://www.drupal.org/project/rules Permite definir acciones ejecutadas condicionalmente en base a eventos Backup and Migrate https://www.drupal.org/project/backup_migrate Para realizar copias de seguridad de la BD, código y archivos Contact Storage https://www.drupal.org/project/contact_storage Permite almacenar los envíos del formulario de contacto
  • 38.
    5. Módulos contribuidos Módulospara SEO Conoce Drupal Nombre URL Descripción Pathauto https://drupal.org/project/pathauto Genera URL path alias automáticamente Redirect https://www.drupal.org/project/redirect Ayuda a eliminar contenido duplicado Search 404 https://drupal.org/project/search404 Reemplaza las páginas 404 por búsquedas Metatag https://www.drupal.org/project/metatag Ofrece soporte para Meta tags basado en el API de campos XML sitemap https://drupal.org/project/xmlsitemap Genera un archivo sitemap.xml conforme a la especificación de sitemaps.org Robots txt https://drupal.org/project/robotstxt Edita el archivo robots.txt desde la interfaz de administración Google Analytics https://drupal.org/project/google_analytics Integra las estadísticas de Google Analytics en el sitio
  • 39.
  • 40.
    6. Gestión usuarios Usuarios,permisos y roles Iniciación a Drupal 8 - Configuración del registro de usuarios - Configurar los correos de respuesta - Listado de permisos por módulo - Roles predeterminados - Creación roles - Asignación de roles a los usuarios
  • 41.
  • 42.
    7. Idiomas ysitios multilingües Introducción Se trata de uno de los aspectos en los que más cambios se han introducido. • Módulos Internationalization o Entity Translation en el núcleo • Localization Update, tanto el núcleo como los módulos contribuidos incorporan las traducciones al instalarse • Nuevo sistema de traducción de la configuración • El número de módulos necesarios pasa de más de una docena a cuatro Configuración básica Traducción de la interfaz de usuario Traducción de la configuración Iniciación a Drupal 8
  • 43.
    7. Idiomas ysitios multilingües Introducción Configuración de la traducción de contenidos Configuración de la traducción de campos Traducir contenidos Traducción de la configuración de los tipos de contenido y campos Traducción de términos de taxonomía Traducción de URL Traducción de menús • Menú único con elementos traducidos • Menús independientes por idioma Iniciación a Drupal 8
  • 44.
  • 45.
    8. Gestión dela configuración Introducción Drupal 8 incorpora un nuevo sistema de gestión de la configuración cuyo principal objetivo es la sincronización de la configuración entre sitios. Se considera configuración • Tipos de contenido • Campos • Vocabularios • Vistas No se considera configuración • Contenido • Términos de taxonomía • Usuarios La configuración realmente se almacena en la BD y se transforma en archivos cuando se exporta. Solo para modificar configuraciones entre réplicas de sitios NO entre sitios diferentes Iniciación a Drupal 8
  • 46.