Tutorial del sitio web de Joomla


tutorial de joomla


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 visió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 de Joomla de sus sueños..

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

Cómo construir un sitio web de Joomla (tabla de contenido):

  1. Registre un nombre de dominio y encuentre el servicio de alojamiento web
  2. Instalar y configurar Joomla
  3. Familiarízate con los conceptos básicos de Joomla
  4. Seleccione una plantilla para su sitio
  5. Instala tu plantilla de Joomla
  6. Personaliza el diseño
  7. Usa los módulos de Joomla
  8. Asignar módulos a posiciones
  9. Crea nuevas páginas
  10. Asigna páginas al menú de navegación de Joomla
  11. Agregar una sección de blog
  12. Instalar extensiones

Tiempo total para crear un sitio web usando Drupal: ~ 2-3 horas
Nivel de habilidad: Principiante Intermedio

1. Registre un nombre de dominio y encuentre el 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 de Joomla, necesitará un nombre de dominio y alojamiento web.

Si ni siquiera sabe por dónde comenzar con este tema, lea nuestra publicación sobre cómo elegir un nombre de dominio. En caso de que solo necesite una actualización, 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.

La 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 dominio gratuito durante el primer año).

hosting joomla

Tienen una instalación rápida para Joomla, por lo que no necesita pasar el tiempo descargando, cargando e instalándolo manualmente a través de FTP.

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

2. Instalar y configurar Joomla

Hay dos formas de instalar y configurar Joomla.

Instalar 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 construir 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, es útil tener una vista de pájaro para comenzar.

Obviamente, puede deshacerse de los dos cuadros azules si elige o no Joomla recolectando datos estadísticos y luego leyendo (y ocultando) sus mensajes posteriores a la instalación.

A la izquierda, encontrará accesos directos a las partes de uso frecuente del área de administración, 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:

primera vez en el panel de control de joomla

  • Sistema – Acceso al panel de control, configuración del sitio, elementos de contenido pendientes o bloqueados, la opción de borrar la memoria caché y ver la información del sistema (sitio, servidor y entorno).
  • Los usuarios – Administre usuarios, grupos de usuarios y niveles de acceso, agregue notas sobre los usuarios, atienda solicitudes relacionadas con la privacidad, vea registros de usuarios y envíe correos electrónicos masivos a todos en su sitio.
  • Menus – Como su nombre indica, 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 noticias. También proporciona 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 el documentación oficial.

Todo claro hasta ahora? Entonces sigamos adelante.

4. Seleccione una plantilla para su sitio

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

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

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:

  • Apoyo – 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.
  • Personalización – Comprueba qué características de plantilla puedes personalizar tú mismo. Por ejemplo, busque plantillas que tengan muchas posiciones de módulo (más sobre eso pronto).

5. Instala tu plantilla de Joomla

Instalar una plantilla en Joomla es bastante fácil en principio. Una vez que ha hecho una elección, generalmente la obtiene en forma de archivo zip. Esto simplemente puedes subirlo debajo Extensiones> Instalar.

subir extensiones de joomla

Arrástrelo y suéltelo en el campo o haga clic en el O buscar archivo botón 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, aún necesita activar la plantilla y lo hace bajo Extensiones> Plantilla> Estilos. Aquí, haga clic en el icono de estrella a la derecha del nombre de la plantilla para que sea el predeterminado para todo el sitio.

configura la plantilla de joomla como predeterminada

Tenga en cuenta que, al descargar su plantilla, puede obtener archivos adicionales como Inicio rápido, ajustes, y extensión. La primera es una versión completa de Joomla que incluye la plantilla. De esa manera, su nuevo diseño ya está listo cuando se configura su sitio, que a menudo incluye contenido de demostración. Esto último puede tener sentido incluirlo para que todo esté configurado como en la demostración y todo lo que necesita hacer es intercambiar el contenido. Los otros dos archivos hacen 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 objetivos principales 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.

opciones de personalización de plantilla joomla

Aquí, puede hacer ajustes a cosas 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 verificar lo que su plantilla tiene para ofrecer y guardar los cambios que haya realizado.!

7. Usa los 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. A partir de aquí, veremos cómo crear contenido en Joomla..

Desafortunadamente, tenemos que comenzar con uno de los temas más complicados, que es módulos. Estas 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 puedes crear diferentes diseños. Sin embargo, usarlos lleva un tiempo acostumbrarse. 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.

Vista previa de la posición del módulo joomla

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

habilitar vista previa de posición del módulo joomla

Aquí, establece Vista previa de las posiciones del módulo a Habilitado, guardar y cerrar. Luego, regrese a su lista de plantillas y haga clic en Avance botón (el icono del ojo). Esto 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

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

lista de módulos de joomla

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. Debajo Nuevo en la esquina superior izquierda, encontrará muchos otros bloques que puede usar en su sitio.

módulos adicionales de joomla

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

crear un módulo joomla personalizado

Esto es simplemente un editor para crear y formatear contenido que le permite ver lo que está haciendo. Desafortunadamente, tomaría demasiado tiempo revisar todas las opciones en esta pantalla. Sin embargo, si alguna vez ha usado un procesador de textos, todo debería parecerle muy familiar. Además, puede pasar el mouse 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 todo lo que tiene para ofrecer..

módulo personalizado de joomla con contenido

Cuando haya terminado, asegúrese de que cuando guarde, Estado a la derecha se establece en Publicado y que elija la ubicación correcta de la plantilla en Posición (¡preste atención a que seleccione su tema activo!). Luego ve 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 entonces Casa.

asignación del menú del módulo joomla

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

construir un sitio web con un módulo personalizado de joomla en la página de inicio

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 a continuación también).

9. Crear nuevas páginas

Ahora para algo más fácil: páginas. Cuando construyes un sitio con Joomla, es probable que crees 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 debes aprender sobre las páginas en Joomla es que las creas en un lugar y las haces aparecer en otro. Es importante tener en cuenta que todo lo que cree en Joomla no aparecerá automáticamente en su sitio..

En Joomla, las páginas simplemente se llaman artículos. Esto puede ser un poco confuso al principio cuando se trata de un blogging, pero no dejes que eso te detenga. Puedes crear artículos a través de Contenido> Artículos> Agregar nuevo artículo. 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 utilizó antes.

joomla crear nuevo artículo

Crea y formatea contenido de la misma manera que antes. Cuando haya terminado, bajo Alias puede 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. Debajo Estado asegúrese de que esté configurado en Publicar antes de guardar.

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 Menus, encuentre el que tenga asignado el icono de la casa. Ese es tu actualmente activo.

joomla menu menu

Para asignarle un nuevo enlace, desplace el cursor sobre él y seleccione Agregar nuevo elemento de menú. Hacerlo te llevará a la siguiente pantalla.

joomla crear nuevo elemento de menú

Debajo Tipo de elemento de menú, Seleccione Artículo> articulo UNICO. Entonces, debajo Seleccionar artículo, puede elegir contenido existente en su sitio a través de Seleccione y luego haciendo clic en el título del que desea asignar.

asignar página de joomla al menú

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

orden de cambio de menú joomla

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

nuevo elemento de menú en la página

11. Agregar una sección de blog

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

Puedes hacer esto bajo 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 (p. Ej.. 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, bajo Tipo de elemento de menú, escoger Artículos> Categoría Blog.

crear blog de categoría joomla

Después de hacerlo, asegúrese de seleccionar su Blog categoría bajo Elige una categoría. Luego, asegúrese de verificar que esté asignado al menú correcto y de darle un título de menú que tenga sentido. Guarde y cierre para obtenerlo en su sitio. De ahora en adelante, cualquier artículo que asigne a su Blog la categoría aparecerá en forma de una 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 aportar nuevas características y funcionalidades a su sitio. Los encuentras en el directorio oficial de extensiones de Joomla.

directorio de extensiones 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 ser difícil tomar una decisión. Por esa razón, puede ser una buena idea comenzar con artículos como estos:

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

instalar la extensión joomla desde el back-end

Haga clic en cualquier extensión y luego presione el Instalar en pc botón (dos veces) para cargarlo 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 el Subir archivo de paquete y Instalar desde URL pestañas 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.

administrar extensiones de joomla

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map