imagen

Gutenberg | Módulo Drupal

Video de Youtube
URL de Video remoto
Texto

      Aunque en mi opinión, una de las cosas que me enamoró de Drupal en cuanto lo conocí, es la posibilidad de manipular, personalizar y saber encontrar, prácticamente dónde y cuando ocurren la mayoría de sus funcionalidades, entiendo que el objetivo principal de cualquier herramienta de desarrollo, debería ser facilitarnos la vida, además de ofrecernos grandes posibilidades a nuestro alcance.

     Como cada proyecto requiere de diferentes requisitos para llevarse a cabo, y por lo general, uno de los más importantes, es el tiempo que tendremos que invertir hasta su puesta en producción, muchos desarrolladores web prefieren apostar por otros CMS o construir desde cero proyectos enteros, para sentir que tienen mayor control sobre sus creaciones.

     No obstante, creo que con un pequeño conocimiento sobre cómo instalar Drupal 9 usando Composer y un breve vistazo a cómo gestionar usuarios y permisos, complementado con la ayuda del Módulo Gutenberg, conocido mayormente por usuarios de Wordpress, podrías llegar a tener lo que haz estado buscando hace tiempo, una plataforma simple de manipular, pero potente, con posibilidad de adaptación a la mayoría de webs sencillas.

     Es por esta razón que a continuación, te voy a mostrar cómo puedes utilizar las opciones que integra este módulo a la interfaz de usuario, facilitándote de forma notable, la creación de nuevos contenidos en Drupal 9.

Descarga y Activación:

Para descargar y activar cualquier módulo de Drupal tienes varias opciones:

     Descarga:

          1.- La forma recomendada a partir de Drupal 8, es utilizando el gestor de paquetes Composer, ejecutando en tu consola el comando:

composer require drupal/gutenberg

          2.- Descargándolo manualmente el módulo desde la página oficial del Módulo Gutenberg y una vez descargado y colocado en carpeta "modules/contrib", si haz descargado todos tus módulos manualmente, deberías crear la carpeta "contrib", para que puedas diferenciar entre tus módulos personalizados y los que están disponibles directamente en la Página oficial de Drupal.
 

     Activación:

          1.- Utilizando la herramienta de consola Drush, la opción "-y" activará todos los sub-modulos automáticamente

drush en gutenberg -y

          2.- Desde la interfaz de usuario de Drupal, en la url "/admin/modules", y luego marcando el check junto al nombre de tu módulo y haciendo clic en el botón guardar que aparecer al final de la página.

 

gutenberg - www.drupaladicto.com - formacion especializada en drupal y symfony

 

Cómo utilizar Gutenberg

     Una vez activado el Módulo Gutenberg, veremos que se ha añadido una nueva opción, en la parte inferior izquierda de todos los contenidos, llamada Gutenberg Experience y que al activarla podremos ver dos listados con todos los nuevos bloques, tanto del propio módulo como de el núcleo de Drupal, que podremos activar o no, para que estén disponibles como parte de las opciones del tipo de contenido en que se han activado, modificando inmediatamente la interfaz de creación de dicho contenido.

 

Gutenberg Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     La idea principal de Gutenberg, es que convierte todos los elementos que podamos añadir, en bloques individuales, con sus propias opciones, disponibles en el momento en que seleccionamos dicho bloque o elemento, haciéndolo mucho más gráfico el método para añadir, modificar o reutilizar dicho elemento.

     Para comenzar a añadir contenidos o "Bloques" en nuestro tipo de contenido, veremos un símbolo de más dentro de un círculo y al hacer clic sobre éste, se desplegarán las diferentes opciones disponibles para agregar y una vez seleccionado el elemento que deseamos añadir y se añade, inmediatamente cambiará el panel de la derecha de la pantalla, adaptándose a las opciones disponibles para él.

 

gutenberg - www.drupaladicto.com - formacion especializada en drupal y symfony

     De entre sus opciones más llamativas, está la posibilidad de arrastrar directamente los elementos hasta la posición deseada desde el escritorio de tu ordenador, la integración con módulos como Media o Imagen, insertar directamente elementos embebidos como vídeos, sonidos, etc, o la posibilidad de crear "Bloques" de contenido reutilizables en cualquier otro lugar de la web.

     El objetivo de utilizar Gutenberg, es que todos tus tipos de contenido, sólo tengan el campo "Body" y dentro de este campo se podrán añadir, editar o eliminar el resto de elementos que se mostrará en tus páginas, incluyendo imágenes o incluso bloques del núcleo de Drupal.

Gutenberg Cloud

     Una de las opciones más novedosas de este módulo, es la posibilidad de añadir "bloques" de contenido, directamente desde su repositorio en la web Gutenbergcloud.org, mediante el sistema de CDN, por lo que dichos bloques, con características, estilos y funcionalidades prediseñados, no se guardan como el resto de contenidos en la base de datos de Drupal. Por el contrario, se añaden como etiquetas dentro del campo "BODY", que añade Drupal por defecto cada vez que creamos un nuevo tipo de contenido.

     Para añadir esta funcionalidad, sólo habría que activarla como cualquier otro módulo y una vez hecho esto, se añadirá como una de las opciones disponibles para agregar en el listado de bloques cuando hagamos clic en el selector.

 

gutenberg - www.drupaladicto.com - formacion especializada en drupal y symfony

     Por desgracia, esta funcionalidad no es compatible para todas las versiones de Drupal 9, por lo menos al momento de escribir este artículo. Pero sí podrás utilizarla en cualquier instalación de Drupal 8 o menor que la 9.1.

 

Gutenberg Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

Media y Media Library

Añade la funcionalidad de reutilizar tus imágenes para todos tus contenidos.

    Sabías que, aunque ya existe un campo field_image, en nuestros contenidos por defecto de Drupal 9, también existe la posibilidad de añadir otro campo mucho más potente, gracias a los módulos incluidos en el Núcleo de Drupal, llamados Media y Media Library y que al activarlos, además de permitir agregar y reutilizar imágenes, también nos ofrece la oportunidad de utilizar formatos de Video externo o local, archivos de audio y muchas otras posiblidades?

     Es por esto que en esta ocasión, te comentaré cómo instalar y configurar un campo de imágenes, para tus contenidos, utilizando estos dos módulos, que ya te vienen por defecto en Drupal 9, pero que tendrás que activarlos si quieres comenzar a utilizarlos.

   CÓMO ACTIVAR MEDIA Y MEDIA LIBRARY

     A diferencia de otros módulos, en esta ocasión, sólo tendremos que acceder a la url "/admin/modules", y una vez allí, buscaremos en el filtro el nombre de ambos y podremos activarlos de inmediato.

Imagen
Media y Media Library Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Una vez activados, podremos añadir nuevos campos de tipo Media, en todos nuestros contenidos. Pero antes, hechemos un vistazo al listado de archivos de tipo Media. Para ello, accederemos a la url "/admin/content/media", donde veremos el listado de todos los archivos cargados a través del módulo, en formato Tabla o Cuadrícula.

Imagen
Media y Media Library Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

     Desde este listado, podremos ejecutar cambios en Bloque o por grupos, seleccionando ya sea por medio de filtros o marcando el check junto a cada uno de los nombres, como podemos hacer cuando estamos dentro del listado de contenidos de Drupal. Además, contamos con un buscador y un filtro que funcionan de la misma manera que en contenidos.

Imagen
Media y Media Library Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony

   AÑADIENDO UN CAMPO MEDIA

     El campo media, se añade igual que cualquier otro campo, seleccionaremos añadir campo y a continuación la nueva opción Media, que veremos en el desplegable. 

     Los siguientes pasos en la configuración, variarán en función de lo que esperamos añadir, por ejemplo un campo para una sola imagen, un video, un archivo de audio o varias imágenes.

Imagen
Media y Media Library Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony
Imagen
Media y Media Library Drupal | www.drupaladicto.com - Consultor especializado en drupal y symfony