Este documento proporciona una introducción a Joomla 1.5, incluyendo qué es Joomla, cómo compararlo con otros sistemas de gestión de contenido como blogs, cómo instalar extensiones como plantillas y módulos, y cómo personalizar la apariencia y funcionalidad de un sitio web utilizando estas herramientas. El documento guía al lector a través de varios ejemplos prácticos para familiarizarse con las funciones básicas de administración de Joomla.
2. En pocas palabras: ¿qué es? cpr la almunia 1/2/2010 Es un cms (content management system) O sea, un sistema de administración de contenidos. Y aún más claro: una herramienta para crear páginas web de apariencia profesional sin necesidad de saber programar. Joomla tiene una web “oficial” donde podemos encontrar el software necesario, ayuda e información: www.joomla.org
3. ¿Hay otros cms? ¿Es como un blog? cpr la almunia 1/2/2010 Hay otros cms que se van diferenciando en su complejidad y posibilidades. Joomla es el más potente. Si sabes manejar un blog tienes mucho avanzado. Joomla tiene su origen en el lenguaje php. El primer editor de php fue php.nuke. Por eso hay servicios similares que reciben el nombre de postnuke. La versión de joomla es la 1.5
4. Una caja vacía que deja volar la imaginación cpr la almunia 1/2/2010 Joomla es una aplicación que debe instalarse en un servidor. En principio es como una caja vacía con enormes posibilidades. No queda otro remedio que “lanzarse”. CATEDU ofrece un servicio de joomla (aunque limitado). También hay servidores comerciales. Lo que no hay es servicios tipo blogger...
5. No os quiero engañar: no es fácil. cpr la almunia 1/2/2010 En más de una ocasión, parecerá que nunca vamos a lograrlo. Lo más difícil es comprender cómo funciona. Y para eso estamos hoy aquí... Es buena idea informarse en foros y webs especializadas. En castellano, la mejor referencia es: http://www.joomlaspanish.org
6.
7.
8. Se lo que estáis pensando. Pero habéis hecho bien en esperar. Empezamos a practicar. cpr la almunia 1/2/2010 Abrid un navegador y teclead la dirección: www.historiadelartecreha.com
9. Esto es, más o menos, lo que veis. El frontal. Os explico...(cuerpo, módulos, menús...). cpr la almunia 1/2/2010 La primera apariencia de joomla es muy similar a un blog.
10. Ahora entramos en la zona de administración (la interesante). Escribimos: www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 En todos los casos, la forma de entrar en la zona de administración consiste en escribir /administrator después de la dirección de nuestro joomla. usuario: contraseña:
11. Creación de usuarios. User Manager www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Los usuarios los puede crear el administrador desde esta zona de administración. También los propios visitantes de la página se pueden registrar desde el frontal (en este caso sólo pueden ser “usuarios registrados”). Realiza : 1. Crea una nueva cuenta de usuario (la tuya). 2. Elige nombre de usuario y contraseña (el e-mail te mandará los datos a tu cuenta para que los recuerdes). 3. Serás administrador del Back-end . 4. Selecciona el editor JCE 154 (no viene por defecto). 5. Cierra sesión y vuelve a entrar con tu nueva cuenta en la zona de administración.
12. Inserción de noticias. Add New Article www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Opciones principales del editor: 1. Insertar imágenes (desde servidor y mediante url). 2. Fuentes. 3. Pegar desde Word. 4. Crear tablas. 5. Insertar vínculos (externos e internos). 6. Vista previa. Realiza : 1. Escribe un artículo. 2. Inserta una imagen. 3. Elige título. 4. Selecciona Sección y Categoría. 5. Publica el artículo en la página principal. 6. Comprueba el resultado en el “frontal”. Los parámetros nos permiten cambiar autor, fechas, opciones de visualización...
13. Inserción de noticias. Add New Article. Embeber código www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 El botón “embeber” código sirve también para insertar código php, html... Su aspecto variará en función del editor que utilicemos. Realiza : 1. Busca un vídeo en youtube o una presentación en slideshare (o cualquier objeto que se pueda embeber). 2. Insértalo en una noticia utilizando el botón
14. Recapitulamos: usuarios, artículos y vemos Article Manager, Media Manager y Front Page Manager www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Empezamos a tener alguna opción de control más que en un blog. Ordenamos los artículos en la página principal según nuestras preferencias. Realiza : 1. Cambia de sección y categoría algún artículo que hayas escrito. 2. Échale un vistazo al Front Page Manager aunque todos a la vez no podemos estar cambiando el orden de la página principal. Ya sabemos lo básico. Pero ¿esto era todo?
15. Secciones y Categorías www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 La opción “Uncategorised” se utiliza para artículos que no pensamos incluir en ningún menú. Secciones y Categorías no son lo mismo que “botones del menú”. En primer lugar se crea la Sección y luego la Categoría. Realiza : 1. Crea una Sección y una Categoría nuevas. Secciones y Categorías sirven para que los administradores organicen los contenidos.
16. Los menús www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Joomla trae por “defecto” unos menús de ejemplo cuando se instala. Se pueden modificar pero hay uno, “Main menu”, que nunca se debe de eliminar (está marcado con *). En el caso que vemos “Main menu” se llama “El mundo del Arte”. Para crear un menú nuevo se utiliza la opción “Menu Manager”. Zona de administración Zona pública Realiza : 1. Comprueba que hay un menú (Superior) que está en la zona de administración, pero que no vemos en la zona pública. Esto te indica que cuando creamos un menú no se muestra de inmediato al visitante de la web (tendremos que colocarlo en un “módulo”).
17. Menú principal. Main menu. www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 En este caso “Main menu” se llama “El mundo del arte”, pero conserva la página de “Inicio” original. Podemos crear nuevos menús, editarlos, publicarlos o no (por defecto siempre es “no”), cambiarlos de orden y decidir de qué tipo es.
18. Menú: crear items. Type. www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Cuando creamos un nuevo “item” en un menú, tenemos que decidir qué se mostrará (y de qué modo) en la zona pública. Al pasar el cursor del ratón sobre las opciones nos da una pequeña ayuda. Las opciones son muy amplias: artículos como en un blog, categorías que tiene una sección, páginas externas insertadas (wrapper), links externos... Realiza : 1. Crea un “item” en cualquiera de los tres menús públicos de la página. 2. Elige cualquiera de los tipos que te ofrece joomla. 3. Asegúrate de que está publicado.
19. Menú: opciones de edición y página Inicio. www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Los valores de edición no suele ser necesario modificarlos a excepción de la página de Inicio. En la página de Inicio estos parámetros son fundamentales para definir el aspecto que deberá tener nuestra web. Parámetros para definir la distribución de las noticias si optamos por la apariencia “blog”. Fundamental en la página de Inicio. ¿Cómo se llama? ¿En qué menú? ¿Es submenú? ¿Lo publicamos ya? ¿Dónde va? ¿Quién lo puede ver? ¿Dónde irá la navegación?
20. Extensiones www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 La mejor web para la descarga de extensiones es: http://extensions.joomla.org / Hay extensiones gratuitas y comerciales. Las extensiones son las herramientas que realmente nos van a permitir controlar joomla a nuestro gusto. Hay cuatro tipos de extensiones. 1. Template : plantilla para configurar el aspecto del “sitio”. 2. Módulo : aplicación sencilla que basta con ubicar en la web. 3. Plugin : permite interpretar un código con un texto sencillo. 4. Componente : programa complejo que debemos de configurar para que funcione. Amplía al máximo la funcionalidad de joomla.
21. Ya dije que no era fácil www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 ¿CÓMO?
22. Extensiones: ¿dónde se consiguen? www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 La mejor web para la descarga de extensiones es: http://extensions.joomla.org / Hay páginas especializadas para descargas en internet. Normalmente están especializadas en plantillas o en el resto de las extensiones. Los tipos de extensiones (componentes, módulos, plugins) se indican mediante logos muy intuitivos. En algunas ocasiones una misma extensión necesita, a la vez, un componente y un módulo, o un módulo y un plugin...
23. Extensiones: cómo se instalan www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Hay extensiones gratuitas y comerciales. Plantillas, módulos, plugins y componentes se instalan de la misma manera. 1. En la página de descarga de la extensión pulsamos Download. 2. Guardamos en nuestro ordenador el fichero, siempre del tipo .zip. 3. En la administración de nuestro joomla vamos a Extensión - Install/Uninstall. 4. Con Examinar buscamos el fichero .zip en nuestro disco duro. 5. Pulsamos Upload file & Install. 6. Si el fichero es correcto ya está. Si no lo es, joomla nos avisa.
24. Templates: ¿qué son? www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Buenas páginas para descargar plantillas gratuitas: www.joomla24.com / www.joomlaos.de / Realiza : 1. Accede a Extensions / Template Manager. 2. Pasa el cursor del ratón por encima de los templates. Una plantilla es algo más que la apariencia de la web. A partir de una misma plantilla se pueden conseguir webs muy diferentes.
25. Templates: parámetros. www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Los botones Edit HTML y Edit CSS (hoja de estilos) nos permiten personalizar completamente la apariencia de la web. Realiza : 1. Selecciona la plantilla “news_link”. 2. Cambiar “Color Style” y comprueba el resultado en la página. Algunas plantillas nos permiten cambiar los parámetros de configuración de forma muy sencilla.
26. Templates: posiciones. www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Hay plantillas “estáticas” (de ancho fijo) y “dinámicas” (de ancho variable). Es conveniente elegir bien. Antes de publicar una web con joomla conviene probar diferentes plantillas. Realiza : 1. Selecciona dos plantillas distintas y en cada una de ellas pulsa “preview”. 2. Comprueba que los “módulos” de cada plantilla son distintos. Una opción fundamental es la de “preview”. Nos permite ver claramente los “módulos” de la plantilla y como se llaman.
27. Módulos. Module Manager www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Para añadir un módulo en nuestra web hay que: 1. Instalarlo. 2. Ubicarlo en una posición de nuestra plantilla. 3. Activarlo. Realiza : 1. Pulsa sobre el módulo “S5 Horizontal Login” para desactivarlo. Comprueba que ocurre en la web. Vuelve a activarlo. Module Manager nos permite saber qué módulos tenemos instalados, si están activados o no, en qué orden, si son públicos o sólo para usuarios registrados y en que posición de la plantilla se sitúan.
28. Módulos. Nuevo módulo. www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Joomla tiene módulos instalados por defecto. Por ejemplo, Banner, Login o Archived Content. Otros módulos se instalan después de descargarlos de internet. Realiza : 1. Pulsa en la opción “Custom HTML”. Cuando pulsamos sobre “New” podemos elegir cuál de los tipos de módulos que tenemos instalados en joomla queremos crear. Tenemos la opción de crear uno totalmente desde cero: “Custom HTML”.
29. Módulos. Parámetros www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Con la opción “Custom HTML” podemos crear un módulo completamente nuevo. Basta utilizar el mismo editor que tenemos para crear las noticias. Realiza : 1. Comprueba qué posiciones del template puedes seleccionar. 2. Al seleccionar la posición right, fíjate en lo que ocurre en “Order”. Título Posición del template ¿Quién ve el módulo? ¿En qué páginas de nuestra web se ve el módulo? Editor para crear un módulo desde cero
30. Plugins www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Los plugins son pequeñas aplicaciones que nos permiten hacer más sencilla una tarea, por ejemplo, permitiéndonos editar sin necesidad de utilizar el código para insertar un vídeo. En el ejemplo que estamos viendo, el plugin “content youtube” nos permite editar un vídeo simplemente con escribir {youtube}id_video{/youtube} La ventaja, en este caso, es que resulta más fácil acompañar el vídeo de texto, imágenes... ¡Ánimo, que casi lo tenemos!
31. Componentes www.historiadelartecreha.com/administrator cpr la almunia 1/2/2010 Los componentes son programas “complejos” que, normalmente, son configurables. Son las extensiones que pueden convertir a un joomla en una página de aspecto profesional. Hay algunos componentes que vienen preinstalados en joomla (Banner, Contacts, Polls..). Otros hay que instalarlos (en la imagen, Frontpage SlideShow, JCE y sh404SEF). En las páginas especializadas se pueden descargar componentes para cientos de funciones diferentes. Realiza : 1. Entra en el componente JCE Administration y repasa todas las opciones que te ofrece. Este es el componente que hemos usado como editor de noticias porque es mucho más completo que el editor de joomla.
32. Para acabar... cpr la almunia 1/2/2010 Joomla es una magnífica herramienta pero para administrar una buena página web con ella requiere: 1. Tomar una serie de decisiones previas sobre cómo queremos que sea la web. 2. Recordar que las webs deben de ser prácticas y de apariencia sencilla. No abusar de extensiones (nubes, carruseles...). 3. Acudir a las webs especializadas cuando lo necesitemos. 4. Visitar los foros de joomla cuando tengamos un problema (alguien habrá tenido el mismo problema antes).
33. Para acabar...: ventajas sobre los blogs. cpr la almunia 1/2/2010 Recuerda que Joomla te aportará muchas ventajas sobre un blog porque... 1. Es mucho más configurable. 2. Además de acceder a noticias puedes añadir contenidos fijos. 3. Lo podrás administrar hasta el último detalle. 4. Su apariencia es realmente profesional. 5. Integra cualquier clase de contenidos.
34. Para acabar...: webs interesantes. cpr la almunia 1/2/2010 Webs “generalistas”: www.joomla.org www.joomlaspanish.org Descarga de templates: www.joomlaos.de www.joomla24.com Extensiones: http://extensions.joomla.org Educación (y más): www.edujoomla.es Foro : www.joomlaspanish.org/foros/
35. Y nada más. Espero que ya hayamos logrado nuestro objetivo. ¡GRACIAS POR LA PACIENCIA! cpr la almunia 1/2/2010