Seleccionar página

Introducción

¿Quieres personalizar la apariencia de tu sitio web de Drupal y no sabes cómo? ¡No te preocupes! En este post te enseñaremos cómo crear un tema personalizado de forma sencilla y amigable para el SEO. Sigue los pasos que te indicamos a continuación y consigue un sitio web único y atractivo para tus futuros clientes.

Creación de una carpeta personalizada

Para comenzar, dirígete a la carpeta NOMBRE_PROYECTO/web/themes y crea una carpeta con el nombre «custom». Dentro de esta carpeta, crea otra con el nombre de tu tema personalizado (en adelante, nos referiremos a ella como CUSTOM_THEME). A continuación, crea un archivo llamado CUSTOM_THEME.info.yml, en el que deberás especificar la información básica de tu tema, como su nombre, descripción y versión de Drupal.

name: 'CUSTOM_THEME'
type: theme
base theme: bartik
description: 'Subtema a partir de bartik'
core_version_requirement: ^8 || ^9
libraries: 
  - CUSTOM_THEME/global-styling

Creamos otro fichero llamado CUSTOM_THEME.libraries.yml

global-styling:
  css:
    theme:
      css/global.css: {}

Creación de archivos css y js

Dentro de la carpeta CUSTOM_THEME, crea una carpeta llamada «css». Ahí dentro, crea un archivo llamado «global.css» y agrega los estilos que quieras aplicar a tu tema. Para agregar JavaScript, crea una carpeta «js» en la misma ruta y coloca los archivos correspondientes.

body{
  background-color:red;
}

Creación de plantillas personalizadas

Para crear una plantilla personalizada, copia el archivo «page.html.twig» de la ruta NOMBRE_PROYECTO/web/modules/system/templates y pégalo en la carpeta CUSTOM_THEME/templates (si esta carpeta no existe, créala). A partir de este archivo, puedes crear otras plantillas personalizadas para diferentes secciones de tu sitio web.

Habilitación y activacion del tema personalizado

Una vez que hayas creado todos los archivos necesarios para tu tema personalizado, dirígete a la sección «Apariencia» de tu sitio web de Drupal 8 y busca el nombre de tu tema personalizado. Haz clic en el botón «Instalar» y luego en «Activar» para aplicar los cambios. ¡Listo! Ahora podrás disfrutar de un sitio web personalizado y atractivo para tus futuros clientes.

Conclusión

Crear un tema personalizado en Drupal 8 es más sencillo de lo que parece. Con unos pocos pasos y sin necesidad de conocimientos avanzados de programación, puedes personalizar la apariencia de tu sitio web y destacar entre la multitud. ¿Qué esperas para probarlo? ¡Personaliza tu sitio web hoy mismo!