Drupal Español - Blog

Tutorial sobre como añadir tipos Paragrahs a contenidos en Drupal

Paragrahs es un módulo de Drupal que nos permite crear campos agrupados los cuales su podrán añadir posteriormente, por ejemplo, a contenidos mediante un campo tipo Párrafo.
Este módulo se podría obtener del repositorio de Drupal: https://www.drupal.org/project/paragraphs

Una vez instalado el módulo Paragraphs:

Image

Se creará un nuevo tipo Paragrahs denominado "Entradas", que posteriormente se añadirá como campo tipo Párrafo a un tipo de contenido denominado "Evento". 
Para ello, vamos a "Paragraphs type" dentro en el panel de administración de Drupal en admin/structure/paragraphs_type

Elegimos la opción "Add paragraphs type " y le asignamos un título: Entradas. Se activará la opción "Permitir la adición a la biblioteca":

Image

Image

 Al tipo "Entradas" le incorporaremos campos de tipo: Fecha, Referencia a término de taxonomía y Enlace , de forma que quedarán agrupados dentro del paragraphs creado. Para ello, elegimos la opción "+ Añadir un campo".

Fecha y Hora (Fecha):

Image

 Ciudad (Referencia a término de taxonomía):

Image

Image

 Adquirir entrada  (Enlace):

Image

Image

Con el tipo Paragrahs "Entradas" creado, se añadirá un campo de tipo "Párrafo" al tipo de contedido evento desde /admin/structure/types/manage/evento/fields
Se denominará "Asistir a evento", configurado con valores ilimitados:

Image

 Para este campo "Asistir a evento", se seleccionará el Paragrahs "Entradas" credado anteriormente.

Image

 Con la configuración del campo establecida, se puede añadir un contenido de tipo Evento y completar el campo Paragrahs "Asistir a evento" con la información, añadiendo tantos campos agrupados como sea necesario.
En esta ocasión, completaremos dos campos del tipo Paragraghs "Entradas" dentro del contenido "Primer Evento", haciendo referencia a dos ciudades con sus respectivas fechas y enlaces:

Image

Image

 Si visualizamos el evento vemos como en la parte inferior aparece toda la información completada para el campo "Asistir a evento":

Image

 De esta forma, se observa como se pueden agrupar tipos de campos dentro de un tipo de campo Paragrahs, y así automatizar la inserción de datos similares en un mismo contenido en Drupal.

Y esto ha sido el tutorial para añadir tipos Paragrahs a contenidos en Drupal

Si necesitas más ayuda, visita este enlace o contacta con un desarrollador.

Tutorial para la Creacion de Menus en Drupal

Nuestro CMS favorito ofrece la posibilidad de crear y configurar menús con diferentes estructuras en nuestro proyecto web, de forma que se pueden situar y visualizar en diferente regiones de la página.
Para ver su funcionalidad, se creará un menú configurando los enlaces más frecuentes de sitio. Para ello, vamos a la zona de administración de creación y edición de menús en /admin/structure/menu
Seleccionamos "Añadir menú". Se asignará el título "Sitios frecuentes".

Image

Con el menú anterior ya creado, se procederá a añadir los diferentes enlaces necesarios para construir el menú. Se creará la siguiente estructura de menú con sus correspondientes enlaces:
Sitios frecuentes
 - Inicio (<front>)
 - Login (/user/login)
 - Contacto (/Contact)
 - Artículos (/articles)
   - Primer artículo (/node/1)

Vemos como se pueden asignar jeraquías a la estructura del menú, de forma que tengamos el enlace principal como raíz, y a partir de ahí los demás enlaces que lo forman.
Así, para añadir enlaces al menú se seleciona "Añadir enlace" dentro del menú creado, elegimos una etiqueta para el título y se indica la ruta a la que llevará el enlace.
Para el elace a Inicio usaremos <front>:

Image

 Login será un enlace al formulario de acceso al sitio web:

Image

Contacto un enlace al formulario de contacto:

Image

El enlace Artículos llevará a un listado con todos los contenidos de tipo Artículo del sitio:

Image

Dentro del enlace Artículos se creará un sub-enlace al contenido "Primer artículo". Se observa que se podría escribir el título del contenido en el input autocompletable, pues al ser un contenido del sitio se detecta automáticamente sin necesidad de indicar su ruta:

Image

 De forma que si la ruta del artículo cambiara el enlace se vería inalterado y continuaría funcionando correctamente.

Image

Con el menú "Sitios frecuentes" y sus enlaces ya creados, se sitiuará en el sitio web, para ello iremos a "Diseño de bloques" en /admin/structure/block
Se situará en en la zona "Barra lateral", pare ello se selecciona "Colocar bloque" y se filtra por el nombre del menú creado "Sitios frecuentes", aceptar y guardar.

Image

Image

Image

Si visualizamos el sitio web se observa como el menú con los enlaces configurados se ha posicionado en la barra lateral:

Image

De esta forma, se pueden configurar menús personalizados en Drupal y situarlos en la zona del proyecto web que sea necesario.

Y esto ha sido el tutorial para la creacion de menus en Drupal

Si necesitas más ayuda, visita este enlace o contacta con un desarrollador.

Hoy vamos a ver este Tutorial de instalacion del modulo Admin Toolbar en Drupal

Drupal nos proporciona una barra de administración  predeterminada para acceder a sus funcionalidades desde el panel de administración:

Image

Sin embargo, existe la posibilidad de mejorar esta barra de administración por defecto mediante la instalación del módulo llamado “Admin Toolbar”, que dará la opción de trasformar esta barra administrativa en un tipo de menú desplegable. De manera que se ofrece así un acceso más rápido y sencillo a las zonas de administración del sitio web en Drupal.
Para la instalación del módulo “Admin Toolbar”, o de módulos en general, se podría realizar o bien desde la interfaz en la opción de “Ampliar” de la barra de administración, o mediante drush descargando el proyecto admin_toolbar vía composer.

Para su instalación vía composer y drush, iremos al repositorio de Drupal donde se encuentre alojado el proyecto admin_toolbar: https://www.drupal.org/project/admin_toolbar
Una vez localizado, se lanzará el comando, el cual añadirá el módulo al sitio web:

Image

Después, instalaremos el módulo con el siguiente comando:

Image

Finalmente se vacía caché, quedando así el módulo instalado en el sitio web:

Image

Otra opción para la instalación de módulos, en esta ocasión “Admin Toolbar”, podría ser desde la interfaz del panel de administración de nuestro proyecto. Para ello, desde el repositorio de Drupal se descarga el fichero del módulo.

Posteriormente, elegiremos la opción “Ampliar” en /admin/modules y seleccionaremos “Add new module”:

Image

Se observa que se puede añadir el fichero admin_toolbar-3.0.3.tar.gz  / admin_toolbar-3.0.3.zip  o indicar la url del proyecto en Drupal.

Image

En esta ocasión se elegirá la descarga del fichero admin_toolbar-3.0.3.tar.gz

Image

Image

Después, lo añadimos para su instalación desde el panel de administración en /admin/modules

Se seleccionará “Admin Toolbar” y “Admin Toolbar Extra Tools” e instalar.

Image

Cuando finaliza la instalación, si se utiliza la barra de tareas del panel de administración, observamos que ahora aparecen los menú de forma desplegable para una acceso más sencillo y rápido a cada zona de la administración en Drupal.

Image

Y esto ha sido el tutorial de instalacion del modulo Admin Toolbar en Drupal

Si necesitas más ayuda, visita este enlace o contacta con un desarrollador.

Tutorial para ampliar caja de contenido en Drupal. En muchas ocasiones, en el desarrollo de portales con Drupal, nos encontramos con que queremos ampliar una caja, de tal forma que cuando se añadan diferentes opciones, el usuario lo pueda visualizar y eliminar lo quiera sin problema. 

Tal como lo tenemos ahora, es imposible.

Image

Para ello, lo primero que tendremos que hacer es inspeccionar la caja pulsando click derecho sobre ésta y añadirle a su contenedor un width 100% para que nos abarque todo el ancho.

Image

Una vez hecho esto, ya podríamos añadir varias opciones, pero aún así, si ponemos más opciones de lo que es el ancho, aparecerían debajo (en una segunda línea) y no las veríamos.

Image

Tendremos que ponerle a la caja un alto máximo, por ejemplo, de 84px (ya que la caja tiene una altura de 42px y queremos que por lo menos se visualicen dos líneas).

Image

Image

Después, tenemos que pensar en la posibilidad de que, si hubiera muchas opciones y se sobrepasan esas dos líneas, podamos hacer scroll y ver todo.

Podríamos poner la caja con un alto más grande, pero si el usuario añadiera muchas opciones la caja sería infinita y no nos interesa.

Para ello, colocamos a la caja la propiedad overflow: auto y con esto conseguimos que lo que haya a partir de 84px de altura, aparezca en scroll hacia abajo.

Image

Image

Con esto conseguimos visualizar tantas opciones como se añadan a nuestro campo.

Y de esta manera podemos ampliar caja de contenido en Drupal

Si necesitas más ayuda, visita este enlace o contacta con un desarrollador.

Para iniciar este tutorial de filtrado de idioma en vistas de Drupal, antes de comenzar a traducir un sitio web en Drupal tendríamos que añadir el idioma en admin/config/regional/language/add , en esta ocasión hemos agregado idioma inglés.

Image

Image

Con el idioma ya añadido, se pueden activar los campos del tipo de contenido que se necesite traducir como traducibles desde /admin/config/regional/content-language

Se activarán como traducibles los campos “título” y “body” del tipo de contenido “Artículo”:

Image

Image

Una vez tenemos traducidos los contenidos, como en este caso dos contenidos de tipo Artículo traducidos a inglés:

Image

Seguidamente procedemos a crear una vista para ver la aplicación del filtrado por idioma en Drupal. Con este tipo de filtrado en vistas principalmente lo que logramos es que no se muestren los contenidos duplicados en la visualización de la vista, detectando el sitio web que idioma mostrar en cada caso según el idioma seleccionado en la interfaz.

De manera que creamos la vista a la que posteriormente añadiremos el filtro de idioma desde la siguiente ruta /admin/structure/views/add , se agregará un nombre requerido a la vista y más abajo se puede añadir el nombre interno de sistema para la vista que se está creando:

Image

Como opciones de la vista se puede seleccionar mostrar Contenido de tipo Artículo ordenado por los más recientes primero:

Image

Para la visualización de la vista, se ha creado una página con ruta /articles-list donde se mostrará el listado de artículos en forma de tabla:

Image

Con la vista ya creada si accedemos directamente a la ruta para su visualización <nombre-proyecto>/articles-list se puede observar que muestra los contenidos en ambos idiomas, independientemente del idioma seleccionado para la interfaz de la web.

Image

Así, primero en la opción “Idioma de visualización” se añadirá Idioma Texto de la interfaz seleccionado para la página:

Image

Image

Si se vuelve a visualizar la vista con el cambio <nombre-proyecto>/articles-list observamos que ya no se muestran contenidos en los dos idiomas, sólo en el seleccionado, en este caso español. Sin embargo, los contenidos aparecen repetidos:

Image

Para evitar la repetición de los contenidos bastaría con añadir un criterio de filtrado por idioma para la vista:

Image

Image

Image

Con el criterio de filtrado ya aplicado si vamos a la visualización de la vista <nombre-proyecto>/articles-list ya no se muestran los artículos duplicados.

Image

Y esta es el modo de hacer un filtrado de idioma en vistas de Drupal.

Si necesitas más ayuda, visita este enlace o contacta con un desarrollador.

Muchos son los motivos que llevan a retrasar la fecha de lanzamiento del Drupal 10, concretamente, se estima que se lanzará en diciembre del 2022 justo después del lanzamiento de la ultima versión de Symfony.

Image

Uno de los principales motivos del retraso viene dado por CKeditor 5, cuya DeadLine (fin del soporte y actualizaciones de versión) de la versión anterior, se estableció a finales del 2023.

Paralelamente a esto, se esta trabajando con mucho ahínco en la actualización del core para retirar código sobrante y/o obsoleto así como retirar módulos que se han considerado innecesarios tras los años de vida de Drupal. Módulos tales como: RDF, Color,QuicEdit, Forum......

Otra de las novedades más llamativas de esta versión es que traerá consigo un cambio en los temas de base de Drupal. 

Cambian el mítico tema de administración Seven por Claro ( ya usado en versiones actuales) y en el Front cambian el mitiquísimo tema Bartik por Olivero, un tema actualmente en desarrollo.

Para los FrontEnd, el Drupal 10 trae una novedad importante: Se pretende retirar el uso de subtemas  por problemas de actualizaciones del tema principal. La idea es volver al sistema de copiar el tema en custom y modificarlo desde ahí.  En AulaDrupal no estamos muy contentos con este punto, pues consideramos más grabe el tener que actuar las funciones y demás del todo el tema en cada proyecto dado que de esta manera no se actualizarían con los updates.

Como último detalle que queremos destacar son las "actualizaciones automáticas", las cuales creemos que pueden ser de utilidad en proyectos pequeños pero un peligro en proyectos customizados. Pero como todo, iremos mejorándolas y evolucionándolas. 

Esto ha sido Drupal 10 - Novedades y nueva fecha de lanzamiento

Si necesitas ayuda para actualizar Drupal, contactanos