Extra Block Types (EBT) - Nueva experiencia con Layout Builder❗

Extra Block Types (EBT): tipos de bloques con estilo y personalizables: Presentaciones de diapositivas, Pestañas, Tarjetas, Acordeones y muchos más. Configuraciones integradas para fondo, DOM Box y plugins de JavaScript. Experimenta hoy el futuro de la construcción de diseños.

Módulos de demostración EBT Descargar módulos EBT

❗Extra Paragraph Types (EPT) - Nueva experiencia con Paragraphs

Extra Paragraph Types (EPT): conjunto de módulos basado en párrafos de forma análoga.

Módulos de demostración EPT Descargar módulos EPT

Scroll

Creando un blog en Drupal. Usamos los módulos FCKeditor y pathauto.

12/05/2025, by Ivan

Hoy en día existen muchas soluciones para crear un blog, probablemente la más popular sea Wordpress. Wordpress se posiciona como un CMS para blogs y puedes encontrar muchísima información sobre cómo crear blogs con él usando buscadores. Sin embargo, creo que un blog similar en Drupal funcionaría más rápido.

Si has elegido Drupal para tu nuevo blog, hagámoslo juntos. No debería tomarnos más de media hora. Ya tenemos instalado Drupal, el módulo Admin Menu, y quizás ya hayas hecho algunos ajustes en el tema de tu sitio.

Comencemos a montar nuestro nuevo blog. ¿Qué necesitaremos?

1. Activar el módulo Blog, que viene con el conjunto estándar de módulos de Drupal.

Drupal módulo blog

Ahora podemos crear "entradas de blog":

drupal módulo block entrada blog

Rellenamos los campos Título y Contenido y hacemos clic en "Guardar":

drupal entrada de blog

Nuestra entrada ha sido creada, y como todas las siguientes entradas, estará disponible en la dirección nombre_del_sitio/blog/1. Agrega algunas entradas más para ver cómo las publicaciones más recientes se colocan en la parte superior del blog.

drupal blog entradas

Vamos a añadir el enlace al blog (blog/1) como un elemento separado en el menú de navegación. En el menú de administración vamos a Estructura del sitio - Menús - Lista de menús, luego elegimos Navigation y añadimos un elemento. El orden de los elementos del menú se puede cambiar arrastrándolos mediante el icono de cruz que aparece antes del nombre.

drupal enlaces menú

También configuraremos la página del blog como la página de inicio del sitio. Vamos al menú de administración Configuración del sitio - Información del sitio

enlace información del sitio

Y luego en el campo "Página de inicio por defecto:" escribimos blog/1:

drupal página de inicio

El segundo elemento que necesitaremos es un editor visual cómodo para redactar nuevas publicaciones y editar las ya creadas.

2. Instalación de CKeditor en Drupal.

Para instalar el editor visual necesitaremos los siguientes módulos:

  • WYSIWYG – permite instalar varios editores visuales (CKEditor, FCKeditor, jWysiwyg, markItUp, NicEdit, openWYSIWYG, TinyMCE, Whizzywig, WYMeditor, YUI editor). Yo suelo usar CKEditor.
  • Descargamos el editor visual CKEditor.

Seguramente también necesitaremos la función para subir imágenes al servidor. CKEditor no lo hace por sí solo; normalmente se usa el complemento CKFinder, pero es de pago. En su lugar, podemos usar IMCE, un cargador de archivos para el servidor. Para instalar IMCE necesitaremos:

Si ya descargaste e instalaste Drupal, no deberías tener problemas con la instalación de estos módulos. Una vez descargados el editor y los módulos, comencemos.

Descomprimimos el módulo WYSIWYG en la carpeta sites/all/modules (si no existe la carpeta modules dentro de all, créala).

instalación WYSIWYG en Drupal

Y activamos el módulo WYSIWYG:

Drupal módulo WYSIWYG

Para que el editor funcione, también es necesario copiarlo en la carpeta sites/all/libraries (nota que ckeditor no es un módulo, sino un editor visual, por eso se coloca en libraries y no en modules).

carpeta libraries en Drupal

Copiamos el editor visual CKEditor en la carpeta libraries:

Drupal CKEditor

Ahora vamos a la configuración del módulo WYSIWYG (si no tienes el menú negro, debes instalar el módulo Admin Menu):

Configuración WYSIWYG

Si usas los formatos de entrada por defecto, no tiene mucho sentido usar CKEditor para "HTML filtrado", ya que la mayoría de las etiquetas HTML serán eliminadas. Aun así, puedes configurar CKEditor para todos los formatos de entrada.

copiar CKEditor

Ahora, si creamos un nuevo contenido como página o historia (Page o Story), podremos usar CKEditor para editarlo. Para que las imágenes y etiquetas se conserven tras la edición, debemos seleccionar el formato de entrada Full HTML.

Formatos de entrada

Establece Full HTML como formato de entrada por defecto:

Formato Full HTML

Basta de teoría, creemos una nueva página y veamos cómo luce CKEditor:

Vista CKEditor Drupal

¡CKEditor funciona! Ahora solo falta añadir botones de edición. Vamos a la configuración de CKEditor y agregamos botones:

Configuración CKEditor

Ten en cuenta que cada formato de entrada tiene su propia configuración de CKEditor. Si agregaste botones pero no aparecen, probablemente los hayas agregado a un formato de entrada diferente.

Botones CKEditor

Hemos añadido los botones, veamos ahora cómo funciona CKEditor creando otra Página:

Instalación CKEditor funcionando

Ahora podemos cambiar la fuente a nuestro gusto, pero aún queremos poder insertar imágenes en los artículos. Para ello, copiamos los módulos IMCE e IMCE Wysiwyg bridge en la carpeta sites/all/modules y los activamos.

IMCE

En la configuración de WYSIWYG aparecerá un nuevo botón: IMCE. Lo habilitamos:

Activar IMCE

Ahora en la barra de botones de CKEditor hay un botón adicional para subir imágenes:

IMCE subir imágenes

Subimos una imagen:

Browse Server → Subir (Upload) → Insertar archivo

IMCE subir imágenes

IMCE subir imágenes 3

Drupal subir imágenes 4

Hacemos clic en OK y la imagen se insertará. ¡Ahora tenemos un editor visual completamente funcional!

IMCE subir imágenes 5

3. Usar el módulo Pathauto para crear URLs únicas para tus publicaciones.

Drupal incluye el módulo Path, que permite crear alias de URL. Por ejemplo, si tienes una página con la dirección tu_sitio/node/13/, con este módulo puedes crear un alias y la página también estará disponible en tu_sitio/content/tu-pagina. Sin embargo, escribir un alias para cada página lleva tiempo, y para automatizar este proceso se utiliza el módulo Pathauto. Primero, descarga Pathauto.

Además, Pathauto requiere el módulo Token. Descárgalo también y cópialo a la carpeta sites/all/modules. A menudo, para instalar un módulo se requiere otro adicional.

Desde el Admin Menu vamos a Estructura del sitio - Módulos y activamos el módulo Pathauto. Drupal te preguntará automáticamente si deseas activar los módulos necesarios Path y Token.

No sobrecargaré este artículo con más capturas de pantalla sobre cómo instalar módulos, ya que en artículos anteriores ya expliqué cómo instalar módulos en Drupal.

Ahora, todas las nuevas entradas de blog, páginas y historias tendrán automáticamente URLs legibles.

Sin embargo, se generarán automáticamente en ruso, lo cual puede no ser lo ideal. Para reemplazar caracteres cirílicos por latinos en las URLs, cambia el nombre del archivo i18n-ascii.example.txt dentro del módulo Pathauto por i18n-ascii.txt.

Luego, accede a la configuración del módulo Path. Como con cualquier otro módulo, puedes acceder a sus ajustes desde Admin Menu → Configuración del sitio → Por módulos. Entramos en la pestaña "Alias".

Configuración módulo Pathauto

Vamos a "Alias → Configuración de alias automáticos", y en la pestaña "Configuración general" marcamos la opción "Transliterar antes de crear alias". Tras guardar los cambios, todas las URLs se generarán en caracteres latinos.

Configuración avanzada Pathauto

(Versión antigua del artículo) Instalación de FCKEditor en Drupal (FCKEditor está obsoleto, se recomienda usar CKEditor u otro editor visual)

FCKeditor es un editor WYSIWYG libre que permite crear contenido HTML sin necesidad de escribir código. Puedes realizar todas las operaciones típicas de edición de texto como si estuvieras usando un paquete ofimático, directamente en el sitio web.

Debemos descargar el módulo para Drupal desde Drupal.org y también el FCKeditor desde CKeditor.com. Debido a su evolución, FCKeditor fue reemplazado por CKEditor, un nuevo editor WYSIWYG. Aunque recomiendo usar CKEditor, describiremos la instalación de FCKeditor.

Extrae los archivos. Dentro de la carpeta del módulo fckeditor hay otra carpeta también llamada fckeditor, en la que debes copiar el contenido del editor descargado desde ckeditor.com.

Después, copia todo el módulo (con el editor incluido) en el sitio y actívalo desde Estructura del sitio - Módulos. Faltarán funciones como la justificación de texto y la carga de imágenes desde el navegador. Si eso no te importa, puedes omitir los siguientes ajustes. Yo considero imprescindibles estas funciones, así que haremos algunas configuraciones adicionales.

  • En la línea 30 del archivo /modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php, cambia false por true:
    $Config['Enabled'] = true;
  • En la línea 34 del mismo archivo, cambia userfiles por files
  • En la línea 40, escribe la ruta absoluta de la carpeta files:
    $Config['UserFilesAbsolutePath'] = '/nombre/public_html/files/';
  • Agrega en la línea 41:
    require_once "../../../../../filemanager.config.php"
  • Busca el archivo fckeditor.config.js dentro del módulo. En la línea 23, modifica:
    ['JustifyLeft','JustifyCenter','JustifyRight'],

    para que quede así:

    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],

También necesitas ajustar el archivo settings.php de Drupal. Si trabajas en un entorno local con Windows, no deberías tener problemas. En servidores Linux o remotos, podrías tener restricciones de permisos. Por defecto, Drupal asigna permisos 444 al archivo settings.php, lo cual impide modificarlo. Puedes cambiar los permisos, por ejemplo, usando Total Commander:

Cambiar permisos settings.php

Cambiar permisos settings.php 2

Marca todas las casillas para asignar permisos 777, lo que te permitirá modificar el archivo settings.php. Si necesitas eliminarlo, otorga también permisos 777 a la carpeta donde se encuentra.

Después de editar settings.php, no olvides restablecer los permisos a 444.

En la línea 169 de settings.php, elimina el carácter # para descomentar la línea, y escribe el dominio de tu sitio:

$cookie_domain = 'nombre-del-sitio.ru';

Si aún no has activado FCKeditor en los módulos, hazlo ahora. En la configuración del sitio desde el Admin Menu aparecerá la opción FCKeditor. Entra en ella.

Si los usuarios registrados también van a usar FCKeditor, necesitas otorgarles permisos (Admin Menu → Administración de usuarios → Permisos):

Permisos FCKEditor

Access fckeditor – permite usar FCKeditor;
administer fckeditor – permite administrar FCKeditor (recomendado solo para administradores);
allow fckeditor file uploads – permite cargar archivos desde FCKeditor.

Configuramos los permisos de acceso de FCKeditor desde Configuración del sitio → FCKeditor:

Perfiles FCKEditor

Editamos los perfiles "Default" y "Advanced", y activamos la opción de carga de imágenes desde el navegador:

Permisos FCKeditor para cargar imágenes

Guardamos la configuración. Ahora deberían aparecer las funciones necesarias:

FCKEditor justificar y subir imágenes

FCKEditor botones disponibles