Gua traducida y readaptada por Comunidad Joomla!

Tabla de contenidos

Introduccin Secciones, categoras y artculos Gestin de usuarios Gestin de enlaces Gestin de noticias externas Gestin de mens Men principal Presentacin de categoras Presentacin de contactos Presentacin de enlaces web Presentacin de noticias externas Presentacin de bsquedas Creacin de mdulos Mdulo de sindicacin Mdulo de acceso Mdulo de noticias en flash Mdulo de rutas Gestin de plantillas Recursos futuros

Secciones, categoras y artculos

Una de las partes ms importantes de un sitio web es el contenido. Ahora que tenemos un sitio en blanco, vayamos a ponerle algunos artculos! Los artculos pueden ordenarse por dos vias: secciones y categoras. Las secciones pueden contener gran cantidad de categoras y las categoras pueden contener gran cantidad de artculos. 1. Para agregar una seccin a tu sitio web ve a http://localhost/joomla15/administrator y accede con tu nombre de usuario admin y la contrasea que especificaste durante el proceso de instalacin. 2. Para empezar a gestionar secciones, haz clic sobre el gestor de secciones:

3. Haz clic sobre Nuevo desde la barra de herramientas de Joomla!. 4. Introduce un ttulo y descripcin para la seccin y luego pulsa Guardar desde la barra de herramientas. 5. Crea tantas secciones como necesites. Usa las secciones para agrupar elementos similares o que estn dentro de una misma rama. Para nuestro sitio de jardinera, agrega una seccin Corporacin y otra seccin para Productos. 6. Cuando hayas acabado con las secciones, haz clic sobre el men superior Contenido y selecciona el Gestor de categoras

7. Para crear categoras, sigue los mismos pasos que con las secciones, asignando a cada una, alguna de las secciones creadas anteriormente. Usa las categoras para agrupar ms especificamente las cosas o para agrupar cosas que formen parte de una misma jerarqua. Para la seccin Productos, crea una categora para rboles, otra para Arbustos y una para Cesped. Para la seccin Corporacin crea una categora llamada Presidente:

8. Finalmente, necesitamos crear algunos artculos. Haz clic sobre Contenido y luego sobre Gestor de artculos y selecciona Nuevo desde la barra de herramientas.

9. Esto es la pantalla de artculos. Hay un montn de cosas distintas que puedes hacer desde aqu: Agrega un ttulo al artculo y ponlo dentro de una seccin y categora. Tienes la opcin de publicar o despublicar tu artculo, as como la de poder mostrar, o no, el artculo en la pgina principal. El campo de texto grande es para el contenido del artculo. Puedes usar el botn Paginar para dividir el artculo en pginas. Puedes usar el Leer ms para dividir el artculo de tal modo que primero se muestre un texto de introduccin y luego, tras pulsar sobre el Leer ms, se pueda acceder al texto completo. Puedes usar el botn imagen para insertar una imagen en el artculo, usando un simple formulario de subida que est combinado con el gestor multimedia de Joomla!. 10. Para el sitio web de jardinera, crea cinco artculos diferentes en cada una de las categoras. Usa el botn Leer ms para dividir cada artculo con un texto de introduccin y as luego, tras pulsar sobre el Leer ms, poder acceder al contenido al completo. De cada categora, elige dos elementos a mostrar en la pgina de inicio, seleccionando S en el parmetro de configuracin de cada artculo llamado Pgina principal

11. Cuando acabes de escribir un artculo, haz clic sobre Guardar para guardarlo y regresar a la pgina de inicio, o, haz clic sobre Aplicar, para guardarlo sin salir de la edicin. Si seleccionas S para el parmetro Pgina principal, tu artculo se mostrar en la pgina de inicio: http://localhost/joomla15:

Gestin de usuarios
A continuacin, tanto el presidente de la compaia como el director de relaciones pblicas y gestor de productos necesitarn poder editar el sitio, por lo tanto, necesitamos crearles cuentas de acceso. 1. Primero, ve a http://localhost/joomla15/administrator y accede con tu nombre de usuario admin y contrasea especificada durante el proceso de instalacin. Si ya ests en la administracin, ve al men superior Sitio y selecciona Panel de control.

2. Haz clic sobre Gestor de usuarios:

3. Haz clic sobre Nuevo desde la barra de herramientas de Joomla!. 4. Introduce los detalles para cada usuario que desees crear. Otroga al presidente y al director de relaciones pblicas el nivel de acceso de Administrador, de tal modo que ellos tambin puedan hacer cambios en el sitio. Otorga al gestor de productos el nivel de acceso de Gestor, lo cual, le permitir agregar productos; pero, no podr cambiar el sitio:

5. Pulsa sobre Guardar cuando acabes de crear a cada usuario. 6. A continuacin, necesitamos configurar una va para que los visitantes del sitio puedan contactar con el presidente, con el director de relaciones pblicas y con el gestor de productos. Desde el men superior Componentes selecciona Contactos y luego Categoras. 7. Crea una nueva categora llamada Corporacin y pulsa Guardar.

8. Haz clic sobre la pestaa Contactos y luego pulsa Nuevo 9. Crea cuatro contactos diferentes uno para el presidente, uno para el director de relaciones pblicas, uno para el gestor de productos y uno para ti: el web master. Asegrate de que incluyes su direccin de correo electrnico y posicin dentro de la empresa. Ubica a cada usuario dentro de la categora Corporacin que habamos creado anteriormente y enlaza a cada contacto con su correspondiente usuario que tambin anteriormente habamos creado:

Gestin de enlaces web

En tu reunin con el presidente, se solicitaba una seccin para enlaces que tuvieran que ver con los recursos de jardinera. Vayamos a ello y configurmoslo. 1. Primero, ve a http://localhost/joomla15/administraror y accede a la administracin con el nombre de usuario admin y la contrasea especificada durante el proceso de instalacin. Si ya ests logueado, no necesitas hacer esto nuevamente. 2. Desde el men superior Componentes, selecciona Enlaces web y luego Categoras. 3. Pulsa Nuevo y crea una categora para Informacin de jardinera, y luego, pulsa el botn Guardar. 4. Haz clic sobre la pestaa Enlaces.

5. Haz clic sobre Nuevo para crear un nuevo enlace. Crea un enlace con informacin sobre jardinera. Pulsa el botn Guardar para guardar tu enlace. Agrega varios enlaces en la categora Informacin de jardinera. Los enlaces web son cosas de este tipo: http://joomla.org http://www.comunidadjoomla.org http://www.google.com

Gestin de noticias externas

El presidente tambin solicita una seccin que muestre noticias externas desde otros sitios de jardinera. 1. Primero, ve a http://localhost/joomla15/administrator y accede a la administracin con el nombre de usuario admin y la contrasea especificada durante el proceso de instalacin. Si ya ests logueado, no necesitas hacer esto nuevamente. 2. Desde el men superior Componentes, selecciona Servidor de noticias externas y luego Categoras. 3. Pulsa el botn Nuevo y crea una categora para Jardinera y luego pulsa el botn Guardar. 4. Haz clic sobre la pestaa Servidores.

5. Haz clic sobre Nuevo para agregar un servidor de noticias externas. Busca en internet varios servicios RSS con informacin sobre jardinera y luego, agrega la URL del RSS en el campo Enlace. Asegrate de que cada una est en la categora Jardinera y elige el nmero de artculos a mostrar para este servidor de noticias externas. Algunos ejemplos pordran ser: http://www.joomla.org/index.php?option=com_jd-wp&Itemid=105&feed=rss2 http://comunidadjoomla.org/index.php?format=feed&type=rss 6. Haz clic sobre Guardar cuando ests listo. Agrega varios servidores de noticias externas a la categora Jardinera.

Gestin de mens
Un sitio web no ser demasiado bueno mientras que no tenga un men que ayude a los visitantes a navegar por las distintas pginas. Joomla! tiene un sistema integrado para gestionar mens. Este sistema est construido alrededor de tres tipos de informacin a mostrar en Joomla! componentes, mdulos y plugins . Los componetes son la informacin principal en Joomla! y estn conducidos por mens. Si miras en la pgina principal de tu sitio, podrs ver solo artculos que hayan sido publicados para salir en la pgina principal. La informacin de contacto, los enlaces web, las noticias externas y los artculos no publicados, no son visibles desde la pgina principal. Esto es porque cada pgina muestra un solo componente a la vez. Agreguemos los componentes que ya tenemos configurados al sitio:

Men principal
1. Primero, ve a http://localhost/joomla15/administrator y accede a la administracin con el nombre de usuario admin y la contrasea especificada durante el proceso de instalacin. Si ya ests logueado, no necesitas hacer esto nuevamente.

2. Desde el men superior Mens seleciona Men principal Inicio Ya sobre el men est por defecto el enlace Inicio(Home), el cual, proporciona acceso a los artculos que tengas publicados en la Pgina principal. Puedes hacer clic sobre Inicio para editar muchos de sus parmetros, incluyendo el nombre de la pgina de inicio o nmero de artculos a mostrar. 3. Haz clic sobre Inicio para configurar la pgina principal. 4. En el rea de los Parmetros Bsico hay un nmero de opciones diferentes que puedes configurar. # Destacando es el nmero de artculos destacados a mostrar en la pgina de inicio. Estos artculos ocupan todo el ancho para el marco de noticias y se cortan con un Leer ms. # Introducciones es el nmero de introducciones de artculo a mostrar en la pgina principal con un enlace leer ms para poder ver el artculo al completo. Estos artculos toman solo el ancho de la columna (a definir ms abajo) y no el de la pgina entera. Columnas es el nmero de columnas con las que se muestran las introducciones de los artculos (definido ms arriba). # Enlaces es el nmero de artculos a mostrar, solo como enlaces, al final de la pgina. 5. En el rea de Parmetros Avanzados asegrate de que Mostrar un enlace a la noticia externa est habilitado. Esto har que la pgina principal sea accesible por un servidor RSS.

6. En Parmetros Sistema, introduce un ttulo para la pgina dentro del campo Ttulo de la pgina. Esto se mostrar tanto en el encabezado del navegador como en el de esa pgina dentro del documento. Para este sitio web, introduce Jardinera Secuoya reemplazando el texto Bienvenido a la pgina de inicio

7. Haz clic en Guardar para finalizar la configuracin de la pgina principal. Ve a http://localhost/joomla15/ para ver los resultados de tus cambios:

Presentacin de categoras
A continuacin, necesitamos crear un enlace a cada una de las categoras rboles, Arbustos, Cesped y Presidente que habamos creado: 1. Desde el men superior Mens, selecciona Men principal 2. Haz clic en Nuevo, selecciona Artculos y luego Presentacin, en formato blog, de los artculos de una categora.

3. Desde el a ea de Parmetros Bsico selecciona una de las cuatro categoras creadas anteriormente. Llama al elemento del men de manera acorde a la categora seleccionada. Ajusta los parmetros de un modo similar al Inicio y asegrate de incluir un enlace RSS a la noticia desde Parmetros Avanzado. D ttulo a la pgina desde Parmetros Sistema. Tambin podra interesarte cambiar el Orden primario a Ttulo Alfabtico Parmetros-Avanzados:

4. Haz clic en Guardar y revisa el sitio para ver los resultados:

5.Repite ese paso para Arbustos, Cesped y Presidente.

Presentacin de contactos
Luego, necesitamos agregar un enlace al Contactar: 1. Desde el men superior Mens, selecciona Men principal: 2. Selecciona Nuevo y luego haz clic sobre Contactos seguido de Presentacin de los contactos de una categora:

3. Llama a la pgina Contactar y selecciona Corporacin para la categora. No hay necesidad de servir noticias externas desde esta pgina, por lo tanto, deshabilita esa opcin. Desde Parmetros Sistema y asegrate de llamar a la pgina Contactar:

4. Haz clic en Guardar y revisa desde el sitio los resultados:

Presentacin de enlaces web

Nuestro prximo componente es el Enlaces web: 1. Desde el men superior Mens, selecciona Men principal

2. Haz clic sobre el botn Nuevo, selecciona Enlaces web y luego Presentacin, en formato lista, de los enlaces de una categora:

3. Llama a la pgina Enlaces web y selecciona la categora Informacin de jardinera. No hay necesidad de servir noticias externas desde esta pgina, por lo tanto, deshabilita esa opcin. Desde Parmetros Sistema y asegrate de que la pgina se llama Enlaces web:

4. Haz clic en Guardar y revisa el sitio para ver los resultados:

Presentacin de noticias externas

El siguiente elemento del men que necesitamos agregar es el de Noticias externas: 1. Desde el men superior, selecciona Men principal. 2.Haz clic sobre Nuevo, selecciona Servidor de noticias externas y a continuacin Presentacin de una categora de servidores de noticias externas:

3. Llama a la pgina Noticias externas de jardinera y selecciona Jardinera para la categora. Desde Parmetros Sistema, y asegrate de que el ttulo de la pgina es Noticias externas de jardinera:

4.Haz clic en Guardar y revisa en el sitio los resultados:

Presentacin del buscador

El ltimo elemento del men que necesitamos crear es de la pgina Buscar 1. Desde el men superior, selecciona Men principal 2. Haz clic sobre el botn Nuevo, selecciona Buscar y luego de nuevo Buscar:

3. Llama a la pgina Buscar. Desde los Parmetros Sistema, y asegrate de que el ttulo es Buscar:

4. Haz clic en Guardar y revisa en el sitio los resultados:

Creacin de mdulos
El prximo tipo de contenido Joomla! son los mdulos. Los mdulos son contenedores que aparecen predefinidos alrededor del componente principal. Los nombres de los contenedores pueden ser del tipo left, right, o footer. El Men principal mostrado en la pgina principal es un ejemplo de mdulo. Para este sitio web, vayamos a agregar varios mdulos muy tiles: 1. Primero, ve a http://localhost/joomla15/administrator y accede a la administracin con el nombre de usuario admin y la contrasea especificada durante el proceso de instalacin. Si ya ests logueado, no necesitas hacer esto nuevamente. 2. Desde el men superior Extensiones, selecciona Gestor de mdulos

Mdulo de sindicacin
Esta es la pgina de gestin de mdulos. Desde aqu, puedes decidir que mdulos se muestran en cada pgina, Primeramente, vayamos a agregar un mdulo que muestre las RSS que habamos creado para la pgina principal: 3. Haz clic sobre el botn Nuevo y luego selecciona Sindicacin y haz clic sobre Siguiente:

4. Escribe un ttulo para el mdulo de sindicacin. Selecciona una posicin en la que mostrar tu mdulo de sindicacin (normalmente left o right). Para este mdulo, la plantilla predeterminada tiene una seccin especial para Sindicacin. Estas secciones estn definidas en la plantilla como veremos prximamente. Desde la asignacin de mens, elige de entre la lista Seleccionar elemento(s) del men las pginas por donde el mdulo de sindicacin estar habilitado y se mostrar:

5. Haz clic en Guardar y revisa el sitio para ver los resultados:

Mdulo de acceso
Estupendo! Ahora, vayamos a agregar una caja de acceso, por medio de la cual, los usuarios que hemos configurado, puedan acceder rpidamente al sitio. 1. Desde el men superior Extensiones, selecciona Gestor de mdulos.

2. Haz clic sobre el botn Nuevo y luego selecciona Iniciar sesin y haz clic en Siguiente:

3. Configura este mdulo con el nombre Formulario de acceso y elige la posicin left. Esto mostrar al mdulo inmediatamente despus del men principal. Como queremos que este mdulo aparezca en todas las pginas no necesitamos cambiar esa configuracin:

4. Haz clic en Guardar y revisa el sitio para ver los resultados:

Mdulo de noticias en flash

Otro mdulo a agregar es el Noticias en flash. Este mdulo muestra un artculo aleatorio desde una categora especfica. Para nuestro sitio de demostracin, el mdulo Noticias en flash mostrar las noticias publicadas por el presidente: 1. Desde el men superior Extensiones, selecciona Gestor de mdulos. 2. Haz clic en Nuevo y luego selecciona Noticias en flash y pulsa el botn Siguiente:

3. Llama al mdulo Noticias en flash y elige la posicin Top con la intencin de mostrarlo despus de nuestro logo. Elige la categora Presidente para mostrar las noticias del presidente dentro de este mdulo. Haz que el ttulo sea enlazable para que el lector pueda ver el artculo al completo tras pulsar sobre l, y, marca en S el Ttulo del artculo para mostrar el ttulo del artculo:

4. Haz clic en el botn Guardar y revisa el sitio para ver los resultados:

Mdulo de rutas
Agreguemos el mdulo final, el mdulo Breadcrumbs. Este mdulo ayuda a los usuarios a navegar por el sitio, mostrando la ruta de las zonas por donde han pasado para llegar adonde estn. 1. Desde el men superior Extensiones, selecciona Gestor de mdulos

2. Haz clic sobre Nuevo y luego selecciona Ruta y pulsa sobre Siguiente

3. Llama al mdulo Ruta; pero, deshabilita Mostrar ttulo desde la configuracin. Asigna la posicin Breadcrumbs y un texto de entrada para el inicio llamado Inicio. Deja el resto de las opciones igual:

4. Haz clic sobre el botn Guardar y revisa el sitio para ver los resultados. Navega por las diferentes pginas para poder ver como a cambiando la ruta:

Gestin de plantillas
Las plantillas te permiten definir el aspecto visual de tu sitio Joomla!. Joomla! viene con tres plantillas, pero puedes encontrar muchas ms buscando por Joomla.org. 1. Primero, ve a http://localhost/joomla15/administrator y accede a la administracin con el nombre de usuario admin y la contrasea especificada durante el proceso de instalacin. Si ya ests logueado, no necesitas hacer esto nuevamente. 2. Desde el men superior Extensiones, selecciona el Gestor de plantillas. La plantilla seleccionada como predeterminada es la plantilla actual. Para cambiar una plantilla por otra, selecciona la plantilla que desees usar y haz clic sobre Predeterminada Para nuestro sitio de jardinera la plantilla rhuk_milkyway se ajusta bien:

Haz clic sobre la opcin rhuk_milkyway con la intencin de editar algunos parmetros de la plantilla. Debido a que se trata de un sitio sobre jardinera, cambiemos el colorido a verde:

3. Echa un vistazo al cambio que se ha aplicado en el aspecto visual:

4. A continuacin, si tienes intencin de ajustar ms la plantilla por ti mismo, sobre la pgina de edicin, haz clic sobre Editar HTML. 5. Recuerdas cuando agregbamos mdulos? Cada mdulo tena asignado un lugar dentro de un contenedor especfico. Estos contenedores, estn definidos en la plantilla. Por ejemplo, la posicin top est definida por el cdigo: <jdoc:include type="modules" name="top" />.

Recursos futuros
Habrs podido observar, por medio de este paseo guiado en el que te hemos acompaado, que en unas pocas horas, se puede obtener un sitio con aspecto profesional, que cumpla con todos los requisitos marcados por la supuesta empresa que nos contrat. Tras un breve esfuerzo de trabajar con Joomla! y entregar un sitio, suele venir la recompensa en forma de cheque! Tanto si ests interesado en desarrollar sitios para terceros, como si lo ests en desarrollar sitios para t, tras esta gua de inicio rpido, te queda todo un mundo abierto de posibilidades y de recursos para seguir profundizando y adquiriendo mayor experiencia con Joomla! Si te decides a trabajar ms con Joomla!, estos enlaces generales pueden ayudarte en tus venideros desarrollos: forum.joomla.org Regstrate, busca y pregunta. Siempre ayuda a otros si te es posible! help.joomla.org Encuentra ms y ms documentacin. extensions.joomla.org Encuentra un montn de extensiones!. www.joomla.org Estate al da y !encuentra el modo de devolver tu gratitud a la comunidad en la medida de tus posibilidades! http://www.comunidadjoomla.org Vistanos y participa con nosotros si te apetece!, aparte de adaptar guas y otro material de ayuda para Joomla! del ingls al espaol, dedicamos nuestras energas a: Mantener y actualizar los packs de Joomla! en nuestro idioma. Generar material de ayuda en nuestro idioma para Joomla! Traducir noticias Joomla! del ingls al espaol Traducir extensiones para Joomla! que sean GNU/GPL Dar soporte para Joomla!, en nuestro idioma, desde nuestro Foro Tenemos una wiki para documentacin Y un blog para charlar sobre temas de inters!

Todo esto y algunas cosas ms, con el objetivo principal de fomentar y promover la colaboracin entre usuarios, sin nimo de lucro; brindando el espacio y un entorno apropiado que lo permitan, a travs de nuestro proyecto Comunidad Joomla!. Nota: Se debe tener en cuenta que se trata de una gua rpida y, por lo tanto, muchos aspectos de configuracin y asentamiento optimos han sido omitidos. Donde se hace mayor hincapi es en los tipos de pasos que hay que dar en Joomla! para crear, configurar, editar y/o mostrar tal o cual cosa. A disfrutarrrrr!