Joomla! sitio web en 30 minutos (Flisol GT 2011)

Embed Size (px)

Citation preview

Joomla!

Haciendo un Website en 30 minutos

Augusto Alvarez (Tito) @jaTITOam

Qu es Joomla!?

Es un CMS (Content Management System)

Escrito en PHP

Segundo CMS ms utilizado a nivel mundial (http://rod.gs/QPf)

Permite a cualquier usuario (no tcnico) interactuar con el contenido del sitio web, agregar o eliminar contenido del mismo

Tiene comunidades de usuarios a nivel mundial (www.joomlagt.org en Guatemala)

Qu necesito?

Un Web Hosting (o Web Server)Apache, MySQL

XAMPP, WAMP, LAMP, MAMP...

Instalador de Joomla! (1.5 1.6)www.joomla.org

www.joomlaspanish.org

www.comunidadjoomla.org

Otras herramientas

Firebug (add-on de Firefox)

Notepad++ (para editar archivos html, php, css)

Pueden descargar todo desde: http://rod.gs/Gff (nuestro artculo en joomlagt.org)

Pasos para Instalar

Descomprimir el instalador en la carpeta del servidor web

Entrar al sitio (p.ej www.misitio.com, http://localhost/misitio)

Iniciar el proceso de instalacinTpico next, next, next

Verificacin de requerimientos, licencia, config del usuario administrativo, base de datos

Borrar la carpeta de instalacin (/installation)

Acceso a mi sitio web

www.misitio.com( http://localhost/misitio)Front End (sitio pblico)

/administratorBack End (sitio privado para administrar el pblico)

Intermedio de reflexin

Ya definiste qu va a tener tu sitio web?

Existe un mapa del sitio?

Cules son las funcionalidades o requerimientos propios a cumplir?

Hay wireframes diseados del sitio?

Sitio web en 30 minutos: s y slo s ya tenemos definido lo que queremos

Cambiando la Plantilla

Plantilla diseada (a la medida)

Plantilla de un sitio de plantillaswww.joomla24.com

www.joomla-templates.com

Instalar en Extensiones / Gestor de Extensiones

Aplicarla en Extensiones / Gestor de Plantillas

Tips sobre la plantilla

Integran la plantilla:Componente principal (component)

Mdulos (mediante posiciones)

Para conocer cmo est integrada una plantilla:Extensiones / Gestor de Plantillas / Opciones / Vista Previa (este paso slo para Joomla! 1.6)

Agregar ?tp=1 al frontend

Editando la plantilla y ms tips

El archivo central:templates//index.php

Para referenciar imgenes, css, js:/templates//

Editando Contenido

En Joomla! 1.6 tenemos un rbol de categorasSobre cualquier categora a cualquier nivel se puede crear un Blog (pueden haber mltiples blogs en el sitio)

En Joomla! 1.5 tenemos secciones y categoras (seccin como padre de una categora)Se puede crear un blog de una categora o de una seccin

Editando Contenido

Gestor de Categoras

Gestor de Contenidos

Gestor Multimedia (imgenes, etc)

Editando el Men

Mens / Men principal

Cada elemento del men tiene un tipo (relativo a un componente)Artculos (simples / blogs)

Contactos (formulario de contactos)

Galeras de fotos

Otros componentes instalados

Editando los mdulos

Extensiones / Gestor de Mdulos

Cada mdulo tiene una posicin de acuerdo a la plantilla (lo que vimos con ?tp=1)

Puede ponerse ms de un mdulo por posicin

Pueden alterarse los ttulos y estados de publicacin de cada mdulo

Extendiendo Joomla!

Agregar componentes o mdulos

Todo est en http://extensions.joomla.org

Extensiones / Gestor de Extensiones

Gracias!

Preguntas?

Augusto Alvarez (Tito) @jaTITOam

/