Sitio web desde cero en Joomla 2.5 con el template gratuito Elástica

En este artículo, a través de una serie de vídeos, explicamos cómo desarrollar un sitio web en Joomla 2.5 desde cero usando la plantilla (template) gratuita Elastica.

Usaremos el Pack Webempresa que ya tiene instalado el template como parte de los templates por defecto.

El sitio web desarrollado servirá para entender principalmente cómo trabaja la plantilla y cubre los principales retos a los que nos podemos enfrentar al tratar de construir un sitio web en Joomla con el template Elastica.

 

– Resultado Final

 

– Instalación del Pack Webempresa

Como primer paso necesitaremos instalar Joomla, esto se puede realizar de manera manual o de manera automática desde el hosting webempresa a través del Cpanel. En el siguiente video se explica cómo realizar el proceso de instalación de Joomla a través del cpanel : Instalación de Pack Webempresa desde Cpanel

 

– Creación de contenido

Luego de instalar Joomla, será necesario la creación de contenido, definiendo las categorías, los artículos y los ítems de menú, esto se explica en el siguiente video : Creación de Contenido en Joomla 2.5

Específicamente los temas discutidos son:

• Generalidades del contenido (0m40s)
• Creación de categorías (3m30s)
• Creación de artículos – artículos nosotros (4m12s)
• Creación de menús – item nosotros (6m0s)
• Habilitar modo de desarrollo (plantilla Ja Purity) (7m26s)
• Creación de contenido – artículos de servicios (8m42s)
• Creación de menús – item servicios (11m00s)
• Modificación de artículo de servicios (12m7s)
• Creación de contenido para noticias (13m20s)
• Configuraciones en la visualización de los artículos (17m16s)

 

– Empezando con las configuraciones de la plantilla – 1/3

Estableceremos la plantilla como predeterminada, cambiaremos a modo de desarrollo, cambio de logo y de footer, ver el siguiente video : Sitio Web desde Cero Joomla 2.5 – Plantilla Elastica – 1

Específicamente los temas a tratar son :

• Cambiar plantilla predeterminada (0m24s)
• Hablitar modo desarrollo (0m56s)
• Cambiando el logo en diferentes layouts (1m48s)
• Cambiando el footer de la plantilla (11m28s)

 

– Entendiendo el ancho de los módulos 2/3

Agregaremos nuevos módulos de búsqueda y de redes sociales, agregaremos además nuevos módulos en la position-7 de la plantilla y definiremos el orden en el que aparecerán y el ancho con el que se mostrarán, ver el siguiente video : Sitio Web desde Cero Joomla 2.5 – Plantilla Elastica – 2

Específicamente los temas a tratar son :

• Agrerar el módulo de búsqueda (0m28s)
• Agregar módulo de redes sociales (1m23s)
• Módulo en la posicion extr-col (8m49s)
• Trabajando con los sufijos para el ancho del módulo (10m38s)
• Modulos adicionales en la posicion principal (14m20s)

 

– Revisando otros sufijos 3/3

Revisaremos los sufijos para dar una apariencia diferente a los módulos asi como al contenido, finalmente deshabilitaremos el modo de desarrollo, ver el siguiente artículo : Sitio Web desde Cero Joomla 2.5 – Plantilla Elastica – 3

Específicamente los temas a tratar son :

• Definiendo el ancho para el content (0m16s)
• Ancho total para el item de menú contacto (3m43s)
• Sufijos adicionales para los módulos (5m20s)
• Habilitando modo de desarrollo (12m49s)