manual joomla 16 guia de referencia y minitutoriales

Guía de referencia y Minitutoriales Joomla! 1.6

© 2011 Sergio Iglesias Página 2 de 200

Antes de meternos en materia me gustaría dedicar

este libro a mis padres, por apoyarme en todo lo que

he hecho en mi vida, a Complusoft, por darme la

oportunidad de poder trabajar y enseñar este

maravilloso gestor de contenidos que es Joomla! y, en

especial, a Yoana, la persona con la que comparto mi

vida y la que me apoya y anima en todo. Gracias

cielo!



índice 1/ Introducción.........................................................10

1.1/ Sobre el autor ..............................................10 2/ Novedades en Joomla! 1.6...............................12 3/ Enlaces de interés Joomla! 1.6........................14

3.1/ Sitio web oficial............................................14 3.2/ Descarga e instalación...............................15

3.2.1/ Descarga..................................................15 3.2.2/ Instalación ...............................................15

3.3/ Demo ............................................................24 4/ Acceso a Panel de control ................................25 5/ Sitio.......................................................................26

5.1/ Panel de control ..........................................26 5.2/ Mi perfil .........................................................27 5.3/ Configuración global del sitio ....................29

5.3.1/ Sitio .........................................................29 5.3.2/ Sistema ....................................................32 5.3.3/ Servidor ...................................................34 5.3.4/ Permisos ..................................................38

5.4/ Mantenimiento del sitio ..............................40 5.4.1/ Comprobar...............................................40 5.4.2/ Limpiar caché..........................................40 5.4.3/ Purgar caché expirada .............................41

5.5/ Información del sistema .............................42 6/ Usuarios...............................................................43

6.1/ Conceptos generales .................................43 6.1.1/ Usuario ....................................................43 6.1.2/ Grupo de usuarios ...................................43 6.1.3/ Tipos de usuarios.....................................43

6.2/ Gestor de usuarios .....................................45



6.2.1/ Edición o modificación de usuarios ........47 6.2.2/ Creación de usuarios ...............................49

6.3/ Grupos ..........................................................50 6.3.1/ Edición o modificación de grupos...........52 6.3.2/ Creación de grupos ..................................52

6.4/ Niveles de acceso .......................................54 6.4.1/ Edición de niveles de acceso ...................55 6.4.2/ Creación de niveles de acceso .................55

6.5/ Permisos de usuario ...................................57 6.5.1/ Tipos de permisos en Joomla! 1.6 ...........57 6.5.2/ Diferencias entre Joomla! 1.5 y Joomla! 1.6 ......................................................................58 6.5.3/ Tipos de acciones ....................................61 6.5.4/ Tabla de permisos en Configuración Global ................................................................62 6.5.5/ Tabla de permisos en Componentes ........63 6.5.6/ Tabla de permisos en categorías..............65 6.5.7/ Tabla de permisos en artículos ................66

7/ Menús...................................................................67 7.1/ Gestor de menús.........................................67

7.1.1/ Creación y edición o modificación de menús.................................................................69 7.1.2/ Elementos de menú .................................72

8/ Contenido ............................................................85 8.1/ Gestor de artículos......................................85

8.1.1/ Creación de artículos ...............................87 8.1.2/ Edición de artículos .................................89

8.2/ Gestor de categorías ..................................90 8.2.1/ Jerarquía de las categorías, herencia y estado de publicación.........................................90 8.2.2/ Icono de reconstruir.................................91 8.2.3/ Crear una categoría..................................92



8.5.4/ Editar una categoría.................................94 8.3/ Artículos destacados ..................................95 8.4/ Gestor multimedia.......................................96

9/ Componentes......................................................99 9.1/ Componente Redireccionar ....................100

9.1.1/ Nueva redirección .................................100 9.2/ Componente Mensajería .........................102

10/ Extensiones ....................................................103 10.1/ Gestor de extensiones...........................103

10.1.1/ Instalación ...........................................105 10.1.2/ Actualización.......................................106 10.1.3/ Gestión ................................................107 10.1.3/ Descubrir .............................................108 10.1.3/ Advertencias........................................110

10.2/ Gestor de Módulos .................................111 10.2.1/ Creación de un módulo .......................112 10.2.2/ Modificación de un módulo ................114

10.3/ Gestor de Plugins ...................................115 10.4/ Gestor de Plantillas ................................117

10.4.1/ Estilos de plantillas .............................120 10.5/ Gestor de Idiomas ..................................123

10.5.1/ Idiomas instalados...............................123 10.5.2/ Idiomas de contenido ..........................124

11/ Ayuda ...............................................................126 11.1/ Ayuda para Joomla! ...............................126 11.2/ Foro soporte ............................................127 11.3/ Wiki con documentación........................127 11.4/ Enlaces útiles ..........................................127

1/ Minitutoriales .....................................................129 2/ Cómo instalar XAMPP – Servidor local ........131

2.1/ Instalación de XAMPP .............................133 2.1.1/ Servicios................................................135



3/ Cómo instalar Joomla! 1.6 en local ...............137 3.1/ Descarga ....................................................137 3.2/ Instalación ..................................................138

4/ Cómo gestionar permisos ...............................151 4.1/ Definición del ejemplo ..............................151 4.2/ Características ACL..................................151 4.3/ Grupos de usuarios ..................................152 4.4/ Nuevos usuarios........................................155 4.5/ Acciones .....................................................161

4.5.1/ Concepto de herencia ............................161 4.6/ Ejemplo con accesos y permisos ...........163

5/ Cómo crear un artículo ....................................168 5.1/ Crear una categoría..................................168 5.2/ Crear un artículo........................................169

6/ Cómo crear un contacto ..................................171 6.1/ Crear una categoría de contactos ..........171 6.2/ Crear un nuevo contacto..........................174 6.3/ Formatos de visualización de los contactos ............................................................175

6.3.1/ Formato Plano .......................................176 6.3.2/ Formato Desplegable.............................177 6.3.3/ Formato Pestañas...................................177

7/ Cómo integrar noticias de otros sitios web ..178 7.1/ Crear un nuevo canal electrónico...........178 7.2/ Crear un nuevo ítem de menú ................179

8/ Cómo añadir un módulo de submenú ...........182 9/ Cómo habilitar la vista de módulos desde el Front (tp=1) ............................................................189

9.1/ Desahibilitar tp=1 en Joomla! 1.5 ...........191 9.1.1/ Modificando el fichero .htaccess...........191 9.1.2/ Modificando el fichero inde.php de la plantilla ............................................................191



10/ Cómo añadir accesskey (teclas de acceso rápido) ....................................................................192

10.1/ Qué es la accesibilidad web .................192 10.2/ Qué son las teclas de acceso rápido o accesskey ..........................................................193 10.3/ Modificaciones en el CORE de Joomla! 1.6 .......................................................................194

10.3.1/ Añadir nuevo campo en la parte del administrador...................................................194 10.3.2/ Mostrar el atributo accesskey en los enlaces de menú de la parte de front ...............195

11/ Cómo integrar acceso a Joomla! con DNI electrónico..............................................................197

11.1/ Las extensiones ......................................200



1/ Introducción

El siguiente manual, o guía de referencia en castellano de Joomla! 1.6, pretende recoger las novedades que trae la nueva versión de este gestor de contenidos.

De una forma rápida y sencilla, explicaremos cada una de las secciones que forman el nuevo panel de control de Joomla! 1.6, adentrándonos en su configuración, explicación de sus campos y algunos ejemplos de su funcionamiento.

Haremos mayor hincapié en sus nuevas funcionalidades, ya que el resto no ha cambiado mucho con respecto a su anterior versión, Joomla! 1.5

1.1/ Sobre el autor

Mi nombre es Sergio Iglesias Sánchez.

Nací en Salamanca en el año 1980 y estudié en esa misma ciudad la carrera de Ingeniería Técnica en Informática de Sistemas.

Desde el año 2003 trabajo en el área de desarrollo web, participando en proyectos de grandes empresas como Caja Duero, Cajastur, Principado de Asturias... y actualmente trabajo en Complusoft, empresa situada



en Alcalá de Henares y en la cual desempeño mi trabajo como responsable de proyectos Joomla!

He participado en el desarrollo del CORE de Joomla! 1.6 en tareas de realización de pruebas unitarias, revisión de bugs y creación de parches para la resolución de los mismos.

También he participado en en distintos eventos relacionados con Joomla! como son los Joomla!Day, Joomla!MasterClass, eCommretail y he impartido distintos cursos sobre este gestor de contenidos.

Para más información sobre mi puedes acceder a: http://www.sergioiglesias.net/curriculum



2/ Novedades en Joomla! 1.6

La nueva versión de Joomla! se comenzó a desarrollar a comienzos del 2010, publicando su primera versión beta en mayo de ese mismo año.

Este desarrollo, o más que desarrollo, mejora de Joomla! 1.5, se ha realizado a partir de las ideas que los propios usuarios de la comunidad han ido transmitiendo. Ideas que se han hecho realidad en esta nueva versión de Joomla!.

Con esto queda demostrado que Joomla! se trata de un proyecto por y para la comunidad. Que entre todos somos capaces de mejorarlo y que, entre todos, somos capaces de hacerlo posible.

Las mejoras propuestas por la comunidad, y que se han introducido en Joomla! 1.6, son, en resumen, las siguientes:

• �uevo sistema de control de acceso (ACL): permite a los administradores del sitio controlar sobre quién puede ver y/o administrar los contenidos.

• Categorías anidadas ilimitadas: permite la creación de árboles de categorías para organizar los artículos según se necesite.

• Actualizaciones de extensiones con un click: simplificación del proceso de actualización de



extensiones que nos ayudará a mantener nuestro sitio seguro.

• Layouts XHTML: una mejor base para la representación de los contenidos, ¡Por fin diremos adiós a las tablas que utilizaba Joomla 1.5!

• Preparado para HTML5: en las nuevas plantillas se podrá seleccionar si se quiere utilizar XHTML o HTML5.

• Templates Style: permite un mayor control creativo en las plantillas.

• �uevas plantillas predefinidas y marcado

semántico.

• Ahora es posible indicarle a los módulos

una fecha para que se autopubliquen /

despubliquen solos.

• Funcionalidad multilenguaje: permite a los desarrolladores crear sitios multilenguaje.

• Y mucho más.

A lo largo de esta guía de referencia iremos viendo lo que trae todo el panel de control y haremos especial hincapié en estas novedades.



3/ Enlaces de interés Joomla! 1.6

3.1/ Sitio web oficial

Lo primero de todo es indicar el sitio web oficial de referencia de esta nueva versión. Desde este sitio web tendremos acceso a toda la documentación de Joomla! 1.6. URL: http://www.joomla.org/16/



3.2/ Descarga e instalación

Para comenzar a trabajar con Joomla! 1.6, lo primero que tenemos que hacer descargar la versión estable del proyecto.

3.2.1/ Descarga

Para ello, tenemos que ir a la siguiente dirección: http://joomlacode.org/gf/project/joomla/frs/?action=FrsReleaseBrowse&frs_package_id=5696 (o hacer clic en el botón “Download” de la página anterior).

Desde este sitio se irán recogiendo todas las versiones de rama 1.6 (comenzando, como es evidente, por la 6.1.0, o lo que es lo mismo, la primera versión estable).

Siempre tendremos 3 ficheros de descarga en función de dónde vayamos a trabajar (Windows, Mac y/o Linux). Todos los paquetes traen lo mismo, pero con distintas compresiones (.zip, .tar.gz. .tar.bz2).

Una vez nos hemos descargado el paquete, tendremos que instalarlo.

3.2.2/ Instalación

Lo primero de todo es entrar en nuestro servidor de base de datos (a través de, por ejemplo, phpMyAdmin) y crear nuestra base de datos.



Ponemos un nombre, por ejemplo, j16 y le damos a crear. Recomendado que el cotejamiento de las conexiones MySQL sean UTF-8.

Una vez tenemos nuestra base de datos creada, descomprimimos el paquete que hemos descargado en el paso anterior, en una carpeta:

• En un entorno local, por ejemplo, si utilizamos XAMPP (que se trata de una aplicación que instala Apache, PHP, MySQL y phpMyAdmin, es decir, todo lo necesario para ejecutar Joomla!), tendremos que crear una carpeta en C:\xampp\htdocs\. Recomendamos que la

carpeta se llame igual que la base de datos

para que haya una correspondencia entre

ambas.



• En un entorno de producción tendremos que descomprimir el paquete y subirlo, a través de FTP (Recomendamos FileZilla), al directorio raíz del servidor.

Cuando hayamos descomprimido el paquete tendremos los ficheros y directorios que nos permitirán instalar Joomla! en 7 pasos:



Paso 1: idioma: tenemos que seleccionar el idioma en el cual queremos que nos guíe Joomla! para su instalación. Automáticamente detecta en qué idioma tenemos nuestro navegador (o sistema operativo) y marcará la opción adecuada.



Paso 2: comprobaciones: Joomla! Comprueba las versiones de PHP y MySQL instaladas y sus configuraciones para ver que todo está correcto para su instalación. En caso de que algo no esté correcto, habrá que hacer modificaciones en la configuración del servidor.



Paso 3: licencia: Jooma! nos muestra la licencia de uso.



Base de datos: tenemos que poner los datos de configuración de la base de datos (en donde se va a instalar el contenido del sitio web). El hospedaje o servidor en el 99% de los casos es localhost (en caso contrario nos darán el nombre o IP del mismo), usuario y contraseña de la base de datos, nombre de la base de datos (en nuestro ejemplo j16) y prefijo (por defecto se utilizada jos_, pero se puede modificar).



Paso 5: configuración del FTP: pantalla de configuración de la capa FTP. Sobre algunos servidores, puede que para completar la instalación de Joomla!, usted necesite proporcionar las credenciales de acceso al FTP. Si tiene problemas completando la instalación sin usar la capa FTP, compruebe que si debido al entorno de configuración de su hospedaje, esto será necesario. Este paso se pude configurar más adelantes como veremos en el punto 5.3.3.



Paso 6: configuración: datos del sitio (nombre), y datos de la cuenta de superadministrador (correo electrónico, nombre de usuario y contraseña). Opcionalmente podremos cargar los datos de ejemplo que nos proporciona Joomla! en su instalación.



Paso 7: finalizar: pantalla de finalización del proceso de instalación de Joomla! 1.6 en la cual se nos obliga, por temas de seguridad, a eliminar la carpeta “installation” de nuestro directorio (Recomendado

eliminarla completamente en lugar de renombrala).

A partir de aquí ya tenemos listo nuestro sitio web con Joomla! para empezar a gestionarlo.

3.3/ Demo

Si no queremos instalar Joomla! ni en un servidor local o de producción como hemos visto en el punto anterior, si no que solo queremos practicar con él para ver las novedades, Joomla! nos ofrece un sitio en donde poder probar su nueva versión (incluso la versión 1.5).

Para ello tenemos que acceder a la dirección: http://demo.joomla.org/ (o hacer clic en el botón “Demo” de la página mencionada en el punto 3.1).



4/ Acceso a Panel de control

Formulario de acceso al panel de control de Joomla!, también conocido como Administrador o parte back.

Para acceder a él tenemos que poner, después del nombre del dominio, la palabra administrator:

Ejemplo: http://www.dominio.com/administrator (en

nuestro ejemplo: http://localhost/j16/administrator)

Una vez entramos en esta página tendremos que poner nuestro nombre de usuario y contraseña para poder acceder. Se podrá acceder siempre y cuando se tenga permisos (usuarios pertenecientes, como mínimo, al grupo de usuarios Manager).



5/ Sitio

5.1/ Panel de control

Pantalla de inicio del panel de control de Joomla! una vez que te has autenticado de forma correcta en el formulario de acceso (ver punto 1.0).

Desde aquí tendrás acceso a todos los apartados del Administrador, distribuido en 7 ítems de menú principales:

1. Sitio: funciones de configuración y de información del sistema.

2. Usuarios: administración de usuarios, grupos de usuarios, niveles de acceso.

3. Menús: gestión de los menús e ítems de menú del sitio.

4. Contenido: gestión de contenidos (artículos, categorías de artículos y multimedia).



5. Componentes: gestión de componentes instalados (propios de Joomla! y de terceros).

6. Extensiones: instalación y desinstalación de extensiones (componentes, módulos, plugins y plantillas), gestión de módulos, gestión de plugins, gestión de plantillas y gestión de lenguajes.

7. Ayuda: acceso a enlaces de interés (ayuda en línea, foros, wiki...).

También cuenta con una serie de módulos en los que se reflejan estadísticas sobre el sitio:

• Usuarios conectados • Artículos populares • Últimos artículos añadidos

5.2/ Mi perfil

Gestión de la cuenta del usuario conectado donde se pueden ver, modificar o editar:



• Nombre • Nombre de usuario • Contraseña • Correo electrónico o E-mail

Además, también puede seleccionar las siguientes opciones:

• La plantilla de Administrador (estilo o diseño que tendrá su parte de back)

• El idioma (tanto de back como de front) • El editor de texto • El sitio de ayuda • La zona horaria (importante para que los

artículos se publiquen en la fecha y hora correctas)



5.3/ Configuración global del sitio

5.3.1/ Sitio

• �ombre del sitio: nombre de la página del sitio web. Es lo que aparece, por ejemplo, en la etiquta <title> (o barra de títulos del navegador) o cuando el sitio está fuera de offline (o fuera de servicio).



• Si está o no publicado: offline (o fuera de servicio). Por ejemplo, por tareas de mantenimiento.

• Mensaje que se muestra cuando está

despublicado: mensaje que aparece en la página cuando está fuera de servicio.

• Editor por defecto: editor de texto que aparecerá a los usuarios en los diferentes formularios del sitio (escribir artículos, módulos...). Se puede modificar para diferentes grupos de usuarios desde el Gestor de usuarios (ver punto 6.2.1). En el listado desplegable se muestran todas las opciones que trae Joomla!. Por defecto: TinyMCE, Code Mirror o ninguno. Recomendado JCE Editor.

• �ivel de acceso por defecto: configuración del nivel de acceso de los usuarios por defecto que podrá ser modificado luego por grupos o de forma individual en el Gestor de usuarios.

• Límite del listado por defecto: cantidad de ítems que tendrá cada lista del Panel de Control para todos los usuarios.

• Límite de feeds por defecto: cantidad de ítems que se mostrarán en los feeds.

• Email del feed: email del autor o de la página que aparecerá en el feed.

• Gestión de metadatos globales: los metadatos son aquellos datos que permiten la ubicación de la página web dentro de los sistemas de clasificación de los buscadores (importante para SEO). Desde esta configuración se pueden poner los meta de descripción



(description) y palabras clave (keywords). Recomendado no ponerlos y poner los

metadatos propios y específicos de cada

artículo o menú. • Configuración SEO

Configuración que facilita en posicionamiento en buscadores.

o URLs amigables: si se marca se sustituye la URL creada por Joomla! por los alias, reduciendo la extensión y la complejidad de la URL.

o mod_rewrite (.htaccess): sólo se puede activar si el servidor en el que se aloja nuestro sitio web está basado en servidores Apache. Esta configuración permite o no que se emplee el método de reescritura directa bajo determinadas condiciones. Para ello hay que renombrar el fichero htaccess.txt que viene en el directorio raíz de nuestro Joomla! por .htaccess.

o Sufijo de las páginas: si se marca se agrega un sufijo a la URL. Se añade al final el sufijo “.html”.

o Alias unicode: aquí se puede seleccionar si se desea que se emplee la transliteración o alias unicode. Por defecto, el sistema utiliza la primera opción.

o Incluir nombre del sitio en todas las

páginas: si se marca, el nombre de la página web será agregado a todos los



títulos de las diferentes páginas (etiqueta <title>).

• Gestión de cookies: dominio y ruta que se utiliza para configurar las cookies de sesión.

5.3.2/ Sistema

• Código secreto: generado en cada instalación de forma automática por Joomla! para temas de seguridad.

• Ruta de la carpeta logs: guarda los datos de registro.

• Servicios Web: posibilidad de instalaciones utilizando RPC mediante HTTP y XML como codificación de lenguaje. Muchas extensiones de terceros necesitan que esta función se encuentre habilitada para poder funcionar.

• Sitio web de ayuda: idioma de la ayuda en línea.



• Configuración de errores: Esta configuración habilita el sistema de depuración de Joomla!.

o Sí: muestra información de diagnóstico, traducciones del idioma, y errores SQL. Si ocurre algún error, se mostrará al final de la página, tanto en la parte de back como en la parte de front.

o La segunda configuración posible solo tendrá efecto en caso de que la primera se encuentre en si: mostrará indicadores de depuración, pero no muestra la forma de reparar los errores.

o Depuración de módulos: si se marca como si, se muestra la posición del módulo cuando se agrega tp=”1” en la URL (muestra nombre de las posiciones de la plantilla).

• Configuración de caché: en el primer campo podemos configurar si se muestra o no el tiempo máximo que se almacena un archivo de caché antes de refrescarse. Por defecto, Joomla! utiliza 15 minutos. Luego se puede configurar el mecanismo de caché, que permite seleccionar entre deshabilitar y utilizar archivos.

• Configuración de la sesión: configuración del tiempo que duran las sesiones (en realidad es el tiempo de inactividad en la sesión antes de que ésta se cierre). Recomendado no utilizar

períodos de tiempo muy largos. Por defecto, Joomla! dispone que las sesiones duren 15 minutos. Luego se puede configurar el



mecanismo por el cual son identificados los usuarios que se conectan utilizando cookies no persistentes. La lista desplegable permite seleccionar entre ninguno y base de datos.

5.3.3/ Servidor

• Ruta de la carpeta temporal: carpeta que debe tener permiso de escritura para poder ser utilizada. Esta ruta se puede modificar, apuntando a la carpeta que nosotros creemos para esta funcionalidad.

• Compresión gzip de las páginas: si se marca, el servidor enviará las páginas al navegador en formato zip, para que luego el navegador se encargue de desempaquetar y mostrar los



archivos. Puede aumentar la velocidad de

carga de las páginas. • Informe de errores:

o Configuración por defecto: Joomla! tomará el valor que esté configurado en el archivo php.ini del servidor.

o �o: Joomla! no mostrará los mensajes de error.

o Simple: Joomla! mostrará los mensajes de error y los avisos.

o Máximo: Joomla! mostrará los mensajes de error, los avisos y las referencias a los mismos.

NOTA: en un entorno de desarrollo es preferible poner este informe al máximo para tener la máxima información sobre el error que nos pueda dar Joomla! y de esta forma poder solucionarlo. En un entorno de producción se recomienda ponerlo a no para no mostrar esa información a posibles hackers.

• Forzar SSL (servidor seguro): la utilización de SSL requiere que el servidor cuente con esta opción, y que además se cuente con un certificado firmado digitalmente por alguna entidad reconocida. La utilidad que tiene es la de dar una mayor seguridad en el caso de que se realicen transacciones financieras. Forzar el

SSL requiere de conocimientos amplios sobre

el tema.



• Configuración zona horaria: se debe seleccionar en la lista desplegable la localidad a la que está destinada la página o una localidad de la misma zona horaria.

• Configuración capa FTP: si se activa esta configuración, lo que se está haciendo es indicar a Joomla! que emplee el protocolo FTP para la subida de archivos en lugar de utilizar la subida de archivos mediante script de PHP.

• Configuración base de datos: cuando se instala Joomla! 1.6, se introducen los datos de una base de datos que se ha creado previamente o los datos de una base de datos de otra instalación Joomla! con la que se compartirá la misma, empleando un prefijo diferente para los datos. Esta configuración puede modificarse mediante el empleo de esta sección, teniendo en cuenta que debe hacerse con cuidado, ya que Joomla! basa todo su funcionamiento en las bases de datos.

• Configuración de correo electrónico: mediante esta configuración, se seleccionan los métodos de envío de correo electrónico desde Joomla! y los datos de configuración del mismo. Joomla! permite que se emplee el envío de correos por PHP, el programa de correo electrónico del servidor (sendmail), o un servidor de correo electrónico externo (SMTP). Email del remitente es la dirección de correo que muestra Joomla! como tal. Lo mismo sucede con el nombre del remitente. La ruta sendmail es la ruta en la cual se encuentra



ubicado el programa que posibilita el uso de esta opción, y solo será necesario configurar este campo en caso de que la opción sendmail haya sido seleccionada y se trata de un dato que debe ser suministrado por el servidor. La autenticación SMTP es la que permite el ingreso mediante Joomla! en un servidor de correo externo, en el que se debe tener una cuenta previamente configurada. Más abajo, se deben introducir los datos de dicha cuenta (nombre de usuario, contraseña y servidor) con los que Joomla! podrá acceder en forma automática.



5.3.4/ Permisos

• En esta sección se pueden configurar los permisos con que contarán los diferentes grupos que tiene la página creada con Joomla 1.6. Esta configuración es una novedad en Joomla! y permite una mejor diversificación de los permisos otorgados por el administrador de la página a cada uno de los grupos de usuarios.

• En el panel de control se muestra una tabla, en la que en el eje vertical se listan los diferentes grupos de usuarios de la página, y en el eje horizontal las funciones para las que se puede otorgar permiso.



Debido a la complejidad de este apartado y, puesto que se trata de una de las mayores novedades de Joomla! 1.6, lo trataremos más detenidamente en el siguiente punto, cuando hablemos de la gestión de usuarios. Ver punto 6.5.



5.4/ Mantenimiento del sitio

5.4.1/ Comprobar

Comprobación de tablas de la base de datos.

5.4.2/ Limpiar caché



Limpia la caché de componentes de Joomla!

5.4.3/ Purgar caché expirada

Elimina todos los archivos de caché expirados (los que están en uso no se eliminarán).

Hay que tener cuidado al ejecutar esta funcionalidad cuando se tiene un número elevado de artículos, ya que puede consumir muchos recursos.



5.5/ Información del sistema

• Información Sistema: información sobre versiones de Apache, PHP y MySQL

• Configuración PHP: información sobre la configuración de PHP

• Archivos de configuración: datos que hay en el fichero de configuración (configuration.php)

• Permisos directorio: si los directorios son o no escribibles

• Información PHP: información extraído de phpinfo(), en donde puedes ver la versión y las librerías que hay instaladas en el PHP



6/ Usuarios

6.1/ Conceptos generales

En este apartado vamos a hacer una definición de conceptos que hay que tener en cuenta para poder entender bien la nueva gestión de usuarios de Joomla! 1.6.

6.1.1/ Usuario

Todas las personas que visitan nuestro sitio, independientemente de si están o no registrados.

6.1.2/ Grupo de usuarios

Usuarios que comparten los mismos permisos.

6.1.3/ Tipos de usuarios

• �ormal: usuarios que visitan nuestro sitio. Sólo pueden ver el contenido publicado para todos.

• Registrado: usuario que se ha registrado en nuestro sitio (ha cumplimentado el formulario de registro). Puede visitar el contenido publicado para todos y el que tiene nivel de registrado.

• Autor: grupo de usuarios que pueden enviar artículos desde la parte de front. No tienen



permisos para publicar ni editar. No pueden acceder a la parte de back. Los artículos enviados quedarán despublicados hasta que sean revisados por un usuario perteneciente al grupo de publicadores.

• Editor: grupo de usuarios que tiene los mismos permisos que el autor pero se le añade el permiso de editar.

• Publicador: grupo de usuarios que tiene los mismos permisos que editor pero éste sí que puede publicar.

• Gestor: grupo de usuarios que se encarga de la gestión completa de contenidos. Puede acceder a la parte de back, pero no tiene permisos para gestionar componentes, módulos, plugins y usuarios. Podrá acceder a la gestión de contenidos (artículos, categorías y multimedia) y componentes ya instalados.

• Administrador: grupo de usuarios con permiso para todo excepto para la configuración global.

• Super Administrator: también denominado Super Usuario. Grupo de usuarios con permiso para todo.

Estos grupos de usuarios vienen definidos y creados por defecto en la instalación de Joomla! 1.6. Como veremos a continuación, se pueden crear nuevos grupos, modificar los permisos...



6.2/ Gestor de usuarios

Pantalla formada por una barra de herramientas o iconos, un menú de pestañas y un área de trabajo.

La barra de herramientas cuenta con iconos para la gestión de usuarios: nuevo (crear nuevo usuario), editar (modificar datos de usuario), activar, bloquear, desbloquear, eliminar (borrar usuario), opciones (configuración del gestor de usuarios, envío de correos y permisos para el gestor) y ayuda.

Lo primero que vemos cuando accedemos al gestor es la pestaña de usuarios del menú (como vemos, hay otras 2 pestañas que son Grupos y Niveles de Acceso). En esta pantalla se muestran todos los usuarios que se han creado para el sitio.

La primera vez sólo estará el Super Administrador (cuenta que hemos creado al instalar Joomla!).



A medida que el número de usuarios vaya creciendo, tenemos un buscador (que busca por nombre de usuario o correo electrónico) y una serie de filtros para poder organizar mejor esta vista.

La activación y el bloqueo/desbloqueo de un usuario se puede hacer de forma automática desde los iconos que están al lado del nombre de usuario. Para aplicar estas acciones a varios usuarios, tendremos que seleccionarlos y hacer clic en el icono correspondiente de los que hay en la parte de la barra de herramientas.

Si hacemos clic en el nombre del usuario, accederemos a la pantalla de edición o modificación de los datos de su cuenta, como veremos a continuación.



6.2.1/ Edición o modificación de usuarios

La pantalla cuenta con 3 zonas bien diferenciadas: Detalles Cuenta, Grupo Asignados y Opciones Básicas.

• Detalles de cuenta: se pueden modificar el nombre, nombre de usuario, contraseña, email, bloquear usuario y enviar emails de sistema a este usuario. No se pueden modificar la fecha de registro, la fecha de su última visita y su ID.

• Grupos asignados: listado de grupos de usuarios asignados. Se pueden asignar uno o



más grupos. NOTA: si se asigna un grupo superior, automáticamente se marcan (se asignan también) los anteriores. Ejemplo: si

marcamos Editor, se marcarán también

Registrado y Autor.

• Opciones Básicas: selección de idioma (tanto de back como de front), de editor que utilizará, de la ayuda en línea y de su zona horaria.



6.2.2/ Creación de usuarios

La pantalla cuenta con las mismas zonas que las vistas en el punto anterior. Se accede a ella haciendo clic en el icono correspondiente de la barra de herramientas.

Las opciones también son las mismas que hemos explicado en el punto anterior.



6.3/ Grupos

Pantalla perteneciente a la segunda pestaña del menú. En ella se muestra un listado con los grupos de usuarios que hay creados.

La barra de herramientas ha cambiado para adaptarse a las posibles acciones que podemos realizar en los grupos:

• Creación

• Edición

• Eliminación



Si hacemos clic en el nombre de uno de los grupos accederemos a la pantalla de edición o modificación de sus datos.



6.3.1/ Edición o modificación de grupos

Excepto el grupo Público, que tiene un sólo campo (el del nombre), el resto tienen 2 (el del nombre y el del grupo padre al cual pertenece).

Público

Resto

6.3.2/ Creación de grupos

Pantalla para crear un nuevo grupo de usuarios y que tiene los mismos campos que la imagen anterior (campos para el nombre y para el grupo padre).



Se accede haciendo clic en el icono correspondiente de la barra de herramientas.



6.4/ Niveles de acceso

Pantalla perteneciente a la tercera pestaña del menú. En ella se muestra un listado con los niveles de acceso que hay creados.

Al igual que en la pestaña anterior, la barra de herramientas cambia para adaptarse a las acciones permitidas para la gestión de niveles.

Por defecto tenemos 4 niveles formados por un nombre, un orden (el que ocupan dentro de Joomla! 1.6) y un ID.

Haciendo clic en el nombre de un nivel, accederemos a la pantalla de edición o modificación de los grupos de usuarios que tienen acceso.



6.4.1/ Edición de niveles de acceso

En la pantalla aparece el campo del título (o nombre) del nivel y un listado con los grupos de usuarios que tienen acceso.

En el ejemplo de la imagen vemos el nivel Especial al cual tienen acceso los usuarios pertenecientes al grupo de usuarios Gestor, Administrador y Super Usuario (o Super Administrador).

6.4.2/ Creación de niveles de acceso

Pantalla para crear un nuevo nivel de acceso y que tiene los mismos campos que la imagen anterior (campos para el título o nombre y listado con los grupos de usuarios a los que dar acceso).



Se accede haciendo clic en el icono correspondiente de la barra de herramientas.



6.5/ Permisos de usuario

Los permisos de usuario van a estar presentes en todo el panel de administración de Joomla! 1.6.

Ya vimos en el punto 5.3.4, que tenemos una configuración global de estos permisos y que vamos a retomar en este apartado de la guía de referencia.

6.5.1/ Tipos de permisos en Joomla! 1.6

• Permisos de acceso: permiso para acceder a alguna parte del sitio (Por ejemplo: artículos

con acceso registrado, los usuarios normales

no pueden acceder a verlos).

• Permisos de acción: permiso para hacer algo por parte de un usuario (Por ejemplo: envío de

artículos por parte de autores; pero no puede

realizar otras acciones como editar o publicar.

Esto último sí puede hacerlo un gestor). Tenemos 4 tipos diferentes:

o �o determinado: cuando no se determina el valor, el permiso asume por defecto el valor “negado” o el valor del elemento padre. No es heredado el permiso a niveles inferiores (si se les da permiso a estos niveles, tendrá validez el permiso de los mismos).

o Heredado: cuando un elemento hijo hereda los permisos de los elementos



padre (excepto la configuración global que no tiene elementos padre).

o Permitido: habilita el permiso de acción. Hereda el permiso a los niveles inferiores (aunque se le de permisos a estos niveles, no tendrá validez).

o Denegado: niega el permiso de acción. Hereda el permiso a los niveles inferiores (aunque se le de permisos a estos niveles, no tendrá validez).

NOTA: esto tipos son de permisos de acción (no confundir con los tipos de acciones que veremos en el punto 6.5.3).

6.5.2/ Diferencias entre Joomla! 1.5 y Joomla! 1.6

• En Joomla! 1.5 tenemos sólo 7 grupos de usuarios más el público (que son los mismos que hemos definido en el punto 6.1.3). En Joomla! 1.6 esto se hace más flexible y se pueden crear tantos grupos como sean necesarios.

• En Joomla! 1.5 un usuario sólo puede pertenecer a un grupo de usuarios. En Joomla! 1.6 esto también se hace más flexible y un usuario puede pertenecer a varios grupos.

• En Joomla! 1.5 tenemos sólo 3 niveles de acceso (público, registrado y especial). En Joomla! 1.6, de nuevo, esto se hace más



flexible y se pueden crear tantos niveles cono sean precisos.

• En Joomla! 1.5 la relación entre grupos de usuarios y niveles de acceso es fija. En Joomla! 1.6 se puede realizar cualquier combinación.

Como se puede ver, en Joomla! 1.6 ganamos en cuanto a flexibilidad pero, a la vez, la gestión se hace más compleja.

Otro cambio significativo en Joomla! 1.6 es que los permisos se pueden otorgar a cualquier elemento del sitio: web, componente, categorías, artículos... (cosa que Joomla! 1.5 no sucedía).



Joomla! 1.5 Joomla! 1.6

Grupos de

usuarios 7 grupos fijos (Público, Registrados, Autor, Editor, editor, director, administrador, y Super Administrador)

Grupos ilimitados definidos por el usuario

Relación

usuario – grupo 1 → 1 1 → N

�iveles de

acceso Tres niveles de acceso fijos (público, de registro, especial)

Niveles ilimitados definidos por el usuario

Relación grupo

– nivel Fijo Variable

El nivel de jerarquía de los permisos, de menor a mayor prioridad, es el siguiente:

1. Configuración global

2. Componentes

3. Categorías



4. Artículos

Ejemplo: si un artículo tiene un permiso X y la

configuración global tiene ese mismo permiso en Y,

prevalece el permiso X antes que el Y.

6.5.3/ Tipos de acciones

En Joomla! 1.6 tenemos 9 tipos de acciones que pasamos a describir a continuación:

• Acceso al sitio: iniciar sesión desde la parte front del sitio.

• Acceso a la administración: acceder a la parte de Panel de Control.

• Super administrador: concede al usuario el estado de super usuario. Los usuarios con este permiso pueden hacer de todo en el sitio (incluso modificar la configuración global, que sólo se puede si eres super usuario). Estos permisos no pueden ser restringidos.

• Acceso al componente: permite el acceso a los componentes (administrador de usuarios, de menú, de artículos...).

• Crear: permite crear nuevos objetos (usuarios, ítems de menú, artículos...).

• Borrar: permite eliminar objetos existentes.

• Editar: permite editar o modificar objetos existentes.



• Editar estado: permite cambiar el estado de los objetos (publicar, despublicar, archivar...).

• Editar propios: permite editar o modificar objetos propios.

6.5.4/ Tabla de permisos en Configuración Global

omo hemos visto en los puntos anteriores (6.5.1 y 6.5.3), desde esta pantalla podemos ver, y gestionar, las acciones permitidas a los grupos de usuarios existentes en Joomla!.



6.5.5/ Tabla de permisos en Componentes

Desde cualquiera de los componente que tenemos instalados en Joomla! podemos asignar acciones y permisos de la misma forma que hemos visto en el apartado anterior para la Configuración Global.

Cabe destacar que, en esta gestión de permisos en componentes, solo aparecerán los grupos de usuarios que están habilitados en las asignaciones de permisos de la Configuración Global para realizar acciones en la parte de back (panel de control).

En el ejemplo vemos la tabla de permisos del componente gestor de anuncios (banners). Esta misma funcionalidad está definida en el resto de componentes.



Para acceder a ella hay que hacer clic en el botón de opciones (situado en la barra de herramientas).



6.5.6/ Tabla de permisos en categorías

De forma similar, tenemos los permisos en las categorías. Tanto en la creación como en la edición de las mismas podemos gestionar esta tabla de permisos.

Las acciones disponibles son la de crear, borrar, editar, editar estado y editar propios.



6.5.7/ Tabla de permisos en artículos

Por último, la tabla de permisos más restrictiva de todas, es la de artículos.

La forma de gestión es idéntica que la explicada anteriormente, pero ahora podemos observar como el número de acciones disminuye para esta tabla, quedando disponibles la de borrar, editar y editar estado.



7/ Menús

7.1/ Gestor de menús

La gestión de menús no ha variado nada con respecto a la versión anterior de Joomla! (1.5). Lo único que se añade el sistema de gestión de permisos que ya hemos visto anteriormente.

Por defecto siempre tenemos creado un menú, que es el llamada Main Menu o Menú principal con un elemento de menú o ítem de menú que Home o Inicio.

Este menú no se recomienda eliminarlo y es el que va a marcar la navegación de nuestro sitio web.

Cabe decir que, aunque aquí es donde se crea y gestiona un menú, la forma de poder visualizarlo en nuestra plantilla es a través de un módulo. Es decir, por cada menú que se crea, automáticamente Joomla! genera un nuevo módulo de tipo menú y es en la



gestión del mismo donde tendremos que decirle en qué hueco o posición de la plantilla se muestra (además de otras configuraciones como veremos en el punto 10.2.



7.1.1/ Creación y edición o modificación de menús

Para acceder a la pantalla de nuevo menú tenemos dos formas de hacerlo:

1. A través del menú principal del Panel de Control: Menús > Gestor de menús > Añadir nuevo menú.

2. Haciendo clic en el botón correspondiente de la barra de herramientas:

Con cualquiera de estas 2 opciones accederemos a la siguiente pantalla:



En este formulario tendremos que rellenar los siguientes campos y pulsar el botón de Guardar:

• Título: nombre del menú (de forma descriptiva como Menú principal, Menú de usuario...).

• Tipo de menú: será el nombre de sistema del menú (se recomienda poner el mismo nombre que el título pero en minúsculas y sin espacios ni caracteres especiales. Ejemplo: menuprincipal, menuusuario...).

• Descripción: una pequeña descripción (opcional) de lo que llevará este menú.

Para poder modificar un menú, tendremos que seleccionarlo a través del checkbox y pulsar el botón correspondiente de la barra de herramientas (o bien haciendo clic en el tipo de menú):



Si pulsamos en el título o nombre del menú, accederemos a la gestión de sus ítems o elementos de menú.

Como podemos ver en el listado de menús, tenemos otra serie de datos como son:

• Número de ítems o elementos publicados.

• Número de ítems o elementos despublicados.

• Número de ítems o elementos movidos a la papelera.

• Módulos que están enlazados a este menú.

• Número de identificación.



7.1.2/ Elementos de menú

Los elementos o ítems de menú son los “enlaces” que forman el menú creado anteriormente.

Esta gestión no ha cambiado, como hemos dicho al comienzo de este capítulo, con respecto a la gestión en Joomla! 1.5.

En el listado, vemos los distintos elementos que forman el menú, junto con la barra de herramientas títpica de Joomla!, sus filtros, y la parte nueva que hay en Joomla! 1.6 (la gestión de permisos o niveles de acceso).



La forma de mostrar este listado nos da una visión rápida de lo elementos y subelementos (o ítems de nivel 2, 3...) que hay creados para ese menú.

7.1.2.1/ Crear un elemento de menú

Para crear un nuevo elemento de menú tenemos que hacer clic en el icono correspondiente de la barra de herramientas.

Accederemos a la pantalla de creación de elemento de menú:



Esta pantalla, como podemos ver, tiene 2 partes diferenciadas: detalles y opciones.

• Detalles:

o Tipo de elemento de menú: ventana emergente en donde seleccionaremos el tipo de menú (ver punto 7.1.2.2).

o Título del elemento de menú: nombre del ítem de menú.

o Alias: nombre de la URL cuando está activada la opción de URLs amigables.

o �ota: texto opcional con alguna descripción de lo que hace el menú o algún dato importante que queramos destacar para su gestión.

o Enlace: aunque sale de forma automática, se puede modificar.

o Estado: publicado / despublicado / movido a la papelera.

o Acceso: nivel de acceso de este menú.

o Menú: seleccionamos a qué menú va a pertenecer.

o Elemento principal: si es el raíz o es un subelemento (o ítem de segundo, tercer... nivel o submenú) de. La forma de indicar estos niveles a mediante guiones (- = raíz, - - = nivel 2, - - - = nivel 3...).



o Abir en: se puede seleccionar el modo en que se va a abrir el enlace (misma ventana, nueva ventana con barra de navegación, nueva ventana sin barra de navegación). Recomendamos dejar la

opción por defecto: “misma ventana”.

o Página de inicio: asigna este elemento como predeterminado o página de inicio del sitio.

o Idioma: se puede seleccionar el idioma para el que se muestra el menú.

o Estilo de plantilla: se puede asignar un estilo de plantilla (ver punto 10.4.1 para más información sobre estilos de pantalla).

• Opciones:

o Dependiendo del tipo que hayamos seleccionado en el primer campo de la sección de detalles, saldrán las opciones específicas de cada tipo.

7.1.2.2/ Tipos de menú

Dentro de cada tipo de ítem de menú, nos encontramos con distintos tipos de presentación de los contenidos. Los contactos pueden presentarse de las siguientes formas:

• Listado de categorías: muestra un listado de las categorías de contacto.



• Lista de contactos en una categoría. • Contacto individual. • Contactos desdtacados.

Los feed de noticias pueden mostrarse de las siguientes formas:

• Lista de todas las categorías de feed de

noticias. • Lista de feeds de noticias de una categoría. • Un feed de noticias en particular.

Los enlaces también pueden ser mostrados en tres formas:

• Listado de todas las categoría de enlaces. • Lista de enlaces dentro de una categoría. • Envío de enlaces: muestra un formulario con

el que se pueden enviar enlaces desde el frente de la página.

Los ítems relacionados con los artículos muestran los siguientes tipos:

• Artículos archivados: en esta vista se muestran todos los artículos que se encuentran archivados.

• Artículo individual: muestra un único artículo cuando se accede desde este ítem.

• Listado de categorías: muestra todas las categorías de artículos.



• Blog de categoría: Muestra la introducción de los artículos de una categoría en formato de blog, permitiendo configurar si se mostrarán en una o más columnas.

• Lista de una categoría: Muestra todos los artículos de una categoría específica.

• Artículos destacados. • Crear artículo: Permite la creación de un

artículo desde el frente de la página. Esta funcionalidad es nueva en Joomla 1.6, y está especialmente pensada para los usuarios que tengan permisos de autor.

En el momento que se instale un nuevo componente, dispondremos de más tipos de elemento de menú.

7.1.2.3/ Opciones

Vamos a comentar algunas de las opciones que aparecen en los elementos de menú. Como ya hemos comentado, dependerán del tipo de menú seleccionado.

Opciones del tipo de enlace:



• Atributo para el enlace del título: es el título que aparece en la etiqueta title del enlace

• Estilo CSS del enlace: clase para aplicar al elemento de menú.

• Imagen del enlace: se puede asociar una imagen al elemento de menú.

• Añadir el título del menú: se se añade la imagen, le decimos si aparece o no en el elemento de meú.

• Accesskey: tecla de acceso rápido. Este parámetro no aparece en la instalación por defecto de Joomla! 1.6. Para obtenerla hay que tocar el código del CORE. En este artículo se explica cómo hacerlo: http://www.sergioiglesias.net/blog/joomla/89-anadir-etiquetas-accesskey-en-joomla-16

Opciones de visionado en la página:

• Título de la página en el navegador: título que aparece en la etiqueta <title> del fichero html. Es lo que se ve en la barra de título del navegador con el que se abre el sitio.

• Mostrar el encabezado de la página: si ponemos que sí, se mostrará el título anterior en el sitio como etiqueta H1 (cabecera).

• Encabezado de la página: similar al anterior, pero esta vez con H2.



• Clase CSS de la página: clase opcional que se puede añadir a los elementos de esta página.

Metadatos:

Metadescripción: etiqueta meta description.

• Metapalabras clave: etiqueta meta keywords.

• Robots: para los robots de los buscadores.

• SSL: determina si el enlace debe usar el protocolo SSL o no.



Asignación de módulos para este elemento de menú:

Listado de módulos que están asociados a este elemento de menú.

Opciones para artículos:



Vamos a ver las opciones que se pueden poner a los artículos (tipo de menú específico):

• Mostrar título: se determina si el título del artículo será mostrado o no.

• Título enlazado: sirve para configurar si el título contendrá un enlace al artículo.

• Mostrar texto de introducción: configura si se mostrará el texto de introducción cuando se muestra el artículo. En caso contrario, solo se mostrará la parte del artículo que se encuentra antes del corte en “leer más”.

• Mostrar categoría: mostrar o no el título de la categoría a la que pertenece el artículo.

• Enlace a la categoría: en caso de que se haya optado por mostrar el título de la categoría, este ítem de la configuración permite o no que dicho título contenga un enlace a una página donde se muestra el contenido de dicha categoría.

• Mostrar padre: permite mostrar o no el título de la categoría padre del artículo.

• Enlace a la categoría padre: cuando se ha optado por mostrar la categoría padre del artículo, se puede configurar para que dicho título tenga un enlace a dicha categoría.

• Mostrar autor: permite mostrar el autor del artículo. Esta configuración se encuentra dentro de la Configuración Global, pero es



modificable en la configuración del artículo, el menú o la categoría, para que éstos tengan una configuración diferente del resto.

• Enlace al autor: en caso de que se haya decidido mostrar el autor del artículo, esta configuración permite que el nombre del autor contenga un enlace al perfil del mismo.

• Mostrar fecha de creación.

• Mostrar fecha de modificación.

• Mostrar fecha de publicación.

• Mostrar navegación: cuando se coloca en si, al final del artículo se muestra la navegación que permite ir al artículo anterior o al siguiente.

• Mostrar “leer más”: cuando se opta por si, se muestra solo el contenido principal del artículo y un enlace al final del mismo que conduce a una versión completa del artículo.

• Mostrar iconos: sirve para determinar si los enlaces “imprimir” y “email” serán iconos o texto.

• Mostrar icono imprimir: determina si se mostrará o no el icono que permite imprimir el artículo.

• Mostrar icono email: muestra o no el icono que permite enviar por email el artículo.



• Mostrar lecturas: permite que se muestren o no la cantidad de lecturas que se han hecho del artículo.



8/ Contenido

8.1/ Gestor de artículos

En la gestión de artículos tenemos una de las mejoras importantes de Joomla! 1.6, como es la forma de categorizarlos. En Joomla! 1.5 teníamos una gestión muy rígida correspondiente en Sección – Categoría. Esto se ha solucionado eliminado la Sección y pudiendo anidar las categorías. Esto nos da una mayor flexibilidad en la gestión de los artículos.

La pantalla de gestión de artículos nos muestra un listado de todos los artículos creados para el sitio.

Como observamos en la imagen, tenemos una barra de herramientas, distintos filtros, el listado de los artículos con algunas opciones de visualización y



operaciones inmediatas (publicar, destacar y ordenar) y la paginación de artículos.



8.1.1/ Creación de artículos

Para crear un nuevo artículo tenemos que hacer clic en el icono correspondiente de la barra de herramientas.

Accederemos a la pantalla de creación de artículo, formada por distintas secciones:



Artículo nuevo:

• Título: nombre del artículo.

• Alias: nombre de la URL cuando tenemos activada la opción de URLs amigables.

• Categoría: selección de categoría a la que va a pertenecer.

• Estado: publicado / despublicado / archivado / movido a la papelera.

• Acceso: nivel de acceso del artículo.

• Permisos: elemento ancla (enlace especial) que nos envía a la sección Permisos de artículos que veremos a continuación.

• Idioma: selección del idioma al que pertenecerá.

• Destacado: seleccionamos si es o no un artículo destacado.

• Texto del artículo: editor de textos para la redacción del artículo.

Permisos de artículos:

• Gestión de los permisos de artículos. Explicado en el punto 6.5 y 6.5.7.

Opciones de publicación:

• Creado por: selección del autor del artículo.



• Creado por alias: alias del autor del artículo.

• Fecha de creación.

• Inicio de publicación: fecha de inicio de la publicación.

• Fin de publicación: fecha de fin de la publicación.

Opciones del artículo:

• Explicado en el punto 7.1.2.3

Opciones de los metadatos:

A los habituales metas de descripción (description), palabras clave (keywords), robots y autor, se añaden dos campos más:

• Derechos del contenido: para describir qué derechos tienen los demás con respecto a este artículo.

• Referencia externa: usada para enlazar con fuentes de datos externas.8.1.2/ Edición o modificación de artículos

8.1.2/ Edición de artículos

Haciendo clic en el título o nombre del artículo accederemos a una pantalla similar a la de creación de artículos pero con datos en los campos. Estos datos se pueden modificar de la misma forma que hemos visto para crear un nuevo artículo.



8.2/ Gestor de categorías

Como ya hemos comentado al principio de este capítulo, esta parte es totalmente nueva en Joomla! 1.6, ya que desaparece la Sección y se pueden anidar (en cantidad ilimitada) las categorías.

Esto forma una estructura de árbol, que dota a Joomla! 1.6 de gran flexibilidad para la gestión de los contenidos.

8.2.1/ Jerarquía de las categorías, herencia y estado de publicación

En este apartado veremos un concepto general. Las categorías en Joomla! 1.6 se encuentran dispuestas en estructura de árbol, con un orden jerárquico entre



ellas. Esto quiere decir que, necesariamente, cualquier cambio realizado en una categoría padre afecta a las categorías hijo. Por ejemplo, si en una categoría padre se opta por despublicar, las categorías hijo, más allá de que se muestren en la tabla del gestor y en la ventana de la categoría como publicada, adoptarán el estado de publicación de la categoría padre. Esta herencia debe tenerse en cuenta, ya que en Joomla! 1.6 las modificaciones realizadas en una categoría pueden afectar a otras.

Además del estado de publicación, el borrado también afecta a las categorías hijo. Cuando se borra una categoría padre (en realidad se envían a la papelera), las categorías hijo no se mostrarán, a pesar de que se encuentren publicadas.

8.2.2/ Icono de reconstruir

Dado lo delicado del manejo de las categorías y su influencia en toda la estructura de la web, una buena solución incluida en Joomla! 1.6 es el botón de reconstruir, que permite deshacer las acciones realizadas durante la estancia en la ventana del Gestor de Categorías, lo que corregirá errores cometidos durante el manejo, sobre todo las que están relacionadas con el borrado.



Pero también es importante destacar que una vez que abandonemos esta ventana, las acciones realizadas no podrán deshacerse, por lo que los desarrolladores que trabajen con Joomla! 1.6 deberán tener especial cuidado y revisar sus acciones antes de finalizar las tareas en esta ventana.

8.2.3/ Crear una categoría

Haciendo clic en el icono correspondiente de la barra de herramientas accederemos a la pantalla de crear categoría.



Los campos que tenemos que introducir para crear una categoría son similares a los explicados para crear un nuevo artículo.

La parte de gestión de permisos también está explicada en el punto 6.5.

8.5.4/ Editar una categoría

Haciendo clic en el nombre o título de la categoría, accederemos a la pantalla de edición de la misma que es similar a la vista para la creación.



8.3/ Artículos destacados

Pantalla en la que se gestionan los artículos que hemos marcado como destacados. No tiene nada de especial, es simplemente poner en una página aparte este tipo de artículos.



8.4/ Gestor multimedia

El gestor multimedia trae dos novedades con respecto a Joomla! 1.5. Una es dónde se muestra el elemento de menú (en Joomla! 1.5 estaba localizado en la pestaña de sitio y en Joomla! 1.6 está localizado en la pestaña de contenido, que es más lógico que antes).

La otra novedad es la forma de subir los archivos (tanto de texto en formato pdf, doc, odt... como de imágenes en formato gif, jpg, png...). Realmente no es una novedad sino una mejora de la funcionalidad existente en Joomla! 1.5. Estamos hablando de subida masiva de ficheros a través de la subida en flash.

El resto no cambia.

Para habilitar la subida en flash, tenemos que ir



Opciones (haciendo clic en el icono correspondiente de la barra de herramientas).

Esto nos mostrará una ventana emergente con distintas opciones, entre las cuales está la de habilitar esta funcionalidad.

La última opción es la que comentamos. La ponemos a “Sí” y habilitaremos la funcionalidad.



En Joomla! 1.5 no funcionaba correctamente esta funcionalidad mientras que en Joomla! 1.6 sí que funciona. Esto hace más flexible el uso de la gestión multimedia, posibilitando la subida de varios ficheros a la vez, en lugar de la subida uno a uno que trae por defecto.



9/ Componentes

Los componentes que tenemos en Joomla! 1.6 difieren muy poco con respecto a la versión anterior (la 1.5). Vemos como desaparece el componente de encuestas y que se añade el componente de redireccionar. A parte de esto, también tenemos aquí la gestión de mensajería (esto también lo teníamos en la versión 1.5 pero dentro de la pestaña de herramientas).

En la siguiente tabla vemos las diferencias:

Componentes Joomla! 1.5 Joomla! 1.6

Banners Sí Sí

Contactos Sí Sí

�oticias

externas Sí Sí

Encuestas Sí No

Buscar Sí Sí

Enlaces Web Sí Sí

Mensajería No Sí

Redireccionar No Sí



Sólo cabe destacar que se añade la gestión de permisos a todos los componentes. En cuanto a la configuración y uso, es el mismo que en Joomla! 1.5

9.1/ Componente Redireccionar

Este componente, novedad en Joomla! 1.6, se utiliza para gestionar las URL que ya han expirado dentro de nuestro sitio. Con esta nueva funcionalidad, Joomla! nos da la posibilidad de redireccionar estas URL.

9.1.1/ Nueva redirección

Haciendo clic en el botón de “Nuevo”, accederemos a la pantalla de crear nueva redirección.



Como podemos observar en la imagen, tenemos un simple formulario con 3 campos:

• URL Origen: la URL que ha expirado.

• URL Destino: la URL de redirección (donde queremos que vayan los usuarios si acceden a la URL expirada).

• Comentario: un breve texto acerca de la redirección (motivo, causa...).

Dentro del apartado de opciones, podemos activar o desactivar el estado de la redirección.



9.2/ Componente Mensajería

Este componente, aunque no es novedad en esta versión, sí que es novedad encontrarlo en esta pestaña del menú principal de nuestro panel de control.

Se utiliza para llevar una gestión de mensajes enviados entre los administradores del sitio web. Es decir, una especie de webmail para Joomla!



10/ Extensiones

10.1/ Gestor de extensiones

La gestión de extensiones en la nueva versión de Joomla! no ha sufrido importantes modificaciones con respecto a la anterior, por lo tanto, los que ya habéis utilizado esta gestión en Joomla! 1.5 no vais a tener problemas en adaptaros a la gestión en Joomla! 1.6.

Cabe destacar la introducción de algunas mejoras que nos van a permitir una mayor flexibilidad y una mejor gestión de las extensiones.

Antes de continuar con las opciones del gestor de extensiones vamos a repasar algunos conceptos:

• Qué es una extensión: son pequeños programas (aplicaciones web) que añaden mayor funcionalidad a la que viene por defecto en Joomla! 1.6. Es decir, añade o mejora funcionalidades que la versión estándar de Joomla! 1.6 no trae consigo.

• Tipos de extensiones: Joomla! diferencia entre 5 tipos de extensiones.

o Componentes: aplicaciones que modifican totalmente el cuerpo de la página, y generalmente cuentan con un sistema de administración propio, accesible desde el administrador de Joomla! 1.6.



o Módulos: aplicaciones más pequeñas que los componentes, y por lo general sirven para mostrar algunos elementos en una, algunas o todas las páginas. No modifican sustancialmente el cuerpo de la página de Joomla!. Cada módulo aparece en una de las posiciones (o huecos) que trae la plantilla seleccionada como predeterminada.

o Plugins: pequeños scripts de código que se agregan al código de Joomla! 1.6 cuando se producen determinados eventos. Por ejemplo, el plugin “page-break” ejecuta un código que permite la visión parcial de un artículo acompañado de un botón “leer más” cuando esta función se ha introducido en un artículo.

o Lenguajes: paquetes de idiomas que se añaden para traducir todo el sitio de Joomla! (tanto la parte de back como de la parte de front) sin necesidad de modificar los ficheros de idioma existentes por defecto en Joomla! 1.6 (idioma inglés).

o Plantillas: extensiones que dan el aspecto visual del sitio (tanto de la parte de back como de la parte de front). Las plantillas van a marcar las posiciones en las cuales se mostrará el contenido de las extensiones.



10.1.1/ Instalación

La instalación de extensiones en Joomla! 1.6 es idéntica a la de Joomla! 1.5.

Tenemos 3 formas de subir extensiones:

1. Subir paquete: tendremos que descargar el paquete de la extensión de la página oficial de la extensión (se puede buscar cualquier componente desde el Centro de Extensiones de Joomla! → http://extensions.joomla.org). Pulsando en el botón de examinar, cogeremos desde nuestro ordenador el fichero comprimido que hemos descargado. Joomla! se encargará de descomprimirlo e instalarlo en el servidor.

2. Instalar desde un directorio: similar a la anterior, pero esta vez la extensión la hemos subido vía FTP.



3. Instalar desde una URL: similar a la anterior, pero esta vez indicamos una URL (generalmente la dirección de descarga desde la web del desarrollador de la extensión). Joomla! se encargará de su descarga, descompresión e instalación.

10.1.2/ Actualización

Esta funcionalidad es nueva en Joomla! 1.6 y permite acceder a la página donde se pueden realizar actualizaciones de las extensiones instaladas. Para que esto funcione correctamente, las extensiones que se instalen tienen que tener habilitada esta opción.

NOTA: las extensiones que tengan esta opción o sean antiguas (pertenecientes a otras versiones) no podrán utilizar este método para actualizarse.



10.1.3/ Gestión

Se trata de un listado de todas las extensiones instaladas (componentes, módulos, plugins, plantillas, idiomas...).

Podemos utilizar los filtros disponibles para una mejor gestión de estas extensiones.

El listado nos permite realizar operaciones sin necesidad de hacerlo desde la configuración individual de cada una de las extensiones: publicar, despublicar y desinstalar.



10.1.3/ Descubrir

Otra de las novedades en Joomla! 1.6 que permite instalar extensiones que, por su tamaño, no pueden hacerse de la forma habitual.

Esta pantalla le permite descubrir extensiones que no han sido agregadas usando el proceso normal de instalación.

Por ejemplo, algunas extensiones son demasiado grandes para ser subidas usando la intefaz web, debido a las restricciones impuestas por quien sirve el hospedaje. Usando esta característica se podrán subir los archivos de la extensión directamente al directorio de su servidor web usando otros medios del tipo FTP o SFTP, para poner en el lugar apropiado los archivos de esa extensión.

Por lo tanto, se puede usar esta característica para encontrar alguna extensión subida recientemente y activarla en la instalación de Joomla!.

Usando esta utilidad también se pueden descubrir e instalar múltiples extensiones al mismo tiempo.



Funcionamiento:

Para utilizar esta nueva funcionalidad, se deben seguir los siguientes pasos:

1. Subir la extensión al servidor. Para que el sistema detecte la nueva extensión, primero debe ser subida al servidor por FTP y ubicada en la carpeta correspondiente al tipo de extensión (components, modules, plugins, languages y templates). La extensión debe estar contenida en una subcarpeta (en caso de que no se encuentre así originalmente debe crearse una a tales efectos) y los archivos deben mantenerse en el orden original.

2. Una vez subidos los archivos, desde la pantalla “Descubrir” del Gestor de extensiones, se debe hacer clic en el botón “Descubrir” para que Joomla 1.6 inicie el proceso de búsqueda de las extensiones no instaladas. Joomla 1.6 listará todas las extensiones no instaladas que sean compatibles con esta versión.

3. Luego deben señalarse las extensiones que se desean instalar, mediante el uso de las casillas de verificación correspondientes, y se debe hacer clic en “Instalar” de la barra de herramientas, con lo que finaliza el proceso de instalación.



10.1.3/ Advertencias

La última pestaña muestra las advertencias sobre conflictos generados en las extensiones.

Esta ventana solo provee información, y en caso de que aparezcan errores o advertencias, estos conflictos deben solucionarse mediante la reinstalación de las extensiones u otras medidas, de acuerdo al mensaje recibido. Es decir, como el propio nombre de la pestaña indica, se trata de advertencias sobre las extensiones instaladas, nunca de soluciones a las mismas.



10.2/ Gestor de Módulos

Como hemos definido anteriormente, un módulo se trata de una aplicación más pequeña que un componente, y por lo general sirve para mostrar algunos elementos en una, algunas o todas las páginas.

No modifican sustancialmente el cuerpo de la página de Joomla.

Cada módulo aparece en una de las posiciones (o huecos) que trae la plantilla seleccionada como predeterminada.

Desde el gestor de módulos podemos crear, modificar, publicar/despublicar y eliminar este tipo de extensiones.



10.2.1/ Creación de un módulo

Para crear un nuevo módulo tenemos que hacer clic en el icono correspondiente de la barra de herramientas:

Una vez pulsamos este icono, se nos mostrará una ventana emergente en la cual tendremos que seleccionar el tipo de módulo que necesitemos, dentro de los que hay instalados.

Una vez hemos hecho clic en el módulo que queremos añadir a nuestro sitio, iremos a la pantalla en donde se nos mostrarán las opciones de cada uno de ellos.



En el ejemplo vemos el módulo de menú que nos sirve de referencia para ver las distintas partes en las que se divide la pantalla (que son las mismas para todos los módulos, pero cada una con sus campos).

• Detalles: sección en la que tenemos que introducir el título del módulo, si queremos o no mostrar ese título en la plantilla, posición que ocupará dentro de la plantilla, si lo creamos en estado publicado o despublicado, nivel de acceso que tendrá, fecha inicio y fin de publicación (novedad en Joomla! 1.6), idioma y una nota (opcional).



• Asignación del módulo: sección en la que indicamos al módulo en que ítems de menú debe mostrarse:

o En todas las páginas

o En ninguna página

o Solo en las páginas seleccionadas

o En todas las páginas menos en las seleccionadas

• Opciones (básicas y avanzadas): opciones propias de cada módulo. En este, en concreto, podemos indicar el menú que queremos mostrar, el nivel inicial y final y si queremos o no mostrar los elementos de menú (subniveles).

10.2.2/ Modificación de un módulo

Haciendo clic en el título de cualquiera de los módulos, se mostrará una pantalla igual a la de creación pero con los datos que tiene definidos el módulo.

Podremos editar todos los campos explicados anteriormente.



10.3/ Gestor de Plugins

Ya hemos comentado que un plugin es un pequeño script de código que se agrega al código de Joomla! 1.6 cuando se producen determinados eventos.

Por ejemplo, el plugin “page-break” ejecuta un código que permite la visión parcial de un artículo acompañado de un botón “leer más” cuando esta función se ha introducido en un artículo.



Desde la pantalla de gestor de plugins podemos gestionar este tipo de extensiones: editar y habilitar/deshabilitar.

La gestión es idéntica a la que se hace en Joomla! 1.5, por lo que no hay diferencias con la versión anterior.

La única diferencia está en cómo se guardan en el servidor estos plugins:

• En Joomla! 1.5 se guardaban todos los plugins en una carpeta (en función del tipo al que corresponden: de contenido, de autenticación...).

• En Joomla! 1.6 se guardan cada uno en su propia carpeta (como ocurre con el resto de extensiones; ya sean componentes, módulos o plantillas).



10.4/ Gestor de Plantillas

Esta gestión es otra de las novedades más importantes dentro de Joomla! 1.6, ya que mejora la flexibilidad de las mismas.

Además de poder configurar una plantilla, se añaden los estilos de plantilla, que pueden ser creados y gestionados desde la parte de back.

La segunda pestaña es la que nos muestra todas las plantillas que tenemos instaladas en nuestro Joomla! y que podemos utilizar tanto en nuestro sitio como en la parte de administración (panel de control o back).

En el listado inicial se muestran algunas características de las plantillas como su screenshot (captura de



pantalla), nombre, localización (si es de sitio o de administración), fecha de creación y datos del autor.

Si hacemos clic en el screenshot se abrirá una ventana emergente con una captura más grande de la plantilla que nos dará una mejor visión de como quedaría en nuestro sitio (estas imágenes se tienen que llamar template_thumbnail.png y template_preview.png respectivamente para que Joomla! pueda realizar este efecto de forma automática).

Haciendo clic en el enlace que pone “detalles de la plantilla nombreplantilla” accederemos a la página de configuración de la misma, es decir, donde podremos editar tanto el html del fichero index.php (en la parte izquierda) como las hojas de estilo o css (en la parte derecha).

Otra mejora disponible en Joomla! 1.6 es la forma de mostrar el código HTML o CSS de estos ficheros, que ahora se pueden ver con colores, lo cual mejora con respecto a la versión anterior.



Vista de HTML:

Vista de CSS:



10.4.1/ Estilos de plantillas

Nueva característica en Joomla! 1.6 que permite mayor flexibilidad en la gestión de plantillas.

Se trata de un listado de estilos de plantillas que podemos crear y gestionar para su uso en el sitio. Tenemos un estilo que será el predeterminado (tanto de la parte de back como de la parte de front) y el resto que podrán ser asignados a distintos ítems de menú. Es decir, que ahora podremos tener, de forma fácil y sencilla, un estilo de plantilla predeterminado para el sitio y, para cada ítem de menú, podremos especificar una plantilla o estilo de plantilla diferente.

El estilo de plantilla no es más que una configuración específica sobre la configuración por defecto de una plantilla. Para poder realizar esta funcionalidad la plantilla tiene que tener parámetros de configuración.



Como se puede observar no hay botón de “nuevo” como ocurre de forma general en Joomla!. Para poder crear un nuevo estilo de plantilla hay que duplicar uno existente (seleccionado la plantilla de la cual se quiere crear un nuevo estilo y haciendo clic en el botón correspondiente de la barra de herramientas).

Este mismo proceso lo podemos acceder desde dentro de la configuración en el botón correspondiente:

Si accedemos a ver esos parámetros, haciendo clic en el nombre de una plantilla, veremos una pantalla como la siguiente:



Desde aquí podemos modificar todos los campos:

• Detalles:

o Nombre del estilo.

o Si es o no el predeterminado.

• Asignación a los menús:

o Seleccionar los ítems de menú en los cuales queremos que aparezca el estilo.

• Opciones avanzadas: parámetros de configuración de la plantilla

o Altura de plegado

o Altura de expansión

o Logotipo

o Título del sitio

o Descripción del sitio

o ...

Este apartado es específico de cada plantilla.

Si modificamos alguno de estos campos o parámetros y guardamos el estilo a través del botón que hemos visto anteriormente (Guardar como copia), tendremos un nuevo estilo que podremos utilizar en nuestro sitio.

Con esta nueva funcionalidad podremos, por ejemplo, tener distintos estilos de plantillas para un blog, de forma que según el artículo que queramos escribir, podremos asignarle un estilo de plantilla diferente.



10.5/ Gestor de Idiomas

Pantalla que muestra un listado de todos los paquetes de lenguaje instalados en Joomla! 1.6.

Por defecto viene el idioma inglés instalado y predeterminado.

Para instalar un paquete nuevo se haría a través del gestor de extensiones como hemos visto en el punto 10.1.1. Una vez instalado, aparecería en esta pantalla.

10.5.1/ Idiomas instalados

Para poder ver los paquetes de idioma instalados para la parte de administración (o back), tenemos un filtro en la parte de la derecha



De la misma forma que antes, se mostrarán los paquetes de idioma instalados y cual tenemos predeterminado.

10.5.2/ Idiomas de contenido

Ya hemos hablado en las novedades de Joomla! 1.6 (punto 2), que ahora podemos tener un sitio multilenguaje para este gestor de contenidos.

Para crear idiomas de contenido tenemos que hacerlo desde la segunda pestaña de la gestión de idiomas.

Por defecto tenemos creado el idioma de contenido Inglés. Este idioma lo podemos editar, publicar/despublicar y eliminar.



Para crear uno nuevo, hay que hacer clic en el botón correspondiente dentro de la barra de herramientas.

Nos mostrará una ventana con una serie de campos que tenemos que rellenar:

Los campos son:

• Título

• Título nativo

• Código URL del idioma

• Etiqueta del idioma

• Selección de publicado/despublicado

• Descripción

• Opciones de metas (palabras clave o keywords y descripción o description)



11/ Ayuda

11.1/ Ayuda para Joomla!

Se trata de una guía para la gestión de Joomla!. Toda la información está en inglés, pero es fácil de entender.

Está dividida en varios capítulos a través de los cuales puedes recorrer todas las funcionalidades de Joomla!: configuración global, gestión de las extensiones, permisos...



11.2/ Foro soporte

Enlace directo a los Foros de Joomla! → http://forum.joomla.org/

• Foro Joomla! en Español → http://forum.joomla.org/viewforum.php?f=24

• Foro Joomla! 1.6 en Español → http://forum.joomla.org/viewforum.php?f=602

11.3/ Wiki con documentación

Enlace directo a la documentación oficial del proyecto Joomla! → http://docs.joomla.org/

Todo lo que necesitas saber sobre este gestor de contenidos está en esta Wiki (API, instalación, guías para principiantes, seguridad, desarrollo de extensiones...).

11.4/ Enlaces útiles

Colección de enlaces relacionados con Joomla! que resultan de interés:

• Centro de extensiones de Joomla! → http://extensions.joomla.org/

• Traducciones → http://community.joomla.org/translations.html

• Recursos → http://resources.joomla.org/



• Portal comunitario → http://community.joomla.org/

• Centro de seguridad → http://developer.joomla.org/security.html

• Recursos para desarrolladores → http://developer.joomla.org/

• Tienda → http://shop.joomla.org/



1/ Minitutoriales

Una vez vista la guía de referencia de Joomla! 1.6, con todas las novedades que tiene, vamos a llevar a cabo la puesta en marcha de un sitio web.

A través de estos 10 minitutoriales haremos un recorrido que nos permitirá crear un entorno de desarrollo en nuestro equipo en el cual podremos realizar pruebas con nuestros sitios web.

Como se puede observar en el índice, lo primero que haremos será instalar un servidor local a través de un paquete de aplicaciones. A partir de aquí, instalaremos Joomla! y, una vez instalado, realizaremos algunas operaciones dentro de él.

Para finalizar, en los 3 últimos capítulos, enseñaremos cómo habilitar algunas funciones que estaban por defecto en Joomla! 1.5 y que se han deshabilitado en Joomla! 1.6 (como es el caso de mostrar las posiciones de la plantilla predeterminada desde el front, mediante el uso de tp=1); también veremos cómo podemos añadir teclas de acceso rápido a nuestro menú principal. Estas teclas de acceso rápido son importantes de cara a que nuestro sitio cumpla con las pautas de accesibilidad establecidas. A lo largo de los minitutoriales daremos algunos consejos para que esta accesibilidad no se vea comprometida (sobre todo en la redacción de artículos). Y, por último, veremos como configurar nuestro PHP y qué extensiones nos



harían falta para poder acceder a Joomla! mediante el DNI electrónico. Este último minitutorial lo haremos bajo Joomla! 1.5 (pero habría que hacer lo mismo para la nueva versión).

Esperamos que os resulten de interés los siguientes minitutoriales.



2/ Cómo instalar XAMPP – Servidor local

Como ya hemos visto en la introducción, lo primero que necesitamos para crear nuestro entorno de desarrollo en nuestro equipo es tener instaladas una serie de aplicaciones para el correcto funcionamiento de Joomla!.

Si visitamos el sitio web oficial de Joomla!, nos indican en un apartado los requerimientos técnicos que precisa el gestor de contenidos para funcionar:

• Apache: v2.x recommended + http://www.apache.org

• PHP: v5.2.4 + http://www.php.net

• MySQL: v5.0.4+ http://www.mysql.com

Más información en: http://docs.joomla.org/Joomla_1.6_technical_requirements

Se podrían instalar una a una cada una de las aplicaciones, pero para facilitar esta labor, vamos a hacer uso de un paquete llamado XAMPP que nos instalará las 3 aplicaciones a la vez (y además, bien configuradas). En concreto, vamos a instalar la versión XAMPP 1.7.3 para Windows.



Para su instalación iremos al sitio web oficial: http://www.apachefriends.org/es/xampp.html

Podemos ver las especificaciones de lo que vamos a instalar y ver que son las que realmente nos valen según hemos visto en los requerimientos técnicos. Esta versión de XAMPP instalará en nuestro equipo las siguientes versiones:

• Apache 2.2.14 (IPv6 enabled) + OpenSSL 0.9.8l

• MySQL 5.1.41 + PBXT engine

• PHP 5.3.1

• phpMyAdmin 3.2.4

• Perl 5.10.1

• FileZilla FTP Server 0.9.33

• Mercury Mail Transport System 4.72

Como se puede observar, las versiones cumplen con los requerimientos.

A parte de las 3 aplicaciones que necesitamos, XAMPP instala alguna aplicación más que, sobre todo phpMyAdmin, vamos a utilizar para la gestión de las bases de datos. Luego, instala Perl (que es otro lenguaje de programación), FileZilla FTP Server (que es un Servidor de ficheros mediante protocolo FTP) y Mercury Mail Transport System (que es una sistema de gestión de correo elecrtónico).



Para nuestros minitutoriales vamos a hacer uso de las 4 primeras aplicaciones.

2.1/ Instalación de XAMPP

Una vez descargado el instalable XAMPP, lo ejecutamos y nos aparecerá una ventana como la siguiente:

Pulsamos el botón de “Install” y esperamos a que se instale completamente:



Importante: aunque se recomienda utilizar como

directorio “C:\”, se puede hacer una instalación en otro directorio, por ejemplo en “D:\www”.

Una vez terminada la instalación saltará la ventana de CMD con una serie de indicaciones finales (entre ellas si queremos guardar XAMPP en un Pendrive para hacerlo portable) cuyo resultado será el siguiente:



Escribiendo 1 en la línea de comandos arrancaremos el panel de control de XAMPP a través del cual podremos comenzar y finalizar los siguientes servicios (también se puede crear un acceso directo):

(Cuando pulsemos en el aspa de cerrar esta ventana, se quedará en estado minimizado en un icono a lado del reloj de Windows).

2.1.1/ Servicios

Los servicios que vemos en la imagen son:

• Apache: servidor web local. • MySql: base de datos. • FileZilla: cliente FTP.



• Mercury: servidor de correo electrónico. • Tomcat: otro servidor web (comúnmente

utilizado en aplicaciones con JAVA).

Ya tenemos instalado nuestro servidor local. Ahora recomendamos crear un acceso directo para poder acceder al panel de control de XAMPP y activar / desactivar los servicios requeridos.

El acceso directo que tenemos que crear en nuestro escritorio es el del archivo C:\xampp\xampp-control.exe

Este ejecutable, cuando hagamos doble clic en él, nos mostrará el panel de control que hemos visto en la imagen anterior y, desde allí, podremos activar los servicios que necesitamos.

Para el siguiente minitutorial tendremos que activar los dos primeros: Apache y MySql.



3/ Cómo instalar Joomla! 1.6 en local

Para comenzar a trabajar con Joomla! 1.6, lo primero que tenemos que hacer descargar la versión estable del proyecto.

3.1/ Descarga

Para descargar Joomla! 1.6 tenemos que ir a la siguiente dirección: http://joomlacode.org/gf/project/joomla/frs/?action=FrsReleaseBrowse&frs_package_id=5696 (o hacer clic en el botón “Download” del sitio web oficial – http://www.joomla.org/16).

Desde este sitio se irán recogiendo todas las versiones de la rama 1.6 (comenzando, como es evidente, por la 6.1.0, o lo que es lo mismo, la primera versión estable).

Siempre tendremos 3 ficheros de descarga en función de dónde vayamos a trabajar (Windows, Mac y/o Linux). Todos los paquetes traen lo mismo, pero con distintas compresiones (.zip, .tar.gz. .tar.bz2).

Una vez nos hemos descargado el paquete, tendremos que instalarlo. En concreto nos bajamos el fichero .zip

Este fichero lo tendremos que descargar en la carpeta htdocs del directorio xampp (donde hayamos realizado



la instalación). Si lo hemos hecho de forma estándar, el directorio será: C\xampp\htdocs.

Dentro de este directorio (htdocs), creamos una carpeta nueva llamada, por ejemplo, j16. Dentro de esta carpeta descomprimimos el paquete que hemos descargado con Joomla! 1.6.

3.2/ Instalación

Lo primero de todo es entrar en nuestro servidor de base de datos (a través accediendo a través de nuestro navegador a la dirección http://localhost/phpmyadmin) y crear nuestra base de datos.

En el campo donde pone "Crear nueva base de datos", ponemos j16 (por mantener una relación entre



el nombre de la carpeta de nuestro proyecto y nuestra base de datos) y pulsamos en el botón de crear. Recomendado que el cotejamiento de las conexiones

MySQL sean UTF-8.

Una vez tenemos creada la base de datos, de esta forma tan sencilla, ya solo nos queda instalar Joomla! 1.6.

Cuando hayamos descomprimido el paquete tendremos los ficheros y directorios que nos permitirán instalar Joomla! en 7 pasos:

Para comenzar con la instalación accedemos a través de nuestro navegador a la siguiente dirección: http://localhost/j16



Paso 1: idioma: tenemos que seleccionar el idioma en el cual queremos que nos guíe Joomla! para su instalación. Automáticamente detecta en qué idioma tenemos nuestro navegador (o sistema operativo) y marcará la opción adecuada.



Paso 2: comprobaciones: Joomla! Comprueba las versiones de PHP y MySQL instaladas y sus configuraciones para ver que todo está correcto para su instalación. En caso de que algo no esté correcto, habrá que hacer modificaciones en la configuración del servidor.



Paso 3: licencia: Jooma! nos muestra la licencia de uso.



Base de datos: tenemos que poner los datos de configuración de la base de datos (en donde se va a instalar el contenido del sitio web). El hospedaje o servidor en el 99% de los casos es localhost (en caso contrario nos darán el nombre o IP del mismo), usuario y contraseña de la base de datos, nombre de la base de datos (en nuestro ejemplo j16) y prefijo (por defecto se utilizada jos_, pero se puede modificar).



Paso 5: configuración del FTP: pantalla de configuración de la capa FTP. Sobre algunos servidores, puede que para completar la instalación de Joomla!, usted necesite proporcionar las credenciales de acceso al FTP. Si tiene problemas completando la instalación sin usar la capa FTP, compruebe que si debido al entorno de configuración de su hospedaje, esto será necesario. Este paso se pude configurar más adelantes como veremos en el punto 5.3.3.



Paso 6: configuración: datos del sitio (nombre), y datos de la cuenta de superadministrador (correo electrónico, nombre de usuario y contraseña). Opcionalmente podremos cargar los datos de ejemplo que nos proporciona Joomla! en su instalación.



Paso 7: finalizar: pantalla de finalización del proceso de instalación de Joomla! 1.6 en la cual se nos obliga, por temas de seguridad, a eliminar la carpeta “installation” de nuestro directorio (Recomendado

eliminarla completamente en lugar de renombrala).



A partir de aquí ya tenemos listo nuestro sitio web con Joomla! para empezar a gestionarlo. Si accedemos a http://localhost/j16 veremos lo siguiente:

Para acceder al administrador: http://localhost/j16/administrator



Si lo queremos poner en castellano, tendremos que descargarnos el paquete en castellano de Joomla! 1.6, disponible en la siguiente dirección: http://community.joomla.org/translations/joomla-16-translations.html

Descargamos el paquete: http://joomlacode.org/gf/project/jtranslation1_6/frs/?action=FrsReleaseBrowse&frs_package_id=5597 > es-ES_joomla_lang_full_160v1.zip y accedemos a nuestro panel de control de Joomla! como hemos visto en la página anterior.

Nos autenticamos y accedemos a Extensions > Extension Manager

Hacemos clic en el botón de Examinar y buscamos el paquete que hemos descargado. Hacemos clic en el botón de Upload & Install y se instalará nuestro paquete de lenguaje en Español.



Ahora accedemos a la pestaña Extensions > Language Manager

Una vez aquí accedemos a esta pantalla:

Hacemos clic en la estrella que aparece junto a Spanish (ES) o bien seleccionamos el campo y hacemos clic en el icono correspondiente de la barra de herramientas:



Con esta operación tendremos nuestro sitio (la parte de front) en Español. Para poner la parte de back (panel de control), tendremos que seleccionarla del combo situado en la parte de la derecha:

Realizamos la misma operación que antes y observaremos que el panel cambia de idioma:

Ya tenemos nuestro sitio web listo para ser gestionado y en Español.



4/ Cómo gestionar permisos

El aspecto más importante que incorpora Joomla! 1.6 es la gestión de permisos de usuarios o ACL. Para ver el funcionamiento, a priori, un poco complejo, vamos a realizar un pequeño ejemplo para ver las posibilidades que nos ofrece e intentar aclararlo lo máximo posible.

4.1/ Definición del ejemplo

Vamos a ver como podríamos gestionar el sitio web una empresa que, por ejemplo, tiene comerciales localizados en distintas zonas de la geografía española. Estos comerciales tendrán un jefe de zona y cada zona tendrá su propia información (artículos).

4.2/ Características ACL

Antes de comenzar con la gestión que hemos comentado vamos a ver unas características que conviene tener claras. Podemos dividirlas en:

• Acceso: nos permite saber qué usuarios podría ver/acceder a “algo” de nuestro sitio web: por

ejemplo un ítem de menú. Aquí podemos destacar lo siguiente:

1. Podemos tener grupos de usuario ilimitados.



2. Un usuario puede pertenecer a varios grupos de usuario.

3. Podemos definir niveles de acceso para cada grupo.

• Acciones: nos permite saber qué acciones están permitidas para hacer “algo” en nuestro sitio web: por ejemplo editar un artículo. Tenemos que tener en cuenta lo siguiente:

1. Herencia de permisos entre grupos.

4.3/ Grupos de usuarios

Por defecto, en Joomla! 1.6 tenemos creados los mismos grupos que teníamos en Joomla! 1.5. Algo que se agradece de cara a cambiar de versión, puesto que todo va a resultarnos familiar y, si no necesitamos de esta nueva características, podremos trabajar con 1.6 como si de 1.5 se tratara.

Como hemos comentado en la definición del ejemplo vamos a gestionar, como grupo de usuarios, a comerciales. Para ello vamos a crear nuevos grupos que nos permitan esta gestión. Los grupos que crearemos serán los siguientes:

• Comerciales: grupo general que incluye a todos



o Comerciales Zona norte: grupo que incluye a todos los comerciales localizados en la zona norte.

� Comerciales Madrid: grupo que incluye a todos los comerciales localizados en Madrid.

Con estos grupos podemos ver claramente las posibilidades que nos ofrece Joomla! 1.6.

Para poder crearlos iremos a Administrador > Usuarios > Grupos

Como hemos indicado, tenemos ya creados por defecto los mimos que teníamos en la versión 1.5. Para crear uno nuevo pulsamos en el botón “Nuevo” de la barra de herramientas y rellenamos el formulario:



Importante: como grupo principal ponemos el grupo de Registered. Esto es así porque el contenido solo lo van a ver este tipo de usuarios, los cuales tienen que acceder al sistema (tendrán su propio nombre de usuario y contraseña). Si los pusiéramos dentro del grupo de Public no tendrían acceso al sistema por lo que no tendría sentido esta funcionalidad.

De la misma forma que antes creamos el grupo de Comerciales Zona norte:

Ahora el grupo principal será el que hemos creado anteriormente.

Y creamos el último grupo: Comerciales Madrid:

De esta forma tenemos creados ya los grupos de usuarios anidados correctamente. Observamos así el punto 1 de la característica ACL de acceso.



Vamos a ver ahora el segundo punto de la característica ACL de acceso.

4.4/ Nuevos usuarios

Como hemos indicado, un usuario puede pertenecer a varios grupos. Vamos a crear 2 usuarios:

• Comercial Jefe: que pertenecerá al grupo de Comerciales y Comerciales Zona norte.

• Comercial Empleado: que pertenecerá al grupo de Comerciales Zona norte y Comerciales Madrid.

Para ello vamos a Administrador > Usuarios > Gestor de usuarios > Añadir nuevo usuario



La primera parte es idéntica a Joomla! 1.5. Pondremos su nombre, su nombre de usuario, su contraseña, su correo electrónico y el resto de campos en caso de ser necesario.

La segunda parte sí que es la nueva en Joomla! 1.6:

Pulsamos el botón de “Guardar & nuevo” para que se guarden los datos de este usuario (Comercial Jefe) y podamos crear uno nuevo (Comercial Empleado). Tendrá prácticamente los mismos datos, pero ahora sólo pertenecerá al grupo de Comerciales Madrid:



Pulsamos de el botón de “Guardar & cerrar” y tendremos creados los nuevos usuarios.

Ahora vamos a definir los niveles de acceso y asignarlos a los grupos de usuario (punto 3 de la característica ACL de acceso).

Para ello vamos a Administrador > Niveles de acceso



Como podemos observar, por defecto tenemos los mismos niveles de acceso que teníamos en Joomla! 1.5. Vamos a crear unos niveles nuevos de acuerdo a la definición de nuestro ejemplo:

• Comercial: nivel de acceso para el grupo Comerciales (que es el grupo padre de Comerciales Zona norte y Comerciales Madrid). Así podremos ver las características de herencia.

Para crearlo pulsamos en el botón “Nuevo” de la barra de herramientas y rellenamos el formulario:

Pulsamos el botón de “Guardar & cerrar” y ya tenemos creado nuestro nuevo nivel de acceso asociado al grupo de Comerciales.



Ahora podemos crear un ítem de menú que sólo será visible para comerciales:

Vamos a Administrador > Ejemplo Enlaces

De estos 3 ítem que hay, podemos editar el de Buscador avanzado y ponerlo sólo visible para Comerciales.

Para ello, hacemos clic en el nombre del ítem de menú y en el combo de Acceso seleccionamos el nuevo nivel que hemos creado:

Si accedemos a la parte de front no vamos a poder ver este ítem a no ser que estemos conectados y pertenezcamos a un grupo de Comerciales.



Front antes del cambio:

Front después del cambio:

Front después de contactarse:



Con esto queda vista la característica ACL de acceso. Ahora vamos a ver la característica de acciones.

4.5/ Acciones

Las acciones en Joomla! 1.6 sólo las puede crear el administrador del sitio. En Joomla! 1.5 éstas eran fijas para cada grupo. Ahora, podemos definir distintas acciones para cada grupo. Es decir, podemos definir qué hace y qué no hace cada uno de los grupos.

Como vimos en la guía de referencia, tenemos distintos niveles jerárquicos en donde poder aplicar estas acciones. De menor a mayor nivel de prioridad tendríamos lo siguiente:

• Configuración Global

• Componente

• Categoría

• Artículo

Es decir, Artículo es el que tiene mayor prioridad. En caso de dejar lo que hay por defecto, heredará las acciones que estén definidas en su Categoría. Así sucesivamente hasta la Configuración Global.

4.5.1/ Concepto de herencia

Vamos a ver este mecanismo implementado en Joomla! 1.6 para las acciones. Para ello vamos a Administrador > Configuración Global > Permisos.



Si recordamos de puntos anteriores, cuando creamos el grupo Comerciales, pusimos como grupo padre el grupo Registered. Esto lo hicimos para que heredara el permiso que tiene de acceder al sistema (mediante nombre de usuario y contraseña) puesto que el grupo Public no lo contempla.

Si vemos los permisos (o acciones) que tiene este grupo de usuarios, nos damos cuenta de lo siguiente:

Sólo tiene permitido el acceso al sitio.

Si vamos a los permisos del grupo Comerciales:

Vemos que hereda el acceso al sitio del grupo Registered. Si denegamos el acceso al sitio en este grupo de Registered., veremos como desde el grupo Comerciales no tendremos tampoco acceso al sitio.



4.6/ Ejemplo con accesos y permisos

Para entender lo que acabamos de explicar, vamos a seguir con nuestro ejemplo. Para ello vamos a crear ahora un par de categorías de artículos:

• Comercial

• Comercial Zona norte

a las cuales vamos a asignar una serie de permisos:

• Los grupos Comerciales Zona norte y Comerciales Madrid pueden crear artículos en la categoría Comercial Zona norte.

• El grupo Comerciales Zona norte puede editar los artículos de Comercial Zona norte.

• El grupo Comerciales Madrid no puede editar los artículos de Comercial Zona norte.

Vamos a ver una tabla que nos permita entender esto un poco mejor.



Tabla para creación de artículos:

Comercial

es

Comercial

es Zona

norte

Comercial

es Madrid

Configuraci

ón Global

Por defecto Por defecto Por defecto

Gestor de

artículos

Heredado Heredado Heredado

Categoría

Comercial


Categoría

Comercial

Zona norte

Heredado Permitido Permitido/ Heredado

Artículos de

Comercial

Zona norte

Heredado Permitdo/ Heredado

Permitido/ Heredado



Tabla para edición de artículos:

Comercial

es

Comercial

es Zona

norte

Comercial

es Madrid

Configuraci

ón Global

Por defecto Por defecto Por defecto

Gestor de

artículos


Categoría

Comercial


Categoría

Comercial

Zona norte

Heredado Permitido Denegar

Artículos de

Comercial

Zona norte

Heredado Permitido/ Heredado

Denegar/ Heredado

Como se puede observar en las tablas, vamos a trabajar los permisos en la parte de categorías de forma que se hereden a los artículos.

Para crear las categorías con estas características vamos a Administrador > Contenido > Gestor de categorías.



Características:

• Categoría raíz: sin principal

• Acceso: Comercial

• Permisos: por defecto

Características:

• Categoría raíz: Comercial

• Acceso: Comercial

• Permisos:

o A Comerciales Zona norte le damos permiso de crear



o Por herencia también pasa a Comerciales Madrid

o A Comerciales Zona norte le damos permiso de editar

o Por herencia también pasa a Comerciales Madrid. Por lo tanto, tendremos que denegarlo

Con esto queda explicada toda la parte de gestión de permisos de Joomla! 1.6.



5/ Cómo crear un artículo

Escribir un artículo en Joomla! 1.6 se hace de la misma forma que en Joomla! 1.5. Las diferencias que tenemos en la nueva versión son las de gestión de permisos de usuarios (ACL) y las categorías anidadas ilimitadas que podemos crear.

5.1/ Crear una categoría

Para crear una nueva categoría tenemos que ir a la pestaña correspondiente y pulsar el botón “Nuevo” de la barra de herramientas.

El apartado principal del formulario es como en Joomla! 1.5:



Generalmente, añadiendo el “Título” su “Categoría raíz” (para poder anidarlas) tendremos suficiente.

Abajo tendremos la novedad en Joomla! 1.6 que es la gestión de permisos:

El comportamiento, si se deja todo por defecto, será el mismo que teníamos para Joomla! 1.5, por lo que si no se necesita esta gestión, es recomendable dejarlo tal y como está. En caso contrario, remitimos al minitutorial anterior en donde se explica esta gestión ACL.

5.2/ Crear un artículo

Desde la pestaña correspondiente pulsamos el botón de “Nuevo” de la barra de herramientas y escribiremos y rellenaremos los campos que precise nuestro artículo (de la misma forma que se hacía con Joomla! 1.5).



La diferencia, como es habitual en Joomla! 1.6 es la gestión, una vez más de los permisos de usuarios.



6/ Cómo crear un contacto

El gestor de contactos ha sufrido algunas modificaciones con respecto a Joomla! 1.5. Además de las opciones que tenía anteriormente contamos con:

• Nuevos campos de información: permiten añadir más información al contacto (enlaces, sus artículos si está asociado a un usuario, campos de ordenación, fecha publicación y fin de publicación...).

• 3 formatos de visualización: plano, desplegable y por pestañas.

• Categorías de contactos anidadas.

Un detalle a tener en cuenta es que, por defecto, tenemos creada una categoría “Uncategorised”. Esto, pese a no ser una mejora sustancial, sí que nos ayuda o, mejor dicho, nos agiliza, a la hora de crear un formulario de contacto para nuestro sitio web (muy habitual en sitios web corporativos). De esta forma no tendremos que ir a la gestión de categorías de contactos, crear una, y luego crear el contacto en sí asociado a esa categoría, como ocurría en Joomla! 1.5.

6.1/ Crear una categoría de contactos

Las categorías de contactos en Joomla! 1.6 no han sufrido apenas variaciones con respecto a la versión



anterior, excepto la ya comentada a lo largo de esta guía de referencia, la gestión de usuarios o ACL.

En este caso la solución está muy bien implementada ya que el sistema incorpora un proceso de asignación de niveles de acceso por lotes. Indicando un grupo de usuario y una categoría de contacto, automáticamente se aplicará el cambio en todos los contactos pertenecientes a esa categoría de contactos. De forma que sólo tendrán acceso a ella el grupo de usuario indicado.

Para crear una nueva categoría tenemos que pulsar el botón “Nuevo” de la barra de herramientas y rellenar los campos que necesitemos del formulario.



NOTA: generalmente, rellenando sólo el campo título tendremos suficiente, a no ser que las especificaciones indiquen alguna acción relacionada con gestión de permisos de usuarios.

Una vez tenemos los campos que necesitamos pulsamos el botón de “Guardar” si queremos mantenernos en el formulario, ”Guardar y cerrar” si queremos ir al listado de categorías o “Guardar y nuevo” en caso de que queramos crear otra categoría.



Con esto tenemos ya creada una nueva categoría.

6.2/ Crear un nuevo contacto

Una vez tenemos creada la categoría nuevo, procedemos a crear un contacto asociado a esa categoría. En nuestro ejemplo la categoría se llama “General”.

De la misma manera que para crear una nueva categoría de contactos pulsamos en el botón “Nuevo” de la barra de herramientas y rellenamos el formulario. En esta ocasión, y como ya hemos explicado anteriormente, el formulario es distinto al de Joomla! 1.5.

En la pestaña de “Detalles de contacto” tenemos los campos idénticos a la versión anterior y, además,



tenemos 3 campos de ordenación. Importante: hay que tener en cuenta que si no

indicamos una dirección de correo electrónico en el

campo que hay para ello, no se visualizará el

formulario de contacto, aunque tengamos puesto que

sí se visualice.

En la pestaña de “Opciones de visionada” podemos seleccionar los campos que queremos se visualicen en la parte front y el formato en el que se visualizarán: plano, desplegable y pestañas. Además, podemos seleccionar si se visualizan los artículos del contacto y su perfil (siempre que esté asociado a un usuario) y podemos añadir varios enlaces extra (hasta 5).

En la pestaña de “Formulario de contacto” seleccionamos si queremos mostrar o no el formulario de contacto (recordar que hay que poner un correo electrónico en el campo especificado para ello).

En la pestaña de “Opciones de los metadatos” podemos especificar los metas.

Guardamos los datos introducidos y ya tenemos creado nuestro contacto, con su formulario y demás campos especificados, listo para ser utilizado en nuestro sitio web.

6.3/ Formatos de visualización de los contactos



Como hemos indicado, en Joomla! 1.6 disponemos de 3 formatos de visualización de los campos.

6.3.1/ Formato Plano



6.3.2/ Formato Desplegable

6.3.3/ Formato Pestañas



7/ Cómo integrar noticias de otros sitios web

Vamos a ver cómo siguiendo unos sencillos pasos podemos crear contenido en nuestro sitio web procedente de otro, a través del gestor de canales electrónicos.

Como hemos visto en la gestión de contactos, en este apartado también han tenido la delicadeza de tener una categoría creada por defecto de forma que agilice este proceso en el caso de que sólo necesitemos coger contenido de otro sitio.

La gestión de estas categorías es idéntica a la de los contactos por lo que no lo vamos a explicar en esta ocasión y nos centraremos en lo que indicamos en el punto.

7.1/ Crear un nuevo canal electrónico

Pulsando el botón “Nuevo” de la barra de herramientas llegaremos al formulario:



Escribiremos un título y añadiremos un enlace (el enlace tiene que ser uno de tipo sindicación de contenidos o RSS). En el ejemplo utilizaremos http://www.sergioiglesias.net/blog?format=feed&type=rss (son los artículos que escribo en mi blog y que los añadiré a un nuevo sitio). Importante: de cara al

SEO (optimización y posicionamiento en buscadores)

no es aconsejable realizar este método ya que estamos

duplicando el contenido.

En la pestaña de “Opciones de publicación” tenemos los típicos del autor y su alias, fechas de creación, publicación y final de publicación, número de artículos de ese RSS que importamos...

7.2/ Crear un nuevo ítem de menú

El ítem de menú tiene que ser de tipo “Mostrar un sólo canal electrónico”



En las opciones requeridas tendremos que seleccionar el nuevo canal que hemos creado en el paso anterior:

Añadimos un título al ítem de menú y guardamos.



El resultado es una página en la cual se muestran los 5 últimos artículos de mi blog.

De esta forma tan sencilla, a través de 2 pasos, podremos tener contenido de otros sitios web en el nuestro.



8/ Cómo añadir un módulo de submenú

Con frecuencia, una estructura de un sitio web está formada por elementos de menú de nivel 1 y de nivel 2 (es decir, elementos de menú y de submenú).

También vemos con frecuencia que la forma de navegar a través de la web es mediante un menú principal (de nivel 1) en “pestañas” (posición horizontal) y los elementos de submenú (nivel 2) en vertical (en los laterales del sitio).

Es decir, cuando hacemos clic en un ítem de menú del menú principal, y éste tiene elementos de submenú (nivel 2), estos últimos aparecerán en la parte lateral del sitio web.

Vamos a ver todo esto mediante un ejemplo. Tenemos la siguiente estructura de menú:



Como podemos observar el sitio está formado por un menú principal o de nivel 1 que consta de los siguientes ítems de menú:



• Inicio

• Mapa del sitio

• Acceso

• Sitios de ejemplo

• Administrador del sitio

• Páginas de ejemplo

En cuanto a submenús o elementos de nivel 2 tendremos uno para el ítem “Mapa del sitio” (Artículos, Enlaces Web y Contactos) y otro para “Sitios de ejemplo” (Parques y Tienda).

Si vemos nuestro sitio web, quedará de la siguiente forma:



Podemos observar que no se ve ningún elemento de submenú visible. Ni si quiera cuando pasamos con el ratón a través de un enlace. Hay que tener en cuenta que en función de la plantilla que utilicemos se podrá realizar esta operación o no.

Como sabemos la estructura de nuestro sitio, sabemos que Mapa del sitio tiene 3 elementos de menú de nivel 2. Si accedemos a él vemos lo siguiente:

Observamos que los elementos de submenú se ven a la parte de la derecha. En este caso no queda bien esta disposición por lo que vamos a hacer un par de cosas para mostrarlo bien.

Lo primero, vamos a quitar del menú principal para que no se vean estos elementos de segundo nivel. Para hacerlo, entramos al administrador > Extensiones > Gestor de módulos > buscamos el módulo de tipo menú (podemos utilizar los filtros para facilitar esta



labor) y entramos en las opciones básicas (situadas en la parte de la derecha).

Para hacer lo que hemos comentado anteriormente simplemente cambiamos el campo de Nivel final a 1 y ahora el sitio nos quedará así:

De esta forma solucionamos un problema (el de la disposición de los menús). Pero nos falta otro: mostrar los elementos de menú del menú principal seleccionado.

Para ello vamos a crear un módulo de tipo menú y jugaremos con sus campos de nivel inicial y final de las opciones básicas.



El módulo tendrá las siguientes características:

Los niveles, tanto el inicial como el final, es el 2 (puesto quie se trata de elemento de segundo nivel).

De esta forma, nuestro sitio quedará de la siguiente forma:



Ahora ya vemos en el lateral derecho el submenú correspondiente al menú principal seleccionado. Si fuéramos al menú principal de Sitios de ejemplo, veríamos también, en el mismo sitio, su submenú correspondiente.



9/ Cómo habilitar la vista de módulos desde el Front (tp=1)

En Joomla! 1.5, por defecto, podíamos ver todas las posiciones de una plantilla añadiendo al final de la url el siguiente parámetro index.php?tp=1. Al intentar hacer esto mismo en Joomla! 1.6 vemos que no se muestran las posiciones. ¿Ya no podemos hacer esto en Joomla! 1.6?

Vamos a ver cómo mostrar ?tp=1 en Joomla! 1.6.

Si añades en mi blog, al final de la URL, el parámetro ?tp=1 (http://www.sergioiglesias.net/blog?tp=1), podrás ver las posiciones (o huecos) que utilizo en mi plantilla. Estos huecos son utilizados para poder mostrar contenido en Joomla!, en concreto, para poder mostrar los módulos que queramos en nuestro sitio web.

Si hacemos esto con Joomla! 1.6 veremos que no sucede nada. Para poder activar esta funcionalidad en Joomla! 1.6, tenemos que ir al Administrador > Gestor de plantillas > Opciones



Dentro del gestor de plantillas, tenemos que hacer clic en el botón de Opciones situado en la barra de herramientas:

Esto nos abrirá una ventana emergente en la que tendremos que activar esta funcionalidad:

Hacemos clic en el check de Habilidato dentro del campo “Previsualizar posición de los módulos”. De esta forma ya podremos visualizar las posiciones de la plantilla predeterminada desde el front.



9.1/ Desahibilitar tp=1 en Joomla! 1.5

Puestos en materia, vamos a ver cómo podemos hacer el efecto inverso en Joomla! 1.5. Es decir, vamos a ver como deshabilitar esta funcionalidad para no mostrar las posiciones de la plantilla predeterminada.

Podemos hacerlo de dos formas distintas:

9.1.1/ Modificando el fichero .htaccess

Tenemos que añadir a este fichero las siguientes líneas:

##### Start ?tp=1 prevention ######

RewriteCond %{QUERY_STRING} tp=(.*)

RewriteRule ^(.*)$ index.php [F,L]

##### End ?tp=1 prevention ######

9.1.2/ Modificando el fichero inde.php de la plantilla

Tenemos que añadir a este fichero la siguiente línea:

JRequest::setVar('tp', 0);



10/ Cómo añadir accesskey (teclas de acceso rápido)

Para poder hacer Joomla! más accesible, una de las cosas que tenemos que añadirle son teclas de acceso rápido.

10.1/ Qué es la accesibilidad web

Accesibilidad web: posibilidad de que un sitio o servicios Web pueda ser visitado y utilizado de forma satisfactoria por el mayor número posible de personas, independientemente de las limitaciones personales que tengan o de aquellas limitaciones que sean derivadas de su entorno.

Importancia de la accesibilidad web: si bien los colectivos directamente beneficiados de la aplicación de la accesibilidad Web en Internet son los discapacitados y las personas mayores, no debemos olvidar que, por su forma de enfocar los contenidos Web y de presentar la información, las pautas de accesibilidad tal y como establece la WAI benefician indirectamente la experiencia online de todos los usuarios del sitio.

Aspectos legales: la Ley Orgánica de Servicios de la Sociedad de la Información y Comercio Electrónico (BOE de 12 de Julio de 2003) establece en la Disposición Adicional Quinta: Accesibilidad para las



personas con discapacidad y de edad avanzada a la información proporcionada por medios electrónicos.

10.2/ Qué son las teclas de acceso rápido o accesskey

Se trata de poder acceder a los diferentes ítems de menú a través de una combinación de teclas del teclado. Al igual que para copiar y pegar desde un documento utilizamos la combinación de teclas CTRL+C y CTRL+P, vamos a ver como hacer lo mismo para acceder a una parte determinada de nuestro sitio web.

Si trabajas con sistemas basados en Microsoft

Windows se utilizan las siguientes combinaciones

de teclas:

• En Internet Explorer 4.0, Netscape, Mozilla: ALT + Tecla de acceso rápido

• En Internet Explorer 5 o superiores: ALT + Tecla de acceso rápido + Tecla ENTER

• En FireFox 2.0: ALT + Tecla Mayúsculas + Tecla de acceso rápido

• En Opera, para activar las teclas de acceso rápido: Tecla Mayúsculas + Esc

En caso de utilizar un Macintosh deberás utilizar

las siguientes combinaciones de teclas:

• Tecla CTRL + Tecla de acceso rápido

10.3/ Modificaciones en el CORE de Joomla! 1.6

10.3.1/ Añadir nuevo campo en la parte del administrador

Para añadir el nuevo campo tenemos que editar el fichero administrator/components/com_menus/models/forms/item_component.xml. Iremos a la línea 31 del fichero y añadimos lo siguiente:

<!-- By sergiois - www.sergioiglesias.net -

->

<field name="menu_accesskey" type="text"

label="COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_

LABEL"

description="COM_MENUS_ITEM_FIELD_MENU_ACCE

SSKEY_DESC"

size="1" default="" />

Después de esto, tendremos que añadir las etiquetas de label y description en los ficheros de lenguaje. De esta forma, lo hacemos multilenguaje. Las etiquetas que hay que añadir son:

• Para es-ES: COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_LABEL="Accesskey" y COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_DESC="Introduzca la tecla de acceso rápido al menú".



• Para en-GB: COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_LABEL="Accesskey" COM_MENUS_ITEM_FIELD_MENU_ACCESSKEY_DESC="Enter the accesskey menu".

Cuando accedemos a la parte de administrador, veremos como se ha añadido correctamente ese campo en la pestaña de "Opciones del tipo de enlace".

NOTA: cabe destacar que el atributo <title> del enlace es el primer campo que aparece en esta pestaña (Atributo para el enlace del título).

10.3.2/ Mostrar el atributo accesskey en los enlaces de menú de la parte de front

Para poner el atributo accesskey en los ítem de menú principal, tenemos que editar dos ficheros del módulo de menú.



En la línea 113 de modules/mod_menu/helper.php tenemos que añadir la siguiente línea de código:

$item->accesskey = htmlspecialchars($item-

>params->get('menu_accesskey', ''));

En la línea 29 de modules/mod_menu/tmpl/default_component.php tenemos que modificar la siguiente línea de código en el case 0:

?><a <?php echo $accesskey; ?> <?php echo

$class; ?>href="/" <?php echo $title;

?>><span><?php echo $linktype;

?></span></a><?php

Con esto ya podemos usar las teclas de acceso rápido en los enlaces del menú principal. Algo que es muy importante de cara a la accesibilidad en sitios web.

Veremos si en siguientes versiones de Joomla! 1.6, podemos incluirlo dentro del CORE por defecto y no tener que realizar estas modificaciones cada vez que se actualicen estos ficheros en futuras versiones.



11/ Cómo integrar acceso a Joomla! con DNI electrónico

Para acceder a la parte registrada de Joomla! 1.6 tenemos distintos plugins: el propio de Joomla!, acceso a través de las credenciales de Google (Gmail) y a través de un servidor LDAP.

Vemos que, con respecto a la anterior versión, ha desaparecido el plugin de acceso a través de OpenId, por lo que intuimos habrá que instalarlo si se requiere de su uso.

En este minitutorial vamos a ver cómo integrar el acceso a Joomla! a través del DNI electrónico. El acceso a través del DNIe cada vez es más frecuente verlo en distintos sitios web: cajas y bancos, policía, universidades, institutos...

Para poder acceder mediante el uso del DNI electrónico tenemos que instalar, previamente, unas librerías en nuestro PHP para que puedan funcionar correctamente las extensiones que utilizaremos.

En local, siempre que utilicemos XAMPP, simplemente tendremos que activarlas descomentando las líneas en las que se encuentran dentro de nuestro php.ini



Para acceder a este fichero tendremos que ir a C:\xampp\php\php.ini Lo abrimos con un editor de texto y buscamos las siguientes librerías:

• GMP (php_gmp.dll)

• CURL (php_curl.dll)

Las encontramos alrededor de las líneas 950 de nuestro fichero php.ini

Descomentar = quitar el punto y coma (;) del inicio de la línea. Una vez realizado este proceso tendremos que reiniciar nuestro servidor Apache. Para ello, iremos al panel de control de XAMPP y paramos y arrancamos el servicio Apache.

Una vez realizado este proceso, ya podemos utilizar las extensiones de acceso mediante DNI electrónico.



NOTA: en caso de que no estén instaladas en nuestro servidor, tendremos que instalarlas de forma manual o a través de algún proceso que nos permita el servidor donde tengamos alojado nuestro sitio web.

La instalación y configuración de librería/extensión para PHP, GMP (sólo en caso de no tenerla instalada se puede encontrar en su página web oficial-> http://gmplib.org/. Esta librería se utiliza para la encriptación de datos. En cuanto a la otra, CURL, suele estar en todos los servidores.

11.1/ Las extensiones

Las extensiones que utilizaremos son las proporcionadas por ViaFirma. Se tratan de un módulo y un plugin de autentificación.

• Descarga: http://code.google.com/p/viafirma-joomla-client/downloads/list

• Instrucciones de instalación y configuración: http://www.xnoccio.com/1134-certificado-digital-dnie-joomla-autenticacion/

• Solicitud de APIKey: http://developers.viafirma.com/es/solicita

• Foro: http://developers.viafirma.com/es/forum

Una vez descargadas e instaladas en nuestro Joomla!, sólo hay que configurarlas con los datos que nos den de la APYKey y tendremos acceso utilizando nuestro DNI electrónico.



NOTA: evidentemente, necesitaremos tener instalado y configurado en nuestro equipo un lector de tarjetas para poder utilizar el DNI electrónico.

Más información: tenemos más información en http://dnielectronico.complusoft.es

manual joomla 16 guia de referencia y minitutoriales

Documents