Construyendo un sitio web usando Joomla, paso a paso

Si está considerando usar Joomla para crear su propia presencia en la web, ha venido al lugar correcto. A continuación, aprenderá todo lo que necesita saber para comenzar.

Este tutorial paso a paso le mostrará cómo instalar el software en su servidor y le dará una descripción general de la funcionalidad básica. Al final, queremos que se sienta capaz de comenzar a explorar por sí mismo y construir el sitio web Joomla de sus sueños.

Si bien Joomla es más complejo que WordPress, es mucho más amigable para principiantes que Drupal (de hecho, puede encontrar una comparación de los tres aquí ). Entonces, si sigue el tutorial, debería poner su sitio web en funcionamiento en 3 horas o menos.

1. Registre un nombre de dominio y busque un servicio de alojamiento web

Si ya tiene un nombre de dominio y alojamiento web, vaya al paso 2 .

Antes de que pueda comenzar a construir su sitio Joomla, necesitará un nombre de dominio y alojamiento web.

Si ni siquiera sabe por dónde empezar con este tema, lea nuestra publicación sobre cómo elegir un nombre de dominio . En caso de que solo necesite un repaso, elija un dominio de sitio web que sea simple, para que sea fácil de recordar.

Además de un nombre de dominio, también necesitará un servicio de alojamiento web.

Divulgación completa : WebsiteSetup gana una comisión si compra Bluehost a través de nuestros enlaces de referencia en esta guía. Esto nos ayuda a mantener todo actualizado. Gracias por tu apoyo.

Puede obtener tanto el nombre de dominio como el alojamiento web de Bluehost (también ofrecen un dominio gratuito durante el primer año).

Tienen una instalación rápida para Joomla, por lo que no necesita perder su tiempo descargándolo, subiéndolo e instalándolo manualmente a través de FTP.

Si decide utilizar otro servidor web, asegúrese de que cumpla con los requisitos del sistema Joomla, que puede encontrar aquí .

2. Instalar y configurar Joomla

Hay dos formas de instalar y configurar Joomla.

Instalación de Joomla usando la instalación rápida de Bluehost (paso a paso)

 

Instalar Joomla manualmente en cualquier servidor web (paso a paso)

 

3. Familiarícese con los conceptos básicos de Joomla

El siguiente paso para aprender a crear un sitio web con Joomla es orientarse. Usaremos muchos de los menús que puede ver en el panel de control más abajo, sin embargo, ayuda tener una vista de pájaro para comenzar.

Obviamente, puede deshacerse de las dos casillas azules optando por entrar o salir de Joomla recopilando datos estadísticos y luego leyendo (y ocultando) sus mensajes posteriores a la instalación.

A la izquierda, encontrará accesos directos a partes del área de administración de uso frecuente, como crear nuevos artículos, cambiar la estructura del menú o instalar extensiones. A la derecha, hay información importante sobre el estado de su sitio.

Sin embargo, la parte más importante es la barra de tareas en la parte superior. Aquí, encontrará las mismas opciones que en el panel de control y más. Esto es lo que contienen los diferentes menús:

• Sistema : acceso al panel de control, configuración del sitio, elementos de contenido bloqueados o pendientes, la opción de borrar la caché y ver información del sistema (sitio, servidor y entorno).
• Usuarios : administre usuarios, grupos de usuarios y niveles de acceso, agregue notas sobre los usuarios, maneje las solicitudes relacionadas con la privacidad, vea los registros de los usuarios y envíe correos electrónicos masivos a todos en su sitio.
• Menús : como sugiere el nombre, contiene todas las opciones sobre la creación y gestión de menús.
• Contenido : agregue artículos y taxonomías, asigne contenido destacado y administre los archivos multimedia de su sitio.
• Componentes : cree y administre banners del sitio, contactos, actualizaciones del sitio, mensajes privados, asociaciones multilingües y fuentes de noticias. También brinda acceso a los mensajes posteriores a la instalación (ya los cubrimos), le permite configurar redirecciones (aunque necesita un complemento para eso), ver los términos de búsqueda del sitio, usar la búsqueda inteligente (nuevamente, esto necesita un complemento) y administrar etiquetas.
• Extensiones : le permite instalar, actualizar, administrar, configurar, buscar y solucionar problemas de extensiones. En este menú, también puede ver el estado de su base de datos y actualizar su sitio.
• Ayuda : acceso directo a temas de ayuda importantes en la documentación oficial .

¿Todo despejado hasta ahora? Entonces sigamos adelante.

4. Seleccione una plantilla para su sitio

Al igual que otros sistemas de gestión de contenido que aparecen en este sitio, Joomla ofrece una forma de cambiar el diseño de su sitio sin codificación. Aquí, las herramientas para hacerlo se denominan Plantillas . El aspecto, la función y la sensación de todo su sitio web dependen por completo de ellos. Por lo tanto, ¡no subestimes la decisión al elegir uno!

Hay disponibles plantillas Joomla gratuitas y premium (de pago). Sin embargo, encontrar uno puede ser complicado. Desafortunadamente, el CMS no tiene un directorio central para esto. Por lo tanto, debe buscar en las tiendas para encontrarlas. Muchos de los que venden temas premium también ofrecen versiones gratuitas que puedes probar. Aquí hay algunos lugares para comenzar:

• Joomlart
• Joomdev
• SiteGround

Por supuesto, hay algunas características básicas a las que debe prestar atención al seleccionar un tema. Primero es obviamente tu propio gusto. Sin embargo, también debe considerar lo siguiente:

• Soporte : es genial tener soporte técnico incluido, ya que estas personas pueden solucionar cualquier problema por usted.
• Actualizaciones : Joomla actualiza constantemente su sistema. Asegúrese de que su proveedor de plantillas también actualice sus plantillas con frecuencia para asegurarse de que funcionará con las últimas versiones.
• Documentación : de vez en cuando, deberá verificar algunas funciones para saber cómo funcionan. Asegúrese de que haya un lugar donde pueda hacerlo.
• Capacidad de respuesta y compatibilidad entre navegadores : esto significa que su plantilla debe verse bien en todos los navegadores, así como en cualquier dispositivo móvil.
• Capacidad de personalización : compruebe qué funciones de plantilla puede personalizar usted mismo. Por ejemplo, busque plantillas que tengan muchas posiciones de módulo (más sobre eso pronto).

5. Instale su plantilla Joomla

Instalar una plantilla en Joomla es bastante fácil en principio. Una vez que haya hecho una elección, normalmente la obtendrá en forma de archivo zip. Esto puede simplemente cargarlo en Extensiones> Instalar .

Arrástrelo y suéltelo en el campo o haga clic en el botón O buscar archivo para encontrarlo en su disco duro. Selecciónelo y Joomla debería hacer el resto por sí mismo. Alternativamente, también puede instalar la plantilla a través de su URL si sabe dónde reside el paquete.

Después de eso, todavía necesita activar la plantilla y hacerlo en Extensiones> Plantilla> Estilos . Aquí, haga clic en el ícono de estrella a la derecha del nombre de la plantilla para que sea el predeterminado para todo el sitio.

Tenga en cuenta que, al descargar su plantilla, es posible que obtenga archivos adicionales como inicio rápido , configuración y extensión . La primera es una versión completa de Joomla que incluye la plantilla. De esa manera, su nuevo diseño ya estará listo cuando su sitio esté configurado, y a menudo incluye contenido de demostración. Puede tener sentido incluir este último para que todo esté configurado como en la demostración y todo lo que necesita hacer es intercambiar el contenido. Los otros dos archivos para hacer referencia a cosas que podría haber visto en el sitio de demostración de la plantilla, como controles deslizantes, etc.

6. Personaliza el diseño

Cuando construyes un sitio web con Joomla, uno de los principales objetivos es crear el diseño que deseas. Para hacerlo, la mayoría de las plantillas vienen con al menos algunas opciones de personalización y puede acceder a ellas haciendo clic en el nombre de la plantilla en la lista.

Aquí, puede realizar ajustes en elementos como colores, fuentes, logotipos , tamaños y mucho más. Algunas plantillas también vienen con su propia página de configuración donde le permiten controlar mucho más y obtener una vista previa de los cambios en tiempo real. En cualquier caso, no olvide comprobar lo que ofrece su plantilla y guardar los cambios que haya realizado.

7. Utilice módulos de Joomla

En este momento, incluso si se ve mejor, su sitio todavía está bastante vacío. Es hora de cambiar eso. Desde aquí, repasaremos cómo crear contenido en Joomla.

Desafortunadamente, tenemos que comenzar con uno de los temas más complicados, que son los módulos . Son pequeñas unidades de contenido que pueden aparecer en muchos lugares de una página. Funcionan como bloques de construcción a partir de los cuales puede crear diferentes diseños. Sin embargo, es necesario acostumbrarse a usarlos. Probémoslo en la página de inicio.

Para crear una página desde cero, es mejor comenzar habilitando el modo de vista previa para las posiciones de los módulos. De esta manera, puede ver dónde exactamente en su página puede agregar módulos y los nombres de las posiciones.

Para ver algo como lo anterior, vaya a Sistema> Configuración global> Plantillas .

Aquí, configure Posiciones del módulo de vista previa en Habilitado , guarde y cierre. Luego, regrese a su lista de plantillas y haga clic en el botón Vista previa (el icono del ojo). Esto luego mostrará todas las posiciones de módulo disponibles como se muestra arriba.

Nota rápida: no olvide desactivar la vista previa cuando haya terminado de asignar módulos.

8. Asignar módulos a posiciones

Muy bien, ahora que sabe dónde pueden ir sus módulos, ¿cómo los asigna a esas posiciones? Todo eso sucede en Extensiones> Módulos .

Aquí, puede ver todos los que están activos actualmente en su sitio más las posiciones, páginas, usuarios e idiomas a los que están asignados. Sin embargo, no se preocupe, estas no son las únicas opciones disponibles para usted. En Nuevo en la esquina superior izquierda, encontrará muchos otros bloques que puede usar en su sitio.

Supongamos que desea incluir algún texto sobre usted y su sitio en la página de inicio. Lo primero que debe hacer es verificar en qué lugar de la página iría. En este caso, esta es la posición 2 . Luego, iría al menú de módulos, crearía uno nuevo y elegiría Personalizado como tipo. Esto le permite crear su propio bloque de contenido usando un editor WYSIWYG (lo que ve es lo que obtiene).

Este es simplemente un editor para crear y formatear contenido que le permite ver lo que está haciendo. Desafortunadamente, llevaría demasiado tiempo repasar todas las opciones en esta pantalla. Sin embargo, si alguna vez ha utilizado un procesador de textos, todo debería resultarle familiar. Además, puede colocar el cursor sobre cualquiera de los íconos para obtener una descripción de lo que hace. De esta manera, debería poder descubrir rápidamente cómo escribir y formatear texto, insertar encabezados, imágenes y otros medios y cualquier otra cosa que tenga para ofrecer.

Cuando haya terminado, asegúrese de que cuando guarde, el Estado a la derecha esté configurado en Publicado y que elija la ubicación correcta de la plantilla en Posición (¡preste atención a que selecciona su tema activo!). Luego, vaya a Asignación de menú (la pestaña debajo del título) y use el menú desplegable para elegir las páginas en las que desea mostrar este módulo. En este caso, es Solo en las páginas seleccionadas y luego en Inicio .

Guarde y debería verlo en su página de inicio (y solo allí).

Puede usar este mismo método para insertar otras cosas en páginas como publicaciones de blog (más sobre eso a continuación), pancartas, menús, imágenes e iframes. Además, también puede agregar nuevos módulos a través de extensiones (más sobre eso también a continuación).

9. Crear páginas nuevas

Ahora, algo más fácil: páginas. Cuando crea un sitio con Joomla, es probable que cree varios de ellos. Sin embargo, una vez que haya dominado lo anterior, esta parte debería ser mucho más fácil.

Lo primero que debe aprender acerca de las páginas en Joomla es que las crea en un lugar y las hace aparecer en otro. Esto es algo general para tener en cuenta que cualquier cosa que cree en Joomla no aparecerá automáticamente en su sitio.

En Joomla, las páginas se denominan simplemente artículos . Esto puede ser un poco confuso al principio cuando se trata de un blog, pero no dejes que eso te detenga. Puede crear artículos a través de Contenido> Artículos> Agregar artículo nuevo . Alternativamente, use el acceso directo en el panel de control. Ambos lo llevarán a una pantalla de edición muy similar a la que usaba antes.

Crea y formatea contenido de la misma forma que antes. Cuando haya terminado, en Alias podrá determinar un enlace permanente (es decir, la URL de la página). A menudo tiene sentido poner una palabra clave aquí en lugar de usar el mismo título que el artículo. En Estado, asegúrese de que esté configurado en Publicar antes de guardar.

10. Asignar páginas al menú de navegación de Joomla

Para permitir que los visitantes accedan a su nueva página, es hora de asignarla a un menú. Puede hacerlo de la siguiente manera: En Menús , busque el que tiene el icono de la casa asignado. Ese es el actualmente activo.

Para asignarle un nuevo enlace, coloque el cursor sobre él y seleccione Agregar nuevo elemento de menú . Si lo hace, lo llevará a la siguiente pantalla.

En Tipo de elemento de menú , seleccione  Artículo> Artículo único . Luego, en Seleccionar artículo, puede elegir el contenido existente en su sitio a través de Seleccionar y luego hacer clic en el título del que desea asignar.

Ahora solo necesita ingresar un título de menú en la parte superior (que es el texto que aparecerá en el menú) y asegurarse de que el menú para asignarlo esté seleccionado a la derecha. Cuando guarde y cierre, puede usar el icono de la izquierda para arrastrar los elementos del menú y cambiar su orden.

Cuando esté satisfecho y vuelva a su sitio, debería aparecer el nuevo elemento.

11. Agregar una sección de blog

Sin embargo, no solo puede crear páginas, sino que también es posible publicar publicaciones de blog en Joomla. Básicamente, funciona de la misma manera, solo que asignará las publicaciones de su blog a una categoría. Para hacerlo, primero debes crearlo.

Puede hacerlo en Contenido> Categorías> Agregar nueva categoría . Te lleva al mismo editor que antes. En este caso, solo tiene que ingresar un nombre en la parte superior (por ejemplo, Blog ), luego guardar y cerrar.

Después de eso, puede asignar la categoría a su menú de la misma manera que lo hizo con la página anterior. Solo que esta vez, en Tipo de elemento de menú , elija Artículos> Blog de categoría .

Una vez que lo haya hecho, asegúrese de seleccionar la categoría de su Blog en Elegir una categoría . Luego, asegúrese de verificar que esté asignado al menú correcto y asígnele un título de menú que tenga sentido. Guarde y cierre para obtenerlo en su sitio. A partir de ahora, cualquier artículo que asigne a su categoría Blog se mostrará en forma de publicación de blog debajo de ese elemento del menú.

12. Instalar extensiones

Lo último de lo que queremos hablar son las extensiones. Con su ayuda, puede traer nuevas características y funcionalidades a su sitio. Los encontrará en el directorio oficial de extensiones de Joomla .

Simplemente ingrese un término de búsqueda, use las categorías a continuación o la búsqueda avanzada para encontrar lo que está buscando. Sin embargo, con casi 8.000 extensiones disponibles, puede resultar difícil elegir. Por esa razón, puede ser una buena idea comenzar con artículos como estos:

• 7 deben tener extensiones de Joomla para cada sitio
• 25 mejores extensiones de Joomla en 2020

Una vez que sepa qué instalar en su sitio, tiene varias formas de hacerlo. Los encontrará todos en Extensiones> Instalar . Cuando esté allí por primera vez, en la parte superior encontrará la opción para configurar la opción de instalación desde la web . Cuando lo hace, le da acceso a todo en el directorio de extensiones de Joomla directamente desde su back-end.

Haga clic en cualquier extensión y luego presione el botón Instalar (dos veces) para cargarla automáticamente en su sitio. Si esto no funciona para usted por alguna razón, simplemente puede descargar la extensión o copiar la URL donde se encuentra. Después de eso, puede usar las pestañas Cargar archivo de paquete e Instalar desde URL para obtenerlo en su sitio.

Tenga en cuenta que es posible que aún tenga que activar partes de la extensión en Extensiones> Administrar .

Desde aquí, también puede desactivar y desinstalar la extensión que ya no necesita. Desafortunadamente, es un poco confuso y está abarrotado, por lo que es posible que deba buscar su extensión por nombre.