En este tutorial de Drupal, de­s­cu­bri­rás, entre otras cosas, qué distingue al CMS, cuáles son los re­qui­si­tos para usar el software de código abierto y cómo crear una página web simple con Drupal.

Hosting
Hosting de primera al mejor precio
  • 3x más rápido, ahora un 60 % de ahorro
  • Alta di­s­po­ni­bi­li­dad >99.99 %
  • Solo en IONOS: hasta 500 GB incluidos

¿Qué es Drupal?

Drupal es un sistema de gestión de contenido li­ce­n­cia­do li­bre­me­n­te (bajo la Licencia Pública General de GNU), cuya primera versión oficial se publicó en 2001. Como muchos sistemas co­m­pa­ra­bles, está escrito en el lenguaje de scripts PHP y tiene una es­tru­c­tu­ra modular: existen siete módulos centrales y miles de módulos adi­cio­na­les. Los primeros pro­po­r­cio­nan las funciones básicas y, por tanto, la base de cualquier web que crees con Drupal. Los módulos adi­cio­na­les, en su mayoría de­sa­rro­lla­dos por los miembros de la activa comunidad, pueden añadirse para ampliar las fu­n­cio­na­li­da­des del CMS según se necesite. Drupal es co­m­pa­ti­ble con sistemas de bases de datos re­la­cio­na­les como MySQL, MariaDB, Percona Server y Po­s­t­gre­S­QL.

Nota

Si planeas de­sa­rro­llar una pla­ta­fo­r­ma co­mu­ni­ta­ria, un blog o una página web pe­rio­dí­s­ti­ca en el que pa­r­ti­ci­pen varios editores, Drupal es una excelente elección.

Drupal: tutorial para la co­n­fi­gu­ra­ción e in­s­ta­la­ción del CMS

Para utilizar Drupal en la creación de tu página principal, primero debes es­ta­ble­cer la base de software y hardware necesaria para la in­s­ta­la­ción y operación del software web. El primer paso para crear tu propia web con Drupal consiste en encontrar un servidor donde puedas instalar y alojar el CMS y todas las apli­ca­cio­nes ne­ce­sa­rias adi­cio­na­les, como el servidor web, la base de datos o un cliente FTP.

Fi­na­l­me­n­te, también ne­ce­si­ta­rás una dirección web adecuada para tu futuro proyecto en línea. Es im­po­r­ta­n­te que elijas una dirección que sea tanto si­g­ni­fi­ca­ti­va como fácil de recordar. Esto a veces no es tan sencillo, ya que muchas di­re­c­cio­nes de dominio populares ya están ocupadas.

Domain checker

¿Qué software se necesita para utilizar Drupal?

En cuanto a los re­qui­si­tos de software, estos son similares a los de otros sistemas de gestión de co­n­te­ni­dos populares:

  • Lenguaje de script: Drupal funciona en cualquier servidor web que soporte PHP, aunque para versiones más recientes del CMS se re­co­mie­n­da la in­s­ta­la­ción de versiones actuales de PHP-8.
  • Servidor web: la opción estándar es el servidor web Apache, que es co­m­pa­ti­ble con PHP; al­te­r­na­ti­vas posibles son NGINX o Microsoft IIS.
  • Base de datos: como sistema de gestión de bases de datos, el equipo de Drupal re­co­mie­n­da MySQL, MariaDB o Percona Server.
  • Sistema operativo: por supuesto, también debes tener un sistema operativo instalado en tu servidor, siendo Linux la opción re­co­me­n­da­da.

Si quieres utilizar un paquete de software probado que cumpla con todos los re­qui­si­tos me­n­cio­na­dos, instala el llamado LAMP-Stack.

La in­s­ta­la­ción de Drupal

Si deseas instalar Drupal ma­nua­l­me­n­te, porque ad­mi­ni­s­tras tu propio servidor o porque el proveedor no ofrece paquetes de in­s­ta­la­ción pre­de­fi­ni­dos, primero ne­ce­si­ta­rás los archivos del programa. Las versiones más recientes están siempre di­s­po­ni­bles para descargar en drupal.org. Tra­n­s­fie­re los archivos de­s­ca­r­ga­dos al di­re­c­to­rio raíz de tu espacio web uti­li­za­n­do un cliente FTP como FileZilla. A co­n­ti­nua­ción, accede a tu proyecto Drupal in­tro­du­cie­n­do la dirección del dominio en el navegador de tu elección, donde serás re­di­ri­gi­do au­to­má­ti­ca­me­n­te a la página de in­s­ta­la­ción /core/install.php. A co­n­ti­nua­ción, sigue las in­s­tru­c­cio­nes del In­s­ta­la­dor In­ter­ac­ti­vo para co­n­fi­gu­rar Drupal.

Crear página Drupal: tutorial paso a paso

Para fa­ci­li­tar­te el inicio, hemos resumido bre­ve­me­n­te los pasos más im­po­r­ta­n­tes en cuanto a ad­mi­ni­s­tra­ción, diseño de páginas y creación de contenido en Drupal.

Paso 1: iniciar sesión en el backend de Drupal

Durante la in­s­ta­la­ción, creaste, entre otras cosas, una cuenta de ad­mi­ni­s­tra­dor para Drupal, que ahora necesitas para el primer inicio de sesión en el backend. Accede a la ventana de inicio de sesión abriendo la siguiente dirección con el navegador web de tu elección: sustituye el dominio de ejemplo “example.org” por la dirección web de tu proyecto.

https://example.org/user/login

En la pantalla de inicio de sesión, introduce el nombre de usuario del ad­mi­ni­s­tra­dor y la co­n­tra­se­ña co­rre­s­po­n­die­n­te, y luego haz clic en “Iniciar sesión” (Log in):

Imagen: Ventana de inicio de sesión de Drupal
A través de la URL de inicio de sesión también puedes crear nuevas cuentas para las re­s­pe­c­ti­vas páginas web de Drupal, las cuales deben ser co­n­fi­r­ma­das por un ad­mi­ni­s­tra­dor primero.

Paso 2: cambiar el idioma del backend

Después de la in­s­ta­la­ción, el inglés está co­n­fi­gu­ra­do por defecto como idioma de vi­sua­li­za­ción para la interfaz de usuario de Drupal. Sin embargo, es posible se­le­c­cio­nar otros idiomas in­s­ta­la­n­do paquetes de idiomas. Estos paquetes no son parte de la in­s­ta­la­ción básica, por lo que primero debes activar el módulo “Idioma” (Language):

  1. En el backend, accede al menú de co­n­fi­gu­ra­ción “Extender” (Extend).
  2. De­s­plá­za­te hasta la sección “Mu­l­ti­li­n­güe” (Mu­l­ti­li­n­gual) y marca las cuatro casillas de los módulos de idioma y tra­du­c­ción di­s­po­ni­bles.
  3. Baja hasta el final de la página y presiona el botón “Instalar” (Install).
Imagen: Menú de “Language” de Drupal
Si no en­cue­n­tras la entrada “Extender” (Extend) en la barra de menú superior, es probable que esté oculta. Para mostrarla de nuevo, si­m­ple­me­n­te pulsa el botón “Gestionar” (Manage).

Ve a la pestaña “Co­n­fi­gu­ra­ción” (Co­n­fi­gu­ra­tion) y abre el menú “Idiomas” (Languages), en la categoría “Región e idioma”(Region and language).

Imagen: Menú de configuración de idioma en Drupal
Una vez que hayas instalado el módulo “Idiomas”, en­co­n­tra­rás el botón co­rre­s­po­n­die­n­te en el menú de idiomas.

Haz clic en el botón “Añadir idioma” (Add language) y se­le­c­cio­na el idioma de vi­sua­li­za­ción deseado para el backend antes de presionar nue­va­me­n­te “Añadir idioma”. En el último paso, marca el idioma deseado como lenguaje pre­de­te­r­mi­na­do (Default) y guarda esta elección a través del botón “Guardar ajustes” (Save co­n­fi­gu­ra­tion).

Imagen: Selección de idioma en Drupal
Elige tu idioma y luego guarda la co­n­fi­gu­ra­ción.

Paso 3: gestionar usuarios y roles

Antes de comenzar con el diseño y la creación de tus páginas de Drupal, debes co­n­si­de­rar los permisos de los futuros usuarios. El sistema de gestión de co­n­te­ni­dos te permite crear grupos de usuarios in­di­vi­dua­les para los cuales puedes definir un conjunto completo de permisos. Las cuentas recién re­gi­s­tra­das pueden asignarse a uno o varios de estos grupos, ob­te­nie­n­do au­to­má­ti­ca­me­n­te las po­si­bi­li­da­des de acceso y edición asociadas. Drupal tiene tres grupos de usuarios pre­de­fi­ni­dos:

  • Invitados: vi­si­ta­n­tes de la página web sin registro en el frontend o backend
  • Usuarios re­gi­s­tra­dos: personas que han creado una cuenta de usuario normal
  • Editores: cuenta para editores
  • Ad­mi­ni­s­tra­do­res: personas re­gi­s­tra­das con permisos máximos

Si deseas editar o eliminar estos grupos, o crear grupos adi­cio­na­les, accede al menú de usuario y ve a la pestaña “Roles”:

Imagen: Gestión de grupos en el menú “Usuarios” de Drupal
Los grupos de usuarios se denominan “Roles” en Drupal.

Para añadir un nuevo grupo a los ya exi­s­te­n­tes, haz clic en el botón “Añadir rol” (Add role). A co­n­ti­nua­ción, pro­po­r­cio­na un nombre de­s­cri­p­ti­vo y pulsa “Guardar” (Save) para guardar:

Imagen: Menú de Drupal para añadir un nuevo grupo de usuarios
Puedes cambiar el nombre del sistema generado au­to­má­ti­ca­me­n­te para el rol de usuario de Drupal haciendo clic en “Editar” (Edit) si es necesario.

Los permisos del nuevo grupo de usuarios se es­ta­ble­cen luego en la pestaña con el mismo nombre, marcando todas las ca­te­go­rías y acciones que el grupo debe tener. Al final, haz clic en el botón de guardar.

Imagen: Menú de Drupal para establecer permisos
Todas las grupos de usuarios de Drupal se muestran una al lado de la otra, lo que permite co­n­fi­gu­rar permisos para varios o todos las grupos de una sola vez.

La creación de una nueva cuenta de usuario también se realiza en el menú de usuarios. Para ello, abre la pestaña de inicio del menú (“Listas”) y pulsa “Añadir usuario” (Add user). Completa la in­fo­r­ma­ción requerida como la dirección de correo ele­c­tró­ni­co, nombre de usuario y co­n­tra­se­ña, y se­le­c­cio­na en la sección “Roles” el grupo de usuarios al que deseas asignar la nueva cuenta. En el último paso, añade la nueva cuenta a través de “Crear cuenta nueva” (Create new account):

Imagen: Menú de Drupal para crear una nueva cuenta de usuario
Si deseas que el nuevo usuario sea informado por correo ele­c­tró­ni­co sobre la creación de la cuenta, se­le­c­cio­na la opción “Crear cuenta nueva”.

Paso 4: importar tema y co­n­fi­gu­rar­lo como tema pre­de­te­r­mi­na­do

Crear una web en Drupal es posible incluso para pri­n­ci­pia­n­tes con poca ex­pe­rie­n­cia en IT, gracias a la es­tru­c­tu­ra simple del sistema de gestión de contenido. Aunque el alcance funcional ini­cia­l­me­n­te se limita a lo necesario, esto no significa que no se pueda utilizar el software para el de­sa­rro­llo de proyectos más complejos. A través de módulos adi­cio­na­les, puedes añadir fá­ci­l­me­n­te ca­ra­c­te­rí­s­ti­cas adi­cio­na­les si las funciones de los co­m­po­ne­n­tes centrales no son su­fi­cie­n­tes.

Nota

Asegúrate de que los módulos y temas adi­cio­na­les que integres sean co­m­pa­ti­bles con la versión de Drupal que estás uti­li­za­n­do y que provengan de una fuente confiable, como el re­po­si­to­rio oficial.

El principio de co­n­s­tru­c­ción modular también se aplica al diseño del layout y diseño de tu página web en Drupal: Drupal ofrece para ello dos temas ya in­s­ta­la­dos. El tema pre­de­te­r­mi­na­do Olivero y el tema de ad­mi­ni­s­tra­ción Claro te pro­po­r­cio­nan todo lo necesario para iniciar la ad­mi­ni­s­tra­ción de tu proyecto y la creación de tus primeras páginas Drupal. También puedes elegir, descargar y añadir uno de los cientos de temas de Drupal gratuitos di­s­po­ni­bles en el re­po­si­to­rio de temas de Drupal. A di­fe­re­n­cia de otros CMS, Drupal no ofrece un gestor de in­s­ta­la­ción integrado para este propósito, por lo que deberás mover el tema ma­nua­l­me­n­te a tu al­ma­ce­na­mie­n­to web. El di­re­c­to­rio de destino es el siguiente:

/drupal/nombre-de-la-web/themes

Una vez que hayas movido el tema al al­ma­ce­na­mie­n­to web, se puede instalar a través del backend del sistema de gestión de contenido. Para ello, abre el menú “Apa­rie­n­cia” (Ap­pea­ra­n­ce) y ve hasta la sección “Temas des­in­s­ta­la­dos” (Dei­n­s­ta­lled themes):

Imagen: Menú “Appearance” en Drupal
En “Temas des­in­s­ta­la­dos” se listan todos los temas de Drupal im­po­r­ta­dos que no están in­s­ta­la­dos, como el tema de de­mo­s­tra­ción di­s­po­ni­ble por defecto, Stark.

Haz clic en “Instalar y es­ta­ble­cer como pre­de­te­r­mi­na­do” (Install and set as default) en el tema deseado para instalar la plantilla y se­le­c­cio­nar­la como la opción pre­de­te­r­mi­na­da para tus páginas Drupal. Fi­na­l­me­n­te, haz clic en “Guardar ajustes” (Save co­n­fi­gu­ra­tion) para confirmar el cambio de plantilla.

Paso 5: crear páginas Drupal

Después de completar los pasos de la co­n­fi­gu­ra­ción del backend, la gestión de usuarios y la selección del diseño, ya tienes la base perfecta para comenzar a crear tu web con Drupal. Primero, na­tu­ra­l­me­n­te, está crear nuevas páginas, que se pueden llenar con textos, imágenes y vídeos. Para crear una nueva página en Drupal, primero abre el menú “Contenido” (Content) y haz clic en “Añadir contenido” (Add content):

Imagen: Menú “Content” de Drupal, que permite crear una nueva página
Las páginas Drupal creadas se enumeran en el menú “Contenido”, donde se pueden editar más adelante.

Drupal ofrece por defecto dos tipos di­fe­re­n­tes de páginas:

  • El tipo “Página sencilla” se elige para todas las páginas web con contenido estático como, por ejemplo, el aviso legal, una página de “Sobre nosotros” o la política de pri­va­ci­dad.
  • Los “Artículos” se utilizan, en cambio, para todas las páginas con contenido dinámico y sensible al tiempo, como las entradas de blog, páginas de noticias o co­mu­ni­ca­dos de prensa.

Haz clic en el botón co­rre­s­po­n­die­n­te para comenzar a crear una página del tipo deseado.

En ambos tipos de páginas tienes la po­si­bi­li­dad de…

  • elegir un título de página,
  • insertar texto y
  • realizar los primeros ajustes de menú y URL.

Las ca­ra­c­te­rí­s­ti­cas ex­clu­si­vas de las páginas de artículos son la co­n­fi­gu­ra­ción de co­me­n­ta­rios, el es­ta­ble­ci­mie­n­to de etiquetas (tags) y la elección de una imagen de artículo. Drupal solo exige como dato obli­ga­to­rio, tanto para páginas básicas como para artículos, un título de página. Con un clic en “Guardar” (Save) se puede fi­na­l­me­n­te crear la nueva página de Drupal.

Imagen: Menú “Create Basic page” en Drupal
Marca la opción “Publicado” si deseas publicar in­me­dia­ta­me­n­te la página de Drupal que estás editando ac­tua­l­me­n­te.

Si deseas publicar contenido en la página de inicio, marca la casilla en la lista de páginas en el menú “Contenido” de la página co­rre­s­po­n­die­n­te y se­le­c­cio­na la opción de pu­bli­ca­ción deseada. A co­n­ti­nua­ción, haz clic en “Aplicar a los elementos se­le­c­cio­na­dos” (Apply to selected items):

Imagen: Página de prueba de Drupal seleccionada en el menú “Content”
Puedes aplicar una acción a varias páginas de Drupal al mismo tiempo marcando la casilla en todas las páginas deseadas.

Paso 6: insertar imágenes

Si deseas añadir imágenes a un texto en tu nueva web Drupal, abre el editor de edición para la página co­rre­s­po­n­die­n­te. Para ello, busca esta página en el menú “Contenido” y luego haz clic en “Editar” (Edit). Ahora tienes las mismas opciones de co­n­fi­gu­ra­ción que al crear la página, in­clu­ye­n­do acceso al Editor WYSIWYG. Con este, puedes diseñar el texto de la página como en un editor de texto co­n­ve­n­cio­nal, uti­li­za­n­do negritas, cursivas, en­ca­be­za­dos o listas mediante la barra de menú. Además, es posible incluir fotos e imágenes. Para ello, primero haz clic en el icono de imagen:

Imagen: Editor de Drupal: “Upload image from computer”
Al hacer clic en el botón del mismo nombre, puedes ver el código fuente en el editor de Drupal en cualquier momento.

Indica la ubicación de la imagen que deseas incluir en tu página de Drupal. A co­n­ti­nua­ción, formula un texto al­te­r­na­ti­vo que se muestre a los vi­si­ta­n­tes de la página web si no pueden ver la imagen. Aparece un menú donde puedes es­ta­ble­cer la ali­nea­ción de la imagen o gráfico. Además, marca “Activar pie de foto” (Enable table header) para añadir un pie de foto adecuado debajo de la imagen:

Imagen: Texto de Drupal con imagen insertada
Si alineas una imagen a la izquierda o a la derecha, puedes colocar texto al lado de la imagen (siempre que la imagen no ocupe todo el ancho en píxeles).

Paso 7: insertar enlaces

El editor de Drupal también te permite insertar enlaces haciendo clic primero en el icono de cadena y es­cri­bie­n­do la URL de destino deseada. Luego, confirma el enlace haciendo clic en la marca verde o pre­sio­na­n­do la tecla Intro.

Imagen: Insertar enlace en Drupal
A través del botón de enlace en el editor, puedes eliminar enlaces in­se­r­ta­dos en cualquier momento.

Para enlaces internos, el método estándar de enlace es algo co­m­pli­ca­do, por lo que existen varios módulos adi­cio­na­les que si­m­pli­fi­can co­n­si­de­ra­ble­me­n­te el proceso. En este caso, re­co­me­n­da­mos el módulo Linkit, que también es co­m­pa­ti­ble con las versiones actuales de Drupal. Descarga el archivo Linkit co­rre­s­po­n­die­n­te y tra­n­s­fie­re el módulo (como ya se hizo con la in­s­ta­la­ción del tema) al espacio web. En este caso, el di­re­c­to­rio de destino es:

/drupal/nombre-de-la-pagina/modules

Abre el menú “Extender” y ve hasta el apartado “Interfaz de usuario” (User interface), donde ahora podrás se­le­c­cio­nar el módulo Linkit. Luego, ve hasta el final de la página y pulsa “Instalar” (Install).

Ir al menú principal