Inciación a Drupal 8

Iniciación a Drupal 8El 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

Presentación

1

Julián Valero

1. Presentación

- Bachelor of Science Honours Degree in Computer Science,

University of Wales

- Senior Backend Drupal Developer y Senior Drupal Architect

con más de 6 años de experiencia en Drupal

- https://www.linkedin.com/in/julianvj

- https://www.drupal.org/u/julianvj

- http://twitter.org/julian_zgz

- http://www.hiberus.com/blog/author/julian-valero

¿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



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



- 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



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


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.


Versionado semántico



Versiones

recomendadas

actualmente

(Junio 2016):

Drupal 7.43

Drupal 8.1.2

Mejoras en 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


Mejoras en 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


Mejoras en 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


Estadísticas de uso






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…).




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






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




Páginas web construidas con Drupal



Páginas web construidas con Drupal por Hiberus



Instalación y primeros pasos

3


Requisitos previos


- 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


Instalación genérica de Drupal 8


- Configurar un sitio en un entorno de desarrollo local

- Acquia Dev Desktop

- XAMPP

- Bitnami App

- Vagrant

- Docker

- Crear una cuenta de prueba en uno de los servicios de hosting que disponen de

acuerdos con la Drupal Association

https://www.drupal.org/try-drupal


Instalación Drupal 8 entorno local


- Descargar e instalar Acquia Dev Desktop

http://www.acquia.com/downloads.

- Utilizar su asistente para instalar una versión de Drupal.

Acquia Dev Desktop es una aplicación gratuita que permite ejecutar y desarrollar sitios

Drupal en la máquina local. Disponible para Windows y Mac

Configuración y manejo

4


Visión general de la administración

- Elementos de la administración de Drupal 8:

o Contenido

o Estructura

o Apariencia

o Personas

o Extender

o Configuración

o Informes

o Ayuda



Configuraciones generales


- Información del sitio

(admin/config/system/site-information)

- Formatos de texto

(admin/config/content/formats)

- Sistema de archivos

(admin/config/media/file-system)

- Estilos de imagen

(admin/config/media/image-styles)

- Formatos de fecha y hora

(admin/config/regional/date-time)

- Rendimiento

(admin/config/development/performance)


Taxonomías


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.


Tipos de contenido


- Opciones generales

- Gestionar campos

- Gestionar presentación

- Gestionar presentación del formulario

- Campos de comentarios


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


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


Temas

Conoce Drupal

- Temas personalizados

- Tema público y de administración- Instalar un tema contribuido

- Parámetros del tema

- Regiones del tema


Vistas

Conoce Drupal

- Vistas existentes

- Crear nueva vista

- Presentaciones de vistas

Módulos contribuidos

5


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


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


- 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


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



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


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


www.hiberus.com

[email protected]

Internet

Inciación a Drupal 8