Tutorial de Joomla: crea tu página web paso a paso

Si quieres disponer de un proyecto web pro­fe­sio­nal, con la máxima fle­xi­bi­li­dad y que puedas escalar en cualquier momento, lo mejor es optar por un sistema de gestión de co­n­te­ni­dos como Joomla. En este tutorial de Joomla te ex­pli­ca­mos qué re­qui­si­tos necesitas para usar esta apli­ca­ción de código abierto y cómo crear una página web con Joomla paso a paso.

¿Qué es Joomla?

Joomla es un sistema de gestión de co­n­te­ni­dos publicado en 2005 que se ca­ra­c­te­ri­za en pa­r­ti­cu­lar por su gran facilidad de uso. Esto hace posible empezar a crear una página web con Joomla con co­no­ci­mie­n­tos básicos y tras una breve fa­mi­lia­ri­za­ción con el software. El CMS está li­ce­n­cia­do bajo GNU General Public License y escrito en PHP.

Para el al­ma­ce­na­mie­n­to de datos, Joomla utiliza por defecto el sistema de gestión de bases de datos re­la­cio­na­les MySQL. Dado que la apli­ca­ción de código abierto ha sido una de las so­lu­cio­nes más populares para la gestión de páginas web durante años, ya existen miles de ex­te­n­sio­nes para frontend y backend, la mayoría de las cuales fueron de­sa­rro­lla­das por una comunidad muy activa.

Tutorial de Joomla: guía de in­s­ta­la­ción y co­n­fi­gu­ra­ción

Antes de crear una página web con Joomla, conviene definir las co­n­di­cio­nes apro­pia­das: lo primero y más im­po­r­ta­n­te es escoger un entorno de alo­ja­mie­n­to adecuado en el que se almacenen los datos del proyecto web. Este es el momento de co­n­si­de­rar si deseas alojar el CMS y su apli­ca­ción web en tu propio servidor o en el servidor de un proveedor de alo­ja­mie­n­to. Luego debes pensar en la dirección web de tu página y, cuando hayas elegido tu favorita, proceder al registro del dominio.

Con he­rra­mie­n­tas de ve­ri­fi­ca­ción como el co­m­pro­ba­dor de dominios de IONOS puedes comprobar si la dirección que deseas aún está di­s­po­ni­ble.

Paso 1: instalar y co­n­fi­gu­rar el servidor web y la base de datos

Una vez que hayas ge­s­tio­na­do el alo­ja­mie­n­to y el registro del dominio, puedes empezar a instalar los co­m­po­ne­n­tes de software ne­ce­sa­rios para el fu­n­cio­na­mie­n­to del sistema de gestión de co­n­te­ni­dos:

Por un lado, necesitas un servidor web que sea co­m­pa­ti­ble con PHP (también debe estar instalado en el servidor) y que se pueda gestionar mediante FTP. Lo más re­co­me­n­da­ble es la co­n­fi­gu­ra­ción de un servidor Apache para ga­ra­n­ti­zar es­ta­bi­li­dad y co­m­pa­ti­bi­li­dad con Joomla.

Por otro lado, requieres un sistema de gestión de bases de datos donde Joomla almacene los datos de tu página web. MySQL es una de las mejores opciones para este propósito, por lo que lo ideal es descargar los archivos de in­s­ta­la­ción desde la página oficial de MySQL. Ten en cuenta que existen dos versiones: la edición comercial de pago “MySQL En­te­r­pri­se Edition” y la versión gratuita y de código abierto “MySQL Community Edition”.

He­rra­mie­n­tas de IA

Saca el máximo partido a la in­te­li­ge­n­cia ar­ti­fi­cial

• Crea tu página web en tiempo récord
• Impulsa tu negocio gracias al marketing de IA
• Ahorra tiempo y obtén mejores re­su­l­ta­dos

Comenzar

Paso 2: descargar e instalar la versión actual de Joomla

Si el servidor web y la base de datos se están eje­cu­ta­n­do, abre la página web de Joomla y descarga los archivos de in­s­ta­la­ción de la última versión del sistema de gestión de co­n­te­ni­dos.

El archivo que se descarga es un fichero que puedes de­s­co­m­pri­mir lo­ca­l­me­n­te antes o después de subirlo al servidor web con un cliente FTP como FileZilla. Es im­po­r­ta­n­te que los archivos de programa de Joomla se en­cue­n­tren en el di­re­c­to­rio raíz público, ha­bi­tua­l­me­n­te llamado public_html o, en algunos casos, también htdocs, después de de­s­co­m­pri­mi­r­los.

Para iniciar la in­s­ta­la­ción de Joomla, abre el in­s­ta­la­dor web a través del navegador de tu elección se­le­c­cio­na­n­do tu dominio o la ubicación local (http://localhost/ruta-a-la-carpeta-joomla) de Joomla. En primer lugar, Joomla te pedirá que hagas algunos ajustes básicos, co­me­n­za­n­do por la selección del idioma. Sin embargo, el CMS ya debería haber se­le­c­cio­na­do au­to­má­ti­ca­me­n­te la versión de idioma apropiada basándose en el idioma se­le­c­cio­na­do para el navegador. Los si­guie­n­tes campos también deben co­m­ple­tar­se:

• Nombre de la página web: en este punto se es­pe­ci­fi­ca el nombre de tu página web. Es aquí donde podrás cambiar el nombre, si así lo deseas, en cualquier momento de la co­n­fi­gu­ra­ción global.
• Nombre de usuario: por defecto, el CMS utiliza el nombre “admin” para el su­pe­ru­sua­rio que puedes cambiar aquí.
• Co­n­tra­se­ña: define una co­n­tra­se­ña segura para el acceso de ad­mi­ni­s­tra­dor y no olvides que esta cuenta de usuario tiene acceso total al frontend y al backend.
• Correo ele­c­tró­ni­co: Joomla solicita una dirección de correo ele­c­tró­ni­co válida vinculada a la cuenta de ad­mi­ni­s­tra­dor. Esta será necesaria, por ejemplo, si quieres cambiar la co­n­tra­se­ña.

Cuando hayas co­m­ple­ta­do la página de co­n­fi­gu­ra­ción, el siguiente paso será el menú de co­n­fi­gu­ra­ción de la base de datos. Allí deberás in­tro­du­cir la in­fo­r­ma­ción so­li­ci­ta­da, como el tipo de base de datos, el nombre del servidor y los datos de acceso. Para finalizar, haz clic de nuevo en el botón de in­s­ta­la­ción.

Cómo crear una página web con Joomla: tutorial para empezar

Como un sistema clásico de gestión de co­n­te­ni­dos, Joomla ofrece dos niveles di­fe­re­n­tes para la edición de co­n­te­ni­dos web: el frontend, que permite editar el contenido, y el backend, en el que se crea la base para la fu­n­cio­na­li­dad, el diseño y la ad­mi­ni­s­tra­ción del proyecto web. Si quieres crear una página web con Joomla, tendrás que trabajar en el backend. En este tutorial apre­n­de­rás, entre otras cosas, qué asuntos ad­mi­ni­s­tra­ti­vos hay que resolver al principio y cómo crear una página web sencilla con Joomla y llenarla de contenido.

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

Puedes trabajar en el backend (y también en el frontend) có­mo­da­me­n­te a través del navegador. Después de haber enlazado tu dominio con Joomla, todo lo que tienes que hacer es escribir la dirección http://www.nombre-de-la-pagina-web.es/administrator en la barra del navegador para abrir la ventana de inicio de sesión para el backend. No olvides sustituir la dirección de ejemplo nombre-de-la-pagina-web.es por la dirección de dominio de tu futura página web. En la página de inicio de sesión que aparece, introduce los datos de ad­mi­ni­s­tra­dor que es­pe­ci­fi­ca­s­te durante la in­s­ta­la­ción y haz clic en el botón de acceso para iniciar sesión.

Paso 2: menú de co­n­fi­gu­ra­ción de Joomla: cambiar la co­n­fi­gu­ra­ción global

Después de iniciar sesión, te en­co­n­tra­rás en el Panel de control de Joomla, donde obtendrás una vista general de los datos más im­po­r­ta­n­tes sobre tu página web y las ac­ti­vi­da­des en el sistema de gestión de co­n­te­ni­dos. De esta manera, puedes ver qué versiones del sistema operativo, PHP y base de datos estás uti­li­za­n­do o cuántos vi­si­ta­n­tes están ac­tua­l­me­n­te en tu página, qué usuarios están co­ne­c­ta­dos al backend o frontend y cuáles fueron los últimos cambios que se hicieron en el proyecto web. A través del Panel de control también puedes acceder al menú de opciones del CMS, donde puedes ajustar la co­n­fi­gu­ra­ción básica de tu página. Se abre pinchando en el botón “Global” dentro de “Co­n­fi­gu­ra­ción”:

En la pestaña “Sitio” en­co­n­tra­rás los ajustes ya conocidos de la in­s­ta­la­ción como, por ejemplo, el nombre de la página web, los metadatos globales o el botón para el modo offline de tu proyecto web. También puedes es­pe­ci­fi­car qué editor quieres utilizar. El editor WYSIWYG TinyMCE está definido por defecto, pero, como al­te­r­na­ti­va, también está di­s­po­ni­ble el sencillo editor de código Co­de­Mi­rror. Sin embargo, gracias a las ex­te­n­sio­nes apro­pia­das, también se pueden integrar editores tan populares como ARK Editor o JCE.

También es posible co­n­fi­gu­rar la in­de­xa­ción y la op­ti­mi­za­ción para los motores de búsqueda: en el campo “Robots” se puede es­pe­ci­fi­car si los ra­s­trea­do­res de los motores de búsqueda deben indexar páginas HTML (index) o no (noindex) y si han de seguir los enlaces (follow) o no (nofollow). Las otras pestañas del menú de co­n­fi­gu­ra­ción permiten los si­guie­n­tes ajustes:

• Sistema: aquí puedes realizar ajustes para el al­ma­ce­na­mie­n­to en caché, la de­pu­ra­ción y la gestión de sesiones.
• Servidor: en este menú en­co­n­tra­rás todas las opciones im­po­r­ta­n­tes para la gestión del servidor web y activar o des­ac­ti­var, por ejemplo, FTP, HTTPS o un servidor proxy.
• Registro: en este menú puedes ajustar el di­re­c­to­rio de archivos de registro y co­n­fi­gu­rar otras opciones re­la­cio­na­das con los registros de Joomla.
• Filtro de texto: aquí puedes definir qué tipos de elementos HTML se emplean al utilizar el editor por cada uno de los grupos de usuarios.
• Permisos: los derechos de las di­fe­re­n­tes cuentas de usuario se pueden definir in­di­vi­dua­l­me­n­te en el menú “Permisos”. Las acciones de­fi­ni­bles incluyen acceso de ad­mi­ni­s­tra­dor, inicio de sesión de página, creación, edición y eli­mi­na­ción.

Paso 3: gestionar grupos de usuarios y añadir cuenta de usuario

Tras la in­s­ta­la­ción, la cuenta de ad­mi­ni­s­tra­dor sigue siendo la única cuenta de usuario. Pero de­pe­n­die­n­do del tipo y alcance del proyecto web, también habrá otros usuarios que estén in­vo­lu­cra­dos en la gestión de la página web o en el diseño del contenido. Es por este motivo por el que Joomla pro­po­r­cio­na un esquema de usuario pre­de­fi­ni­do y es­tru­c­tu­ra­do je­rá­r­qui­ca­me­n­te que se puede pe­r­so­na­li­zar. Para ello, haz clic primero en “Usuarios” en el menú lateral izquierdo y luego en “Grupos”:

Si deseas modificar este esquema, solo tienes que hacer clic en el grupo que deseas editar. También puedes eliminar grupos por completo con “Eliminar”. Para definir las opciones de acceso a los distintos perfiles de usuario, pasa a la pestaña “Permisos” me­n­cio­na­da en el apartado anterior del menú de co­n­fi­gu­ra­ción. Allí, haz clic en el grupo o subgrupo que deseas editar y, a co­n­ti­nua­ción, se­le­c­cio­na una de las tres opciones si­guie­n­tes:

• Heredado: la au­to­ri­za­ción se tra­n­s­fie­re desde la co­n­fi­gu­ra­ción del grupo superior.
• Permitido: el grupo de usuarios puede realizar la acción in­de­pe­n­die­n­te­me­n­te de los ajustes del grupo de nivel superior.
• Rechazado: el grupo de usuarios no puede realizar la acción, sea cual sea la co­n­fi­gu­ra­ción del grupo principal.

Si los grupos y los derechos de acceso asignados sa­ti­s­fa­cen tus ne­ce­si­da­des, puedes crear nuevas cuentas de usuario y asi­g­nar­las a los di­fe­re­n­tes grupos. Para ello, abre el menú “Usuarios” y haz clic en el botón “Nuevo usuario” (con el signo más). Allí es necesario in­tro­du­cir el nombre y el nombre de usuario, así como una dirección de correo ele­c­tró­ni­co válida del nuevo usuario y marcar en la pestaña “Grupos de usuarios” a qué grupo o grupos debe asignarse esta nueva cuenta de usuario. A co­n­ti­nua­ción, pulsa “Guardar y cerrar” para crear la cuenta, que debería figurar junto a la cuenta de ad­mi­ni­s­tra­dor en la lista de usuarios.

Paso 4: se­le­c­cio­nar e integrar una plantilla en tu página web Joomla

Si quieres crear páginas web con Joomla, tienes la gran ventaja de que tienes a tu di­s­po­si­ción diversas pla­n­ti­llas de diseño (conocidas como themes o como templates). La versión básica de Joomla pro­po­r­cio­na las pla­n­ti­llas re­s­po­n­si­vas Ca­s­sio­peia para el frontend y Atum para el backend. Sin embargo, si tienes en mente otras pla­n­ti­llas de Joomla como base para tu proyecto web, puedes in­te­grar­las en cualquier momento en el backend. Para ello, descarga primero la plantilla y luego en “Ex­te­n­sio­nes” en el menú lateral izquierdo. Arrastra el archivo de la plantilla de­s­ca­r­ga­da al área indicada y Joomla iniciará au­to­má­ti­ca­me­n­te la in­s­ta­la­ción.

Después de la in­s­ta­la­ción, en­co­n­tra­rás las pla­n­ti­llas en “Sistema” -> “Pla­n­ti­llas”.

Paso 5: crear una página de Joomla y es­ta­ble­ce­r­la como página de inicio

En Joomla, las páginas de un proyecto web se denominan artículos. Si se­le­c­cio­na­s­te la opción co­rre­s­po­n­die­n­te durante la in­s­ta­la­ción, ya existirá un artículo de ejemplo llamado Getting Started, cuyo contenido puedes vi­sua­li­zar al acceder ahora a tu página web.

Para crear la primera página de tu propia web con Joomla, haz clic en “Nuevo artículo” (en el apartado “Artículos”) desde el panel de control. Elige un título para el artículo y añade el contenido deseado a través del editor. Con el botón “Formato”, puedes aplicar los formatos más comunes, como en­ca­be­za­dos, negritas, cursivas o párrafos. Por último, haz clic en “Guardar y cerrar” para crear el artículo.

Puedes editar o eliminar la página creada en cualquier momento desde el apartado “Artículos”. Para es­ta­ble­ce­r­la como página de inicio de tu proyecto web, ve al menú “Menús”. Haz clic primero en “Menú principal” y después en “Inicio”. En el campo “Tipo de elemento del menú”, se­le­c­cio­na la opción “Artículo único”. Luego, en “Se­le­c­cio­nar artículo”, elige la página que acabas de crear para co­n­ve­r­ti­r­la en la página de inicio de tu página web.

Paso 6: insertar enlaces en artículos

Los enlaces son un co­m­po­ne­n­te im­po­r­ta­n­te de las mejores páginas web, ya que, sean internos o externos, aportan un valor añadido a tu oferta y mejoran el po­si­cio­na­mie­n­to en los bu­s­ca­do­res. Tan pronto como tengas el material preparado, podrás in­te­grar­lo en tus textos sin mucho esfuerzo. Para enlaces externos, se­le­c­cio­na el co­m­po­ne­n­te de texto que ha de servir para enlazar y haz clic en “Insertar/editar enlace”.

Para los enlaces internos pulsa el botón “Artículo” y luego se­le­c­cio­na el artículo de tu proyecto que deseas vincular.

Paso 7: cómo añadir imágenes a tu nueva página de inicio

Por supuesto, también deberías integrar imágenes en tu página web, ya que incluso el contenido más in­te­re­sa­n­te di­fí­ci­l­me­n­te atrae a los lectores sin algo que llame la atención vi­sua­l­me­n­te. Para mejorar un artículo con fotos y gráficos, ábrelo en el menú y, a co­n­ti­nua­ción, se­le­c­cio­na “Contenido del CMS” y luego “Medios”:

Haz clic en la imagen que deseas insertar en el artículo y rellena la in­fo­r­ma­ción sobre el título o la de­s­cri­p­ción de la imagen. Fi­na­l­me­n­te, pulsa “Insertar medio” y la imagen aparecerá en la posición deseada en el artículo: