Joomla! 3.3 - Cree y Administre Sus Sitios Web PDF

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 167

Información

Joomla! 3.3
Cree y administre sus sitios Web

Joomla! es uno de los mejores CMS (Content Management System - Sistema de gestión de contenidos); es
de código abierto, por que es totalmente gratuito, lo que permite crear potentes sitios web y distinguirse de
sus competidores gracias a sus avanzadas características nativas. Con la llegada de la versión 3, Joomla! ha
alcanzado la madurez, gracias a una arquitectura MVC potente, un diseño responsivo (que se adapta al
tamaño de las pantallas de ordenadores portátiles y tabletas) basado en Bootstrap, una mayor velocidad de
procesamiento y una fiabilidad infalible. Ofreciendo más que una herramienta de creación de blogs, Joomla!
permite implementar y hacer evolucionar verdaderas aplicaciones web.

Este libro se dirige tanto a principiantes como a usuarios más experimentados ansiosos por conocer los
avances que trae consigo la versión 3.3. Presenta una metodología de trabajo y explicaciones detalladas
paso a paso para una asimilación progresiva de esta versión de Joomla! que le permitirá crear potentes
sitios web.

Verá cómo instalar Joomla! en todas las configuraciones, locales o remotas, en Mac o Windows, cómo
aprovechar las ventajas de la gestión avanzada de los permisos de acceso y de edición para múltiples
usuarios, cómo manejar el aspecto gráfico del sitio con las plantillas (templates) y cómo usar
los frameworks (plataformas de trabajo) que le harán ahorrar un valioso tiempo en la personalización de
su sitio, sin que sea necesario escribir largas líneas de código.

Entenderá cómo está estructurado el contenido y cómo implementar la mejor organización de


los artículos categorías y módulos.

Se estudiará en detalle la creación de un sitio multilingüe; también aprenderá a usar las herramientas de
navegación y de búsqueda. El poder de Joomla! reside en su extensibilidad, por tanto, aprenderá a instalar y
configurar extensiones, componentes, módulos y plugins para incrementar el potencial de su sitio web:
contenido multimedia, Google Maps... Con un completo sistema de comercio electrónico como Hikashop,
aprenderá a crear y configurar una tienda en línea.

Hay un capítulo dedicado al posicionamiento (SEO) de su sitio; el libro termina con la presentación de las
principales funciones de administración y optimización del sitio: socialización, estadísticas así como
también seguridad, mantenimiento, copia de seguridad y actualización.

Didier MAZIER
Didier Mazier es un diseñador Web dedicado a la enseñanza de creación de sitios en la UIT desde 1997 y
proporciona formación profesional para empresas. Desde hace tiempo ha centrado su interés en soluciones
CMS de código abierto y especialmente en Joomla!. Su experiencia como formador en este CMS de código
abierto le ha permitido identificar las expectativas de los diferentes tipos de público y ofrece este libro como
respuesta.

Publicación: abril de 2015


Ref. ENI : OWT3.3JOO
ISBN : 9782746095151

[email protected] 1
Descubrir Joomla!

Razones para crear un sitio con Joomla!


Es posible que dude entre Joomla! y otros sistemas como WordPress o Drupal, por nombrar sólo estos
simpáticos competidores... Todos tienen sus puntos fuertes y sus cualidades (y algunos puntos débiles
también), y para elegir bien debe tener en cuenta varios criterios importantes:

Una vez que ha creado un sitio con un sistema, será difícil migrarse a otra solución cuando llegue a
los límites del CSM implementado. Por lo tanto, debe elegir no sólo en función de sus necesidades
actuales, sino también anticipar la evolución de los servicios que ofrecerá tarde o temprano a sus
visitantes. En este campo, ¡menos es más!

Un sitio creado con un CMS es una especie de organismo vivo, que debe evolucionar fácilmente con
actualizaciones. En este sentido, es vital centrarse en un sistema cuya hoja de ruta sea clara, que
cuente con una comunidad activa y que garantice el soporte de las versiones en el tiempo. Una
actualización del "núcleo" del sistema deberá complementarse con una actualización de las
extensiones utilizadas, que deben "seguirlo". Por lo tanto, esto requerirá seleccionarlas
cuidadosamente, de lo contrario, el sitio puede tener muchos problemas durante las inevitables
actualizaciones.

Los debates entre los seguidores del CMS son muy intensos, y es difícil encontrar comparativas realmente
objetivas. En general, se puede señalar que:

WordPress es sin duda más fácil de implementar y de administrar que Joomla! pero carece de
características avanzadas, ya que originalmente se orientó para servir de "blog". Aunque sería
apropiado para un sitio de tipo "escaparate", tendrá dificultades para ofrecer más, mientras que
Joomla! ofrece de forma nativa una mayor funcionalidad y mayor solidez.

Drupal, que es muy similar a Joomla!, ofrece evoluciones de sus versiones no siempre evidentes a
nivel de compatibilidad de las extensiones. Drupal es popular entre las empresas de la red
(agencias web), ya que permite a los desarrolladores desarrollar su talento, pero si usted no tiene
habilidades especiales en tecnologías PHP/MySQL, es preferible que elija Joomla!, que es más
accesible.

[email protected] 2
Documentarse sobre Joomla!
Al igual que sus competidores, Joomla! se enorgullece de ser utilizado por organizaciones prestigiosas
como Amazon, Ikea, UNICEF Barnes & Nobles... Pero lo más importante es lo que Joomla! puede hacer
por usted.

Antes de comenzar, puede ser útil consultar el escaparate (el showcase) de los sitios realizados con
Joomla! en esta dirección: http://community.joomla.org/showcase/

Puede filtrar su búsqueda por categoría para comparar su proyecto con otros sitios del mismo sector.
Muchos sitios se están realizando con versiones anteriores de Joomla!, puede encontrar los sitios más
recientes con el menú Recently Added.

Para ver la descripción de un sitio, haga clic en su enlace.

En la página de descripción del sitio, puede consultar las extensiones utilizadas en la sección Case Study.
En el siguiente ejemplo, se han instalado k2 y jevents, para gestionar respectivamente un catálogo y
eventos.

[email protected] 3
La hoja de ruta de Joomla!
Cuando se trata de implementar un sitio con CMS, lo mejor es elegir uno cuya hoja de ruta está clara,
para planificar las actualizaciones y las mejoras en el futuro. Con demasiada frecuencia, los sitios web se
crean con un CMS sin proporcionar un plan de mantenimiento.

Los principales CMS del mercado están impulsados por organizaciones no comerciales, y por lo tanto no
están vinculados por obligaciones contractuales. Además, a menudo dependen de la buena voluntad de
desarrolladores voluntarios. Por tanto, hay grandes diferencias de coherencia en la planificación de los
proyectos de diferentes CMS.

Afortunadamente, Joomla! se comunica bastante bien. Este es el estado de los enlaces tal y como ya se
definieron desde la versión 3.2:

Joomla! ha abandonado el sistema STS/LTS (Short Terme Support/Long Term Support - soporte a
corto y a largo plazo) de las versiones para garantizar una mejor escalabilidad y regresar a una
nomenclatura más "estándar".

Todos estos cambios menores no van a romper la compatibilidad y, por tanto, los sitios pueden
estar sujetos a actualizaciones más frecuentes. Los equipos de desarrollo también trabajarán con
más confianza sin estar sometidos a una presión innecesaria.

Esta es la planificación provisional (las fechas pueden cambiar en función de los avances de la
codificación, siempre teniendo en cuenta que la calidad debe prevalecer):

2014

Versión Evolución Fecha

3.3 Varias mejoras, abandono de Mootools por jQuery. Prevista para finales de
Instalación de extensiones desde el panel de control de abril, salida en julio
Joomla!. de 2014

3.4 Principio de la gran limpieza con la eliminación del Previsto el 15 de julio


componente Weblinks (enlaces web). Muchos de los
componentes se eliminarán gradualmente del núcleo. Si ya
están instalados, no se borrarán durante la actualización.
Pero para las nuevas instalaciones, se deberán añadir
aparte.

3.5 Eliminación de componentes: com_newsfeeds (fuente Previsto el 15 de


RSS), com_banners (banners), com_contacts (contactos) septiembre

3.6 Mejora de la traducción y la gestión multilingüe. Previsto el 15 de


noviembre

2015

3.7 Adición de un nivel de compatibilidad para el Previsto el 15 de febrero


framework Bootstrap. Permitirá elegir la versión del
framework CSS a utilizar.

3.8 Mejora del motor de búsqueda y de las funciones SEF Previsto el 15 de abril
(optimización para los motores de búsqueda).

3.9 Mejora del gestor multimedia y de las funciones de inclusión Previsto el 15 de junio
de contenido externo.

3.10 Nueva plantilla del "back office" responsive y accesible para Previsto el 15 de agosto
reemplazar a las dos actuales.

3.11 Mejoras menores Previsto el 15 de octubre

Teniendo en cuenta los retrasos, el CMS sólo presentará cambios no críticos al menos hasta 2016, y las
actualizaciones serán por lo tanto sencillas. Sin embargo, por prudencia se recomienda no precipitarse
nunca en la actualización de un sitio en producción. Espere siempre un par de semanas para poder seguir
los foros con el fin de verificar que nadie se ha tenido que enfrentar a sorpresas desagradables. En casos
críticos, es preferible llevar a cabo la actualización en un sitio de desarrollo "espejo" para asegurarse de
que todo va bien, teniendo en cuenta las extensiones utilizadas.

[email protected] 4
¿Qué es un CMS?
Joomla! es un CMS, es decir, un sistema de gestión de contenidos (Content Management System en
inglés). Se utiliza para crear sitios web cuyo contenido se almacena y organiza en una base de datos, lo
cual tiene muchas ventajas, porque una vez que se crea el sitio, es posible:

Editar el contenido, añadir y gestionar artículos: artículos, medios, eventos, productos... y a través
de la interfaz de administración (BackEnd) o simplemente a través de la interfaz de usuario
(FrontEnd).

Definir de manera precisa los permisos de acceso y edición para los usuarios y los colaboradores
del sitio: quién puede ver qué y quién puede hacer qué en el sitio.

Implementar características avanzadas que permiten convertir el sitio web en una aplicación
completa: registros, suscripciones, venta en línea, gestión de eventos.

Hacer evolucionar el diseño de forma independiente del contenido.

[email protected] 5
HTML y XHTML
HTML (HyperText Markup Language) un lenguaje de etiquetas para crear páginas web. Este tipo de
lenguaje utiliza etiquetas que funcionan como unidades semánticas que rodean el contenido del texto.

XHTML (lenguaje de etiquetas de hipertexto extensible) es el sucesor de HTML. Se basa en una sintaxis
definida por XML y funciona de manera más estricta que su predecesor. A lo largo de este libro
aprenderemos a utilizarlo.

Somos testigos de un aumento del poder del HTML5, que es una evolución reciente del lenguaje de
etiquetas y que eventualmente sustituirá a XHTML. También es más simple e integra de forma nativa las
funciones de gestión multimedia: audio y vídeo. Su interés es evidente, ya que ofrece oportunidades de
presentación de vídeos en los dispositivos móviles que rechazan las tecnologías vinculadas con Flash por
razones de seguridad.

[email protected] 6
Diferenciar el contenido de la presentación
Esta es una de las ventajas de este tipo de programa. Por una parte, se define el contenido del sitio Web
(título, subtítulo y texto) y, por otra parte, su presentación y las diferentes características.

El contenido se almacena en una base de datos estructurada con tablas, campos y compuesta de
diferentes registros, en el que cada uno representa un elemento.

La presentación se define mediante una plantilla (llamada "Template").

De manera esquemática, una plantilla se compone de:

Una hoja de estilos en formato CSS (Cascading Style Sheets u Hojas de estilo en cascada) que
permite describir la presentación de todos sus documentos HTML. Esto puede ser, por ejemplo, el
tipo de fuente que se utilizará para los títulos o el espaciado de caracteres en las páginas. La
ventaja es que si usted encuentra el tipo de letra demasiado pequeña, un simple cambio en la hoja
de estilos se refleja automáticamente en todos los documentos que componen su sitio.

Las declaraciones en formato XML (eXtensible Markup Language o Lenguaje de etiquetas


extensible) funciona como un esquema que fijará los diversos elementos incluidos en la
composición de su página web. Por ejemplo, una página estará compuesta por un panel central con
el contenido y un panel a la derecha con una lista de los diferentes enlaces para navegar dentro de
su sitio. Este lenguaje también sirve para definir la forma en que se verá la información extraída de
sus bases de datos.

Cuando se realiza un cambio en el aspecto del sitio o agrega una característica, sólo tendrá que intervenir
en la plantilla de su sitio para que este cambio se refleje en todas sus páginas. Esto le ahorra, por lo
tanto, tener que cambiar una a una cada página.

1. Diseño responsive
Desde su versión 3.0, Joomla! se basa de forma nativa en el framework Bootstrap (entorno de
desarrollo), lo cual garantiza una perfecta portabilidad en dispositivos móviles, teléfonos, tabletas,
consolas, etc. También integra las hojas de estilo LESS CSS, que ofrecen una escritura de código más
sencilla y las bibliotecas JavaScript jQuery para gestionar la animación y la interactividad. Se trata de
una herramienta moderna que se basa en fundamentos sólidos, reconocidos por unanimidad.

[email protected] 7
PHP y Apache
PHP (acrónimo de HyperText Preprocessor) es un lenguaje libre de scripts para crear páginas Web
dinámicas a través de un servidor HTTP. El funcionamiento es el siguiente: cuando un usuario quiere ver
una página Web, el navegador envía una solicitud al servidor HTTP correspondiente. Si la página se
identifica como un script PHP, el servidor llama al intérprete correspondiente, que comenzará a procesar la
página. Este contenido se transmite al servidor HTTP, que lo reenvía al cliente. Por lo tanto, las páginas
que se generan con Joomla! llevan en general la extensión PHP y no HTM o HTML.

Un servidor es un programa que, literalmente, ofrece un servicio a un cliente. Hay dos tipos de
servidores: remotos y locales. Un servidor remoto es un equipo en red (la web, por ejemplo)
que responde a las solicitudes de los equipos cliente (incluido su propio equipo): cuando solicita ver
la página principal del sitio de ENI, un servidor DNS se encarga de traducir la dirección que ha escrito
en su navegador a la dirección IP del sitio. Un servidor local es un programa que instalará en su
equipo y que se encargará del procesamiento de los scripts contenidos en la página Web que ha
solicitado ver.

A nivel local, el programa utilizado es Apache HTTP Server ("Apache") que es uno de los servidores HTTP
más populares en la Web.

La implementación de Joomla! se puede realizar de dos maneras:

Instalación local: crea un sitio Web en su ordenador y simula su funcionamiento "como de


verdad". No está disponible en la Web, pero puede migrar el sitio más tarde a un servidor remoto.

Instalación en línea (a distancia): el conjunto de documentos que componen su sitio se coloca


en un servidor web (el proveedor de servicios de hosting de su elección) y es accesible a los
usuarios de Internet.

[email protected] 8
MySQL
MySQL es un sistema de gestión de base de datos (libre). Una base de datos MySQL es un conjunto de
tablas (o matrices) que almacenan los datos (llamados registros). Imaginemos que desea crear el sitio
web corporativo de una compañía aérea, en ese caso podría crear tablas diferentes, por ejemplo las piezas
de un avión, la lista de empleados, los detalles de los vuelos que la compañía comercializa, etc.

El comienzo de la segunda tabla podría tener este aspecto:

Fecha de
Apellidos Nombre Función Edad
entrada

Durán Juan 10/04/1997 Piloto 40

Lorenz Isabel 20/01/2001 Azafata 25

Apellidos y Nombre son campos de registro.

Durán y Lorenz son registros.

El conjunto forma la base de datos de personal empleado en esta empresa.

Desde la versión 3.0 de Joomla!, el controlador PostgreSQL está integrado de forma nativa y los
controladores Oracle, SQLite y PDO están en curso de publicación. En el caso de un sitio que deba
soportar una fuerte carga, poderse apoyar en una base de datos Oracle es un "plus" que coloca a Joomla!
a la vanguardia de los CMS en términos profesionales.

[email protected] 9
¿Sitio estático o sitio dinámico?
Desde el momento en que vaya a utilizar Joomla!, comenzará a crear páginas dinámicas. Sin embargo, es
importante comprender la distinción entre estos dos tipos de páginas:

Una página estática está de una manera u otra predefinida y se verá sin necesidad de que el
servidor web realice ningún tipo de procesamiento.

Una página dinámica funciona de forma diferente: su contenido se almacena en una base de datos
y se genera bajo demanda.

Tomemos el ejemplo de la página de Google Noticias: el contenido se genera en función de lo que ocurre
en el mundo, desde la fecha de hoy, un algoritmo que determina la jerarquía de los artículos, etc.

[email protected] 10
El framework de Joomla!
En el corazón del "motor" de Joomla! se encuentra un potente framework independiente del CMS, gracias
al cual los desarrolladores pueden crear sus propias aplicaciones dedicadas. Se trata de un conjunto de
bibliotecas PHP que le serán útiles si usted es un desarrollador, para escribir sus líneas de comandos PHP y
si desea crear sus propias aplicaciones Web.

Si sólo le interesa el CMS, puede crear su sitio web con Joomla!, pero si desea crear sus propios
programas basados en el lenguaje PHP/MySQL, puede consultar información sobre este tema en la
siguiente dirección: http://framework.joomla.org/

[email protected] 11
CAPÍTULO 1

Instalación de Joomla!

Antes de empezar

1. Pasos para la instalación


La instalación de Joomla! se realiza en tres pasos simples que detallaremos en todos los casos:

Creación de una base de datos MySQL con phpMyAdmin, esta operación es algo diferente
dependiendo de si la instalación es local o en un servidor remoto, y puede variar de un proveedor
de servicios de hosting a otro.

Colocación de los archivos de Joomla! en la raíz del sitio, después de haberlos descargado y
descomprimido.

Configuración de la instalación abriendo la dirección URL del sitio con un navegador de


Internet.

Antes de empezar, debemos decidir si vamos a instalar Joomla! (y por tanto nuestro sitio), en un
servidor local con fines de prueba, o bien directamente en el proveedor de servicios de hosting remoto
previsto. Migrar un sitio local a su servidor de explotación, cuando esté listo, no es siempre una
operación libre de sorpresas. De hecho, no bastará con copiar todos los archivos (los scripts, estilos,
etc.), sino también la base de datos, asegurándose al mismo tiempo de la compatibilidad PHP/MySQL del
servidor. También es probable que sea necesario revisar algunos archivos de configuración...

Por tanto, es preferible realizar la instalación directamente en el servidor final para crear el sitio con
Joomla!. Por supuesto, abordaremos las dos posibilidades, dejándole plena libertad de decisión. Si ha
construido un sitio Joomla! de forma local, la mejor manera de transferirlo a un servidor remoto es
utilizar la extensión Akeeba Backup, disponible
aquí: https://www.akeebabackup.com/products/akeeba-backup.html. Ofreceremos más detalles sobre
esto en el capítulo Administrar un sitio de Joomla!.

2. Las especificaciones necesarias


Joomla! no es muy exigente. Sin embargo, es necesario asegurarse, especialmente cuando se instala en
un host, que se cumplen las condiciones siguientes (en negrita, las configuraciones más comunes):

Versiones de software Recomendado Mínimo

PHP (Magic Quotes GPC off) 5.4 + 5.3.10 +

Bases de datos compatibles:

MySQL (se requiere soporte para InnoDB) 5.1 + 5.1 +

MSSQL 10.50.1600.1 + 10.50.1600.1 +

PostgreSQL 8.3.18 + 8.3.18 +

Servidores web compatibles:

Apache (con mod_mysql, mod_xml, y 2.x+ 2.x+


mod_zlib)

Hiawatha (con soporte para UrlToolkit) Última versión 8

Nginx 1.1 1

Microsoft IIS 7 7

[email protected] 12
[fuente Joomla.org]

a. El archivo HTACCESS y PHP 5

Algunos proveedores de servicios de hosting no ejecutan el lenguaje PHP 5 automáticamente. Por


tanto, es necesario forzar su ejecución con el archivo HTAccess.

Veamos cómo hacerlo en caso necesario:

Conéctese al servidor con un gestor de transferencias FTP como FileZilla (su instalación se explica
en este capítulo, en la sección Herramientas básicas - Transferencia FTP).

Observe que en la raíz del sitio (en la carpeta www) hay un archivo llamado htaccess.txt.

Cambie su nombre a .htaccess.

Para solicitar la ejecución de PHP 5 con OVH, haga lo siguiente:

Copie este archivo a su ordenador y ábralo con la aplicación Text Wrangler (en Mac) o Notepad++
(en PC).

El principio del archivo es el siguiente:

Agregue antes de la línea de separación el siguiente texto:

SetEnv REGISTER_GLOBALS 0
SetEnv PHP_VER 5

Guarde el archivo, envíelo de vuelta al servidor con Filezilla y cámbiele el nombre a .htaccess, si
aún no lo ha hecho.

En Mac, un archivo .htaccess es a menudo invisible para el buscador. Por ese motivo, es
preferible descargarlo en su ordenador como htaccess.txt y cambiarle el nombre una vez
enviado al servidor.

Su sitio ya está listo para ejecutar los programas de PHP 5.

3. Herramientas básicas
Existen algunas herramientas gratuitas que serán útiles a la hora de implementar su sitio. Descárguelas
primero para poder disponer de ellas más adelante.

a. El navegador web

[email protected] 13
En principio, un CMS se basta consigo mismo. Sólo se necesita un navegador web para acceder a su
administración. Atención: es recomendable comprobar siempre el resultado de sus instalaciones en
Internet Explorer, y no sólo en Firefox y Chrome. Una vez que el sitio está operativo, el estudio de las
estadísticas de conexiones le permitirá conocer los navegadores utilizados por sus visitantes.

En Firefox y Chrome, puede agregar una extensión que le permite ver en detalle la composición
de un sitio, lo cual es útil para detectar sobre qué artículo intervenir si es necesario.
Instale Firebug para Firefox aquí: https://addons.mozilla.org/es/firefox/addon/firebug/, y para
Chrome aquí: https://getfirebug.com/releases/lite/chrome/

En el ejemplo siguiente, una vez activado Firebug (aparecerá el símbolo en la parte

superior en color), ambos componentes presentan en la parte inferior de la ventana el código


correspondiente a los elementos de la página.

b. Transferencia FTP

Para transferir los archivos a su servidor, es necesario un software. Recomendamos FileZilla, que es
sencillo, fiable y gratuito. Funciona tanto en PC como en Mac. Puede descargarlo
aquí: http://filezilla.es/. También encontrará todas las explicaciones sobre su funcionamiento y más
adelante explicaremos las principales operaciones.

c. El editor de archivos

Para editar los archivos, por ejemplo, hojas de estilo, puede utilizar un editor de código, como por
ejemplo, para PC, Notepad++, que se puede descargar de forma gratuita
aquí: http://www.notepad-plus-plus.org/

En Mac, puede utilizar Text Wrangler, el hermano pequeño gratuito de BBEdit, más que suficiente
para un uso básico. Descárguelo
aquí:http://www.barebones.com/products/textwrangler/download.html

d. Descomprimir los archivos comprimidos

Si su versión de Windows no ofrece una herramienta dedicada para descomprimir archivos Zip, o
si tiene problemas para hacerlo, puede descargar 7-Zip aquí:www.7-zip.org/download.html

En Macintosh, utilice la herramienta integrada del sistema: simplemente haciendo doble clic en el
archivo se descomprimirá automáticamente.

Una vez equipado con estas herramientas, puede comenzar el trabajo tranquilamente. Vamos a
detallar los tres casos siguientes: un servidor local en Windows, un servidor local en Macintosh y una
instalación en un proveedor de servicios de hosting.

[email protected] 14
Paso 1: crear la base de datos

1. Instalar en un servidor local

a. En Windows

Para hacer la instalación como servidor local en Windows, debe tener un emulador que gestione
Apache, PHP, MySQL y que integre phpMyAdmin, que es la interfaz de acceso y de gestión de la base
de datos. Puede utilizar WampServer, que es gratuito, sencillo y fiable.

Vaya al sitio en la siguiente dirección: http://www.wampserver.com/en/

Haga clic en el menú DOWNLOAD y, a continuación, en el botón de descarga.

Asegúrese de descargar la versión que corresponda a su equipo (64 o 32 bits), los más
recientes funcionan en 64 bits.

Si es preciso, rellene el formulario que aparece o haga clic en el enlace download directly.

Elija ejecutar (Internet Explorer) o guardar el archivo y, en este último caso, inicie la aplicación
después de descargarla.

Siga el asistente y acepte la ubicación de la unidad de raíz del disco duro (C:\).

Si un cortafuegos bloquea la funciones de Apache, permita el acceso.

Una vez instalado, el icono de WampServer aparece en el área de notificación (a la derecha de


la barra de tareas), en la pantalla de inicio de Windows 8, puede iniciarlo a través de su
miniatura, así como mediante el acceso directo del escritorio.

[email protected] 15
Haga clic en el icono Iniciar servicios situado en el área de notificación y en la opción para

iniciar los servidores; a continuación, haga clic en phpMyAdmin del menú WampServer. Si se le
pide que introduzca un nombre de usuario y contraseña, escriba root para el nombre de usuario y
deje la contraseña en blanco.

La página de phpMyAdmin se abre en el navegador.

En la ficha Bases de datos, introduzca el nombre de la base de datos en la zona Crear base de
datos y, en la lista, seleccione el cotejamiento utf8_unicode_ci para obtener una visualización
correcta de los caracteres acentuados.

Haga clic en Crear.

Recuerde el nombre de la base de datos ya que necesitará especificarlo durante la instalación


de Joomla!.

En adelante, cuanto menos intervenga en el panel de control de phpMyAdmin, menos riesgos


correrá de realizar alguna manipulación incorrecta. Tenga en cuenta que estas manipulaciones
serán irreversibles, por lo que es poco prudente dar acceso a usuarios inexpertos (como por ejemplo
a sus clientes, si es diseñador web). Por otro lado, a través de esta interfaz puede corregir errores en
la fuente y actuar sobre los elementos de la propia base de datos.

[email protected] 16
b. En Mac OS

El proceso es similar con un Macintosh.

Descargue e instale Mamp aquí: http://www.mamp.info/en/

Tenga en cuenta que también existe una versión beta de Mamp para PC. Si es necesario,
pruébelo, pero se desaconseja su uso en producción por el momento.

Inicie Mamp y en la ventana que aparece, haga clic en Start the servers.

Una vez que se han iniciado, las opciones Apache Server y MySQL Server aparecen
seleccionadas.

Si es necesario, puede hacer clic en el icono Preferences para verificar la versión de PHP que
está en uso. Aunque la caché no es necesaria, seleccione la opción off (apagado) en la
lista Cache.

Por defecto, la carpeta raíz será htdocs situada en la carpeta Applications/ Mamp. Puede
cambiarla, especialmente si gestiona varias instalaciones de CMS diferentes, creando una
subcarpeta. A continuación, deberá indicar a Mamp la carpeta raíz a tener en cuenta.

Para ello, haga clic en la ficha Web Server y, a continuación, en la opción Select.

Seleccione la carpeta que ha creado y haga clic en Open.

A continuación, haga clic en Open start page (abrir la página de inicio) en la ventana MAMP.

Se abrirá el navegador predeterminado y mostrará la página siguiente.

Abra el menú Tools (herramientas) y seleccione la opción phpMyAdmin.

El procedimiento de creación de una base de datos será bastante similar al descrito para
Windows, salvo por un detalle que concierte a los datos del administrador generados por
defecto, el nombre del usuario será root y la contraseña root también (mientras que en
Windows está vacía).

c. En un proveedor de servicios de hosting remoto

Los procedimientos pueden variar de un proveedor de servicios de hosting a otro. Algunos


proveedores, como OVH, ofrecen una instalación (paso 1 - creación de la base de datos y paso 2 -
colocación de los archivos) automática. De todas formas, es recomendable hacerlo uno mismo para
tener un mayor control sobre la instalación.

Elegir un proveedor de servicios de hosting adecuado

Antes de instalar su sitio Joomla! en un servidor remoto, deberá suscribirse a un proveedor de


servicios de hosting.

Existen muchas posibilidades. Al principio, es preferible elegir un proveedor de servicios de hosting


compartido. Estos servicios suelen tener un precio de 12 € a 100 € / año dependiendo de las opciones.
La mayoría de los sitios no necesitan un alojamiento de gran tamaño y siempre se puede evolucionar
en el futuro.

Sin embargo elija un proveedor de servicios de hosting conocido por alojar muchos sitios de Joomla!.
Algunos ofrecen la instalación automática de Joomla!. Si se decanta por esta solución, asegúrese con
antelación de que va a poder acceder a la interfaz de PHP MyAdmin para poder intervenir en la base de
datos en caso de necesidad.

[email protected] 17
Tenga cuidado con los pseudo-expertos de alojamiento Joomla!, que con frecuencia han demostrado
ofrecer un decepcionante nivel de soporte técnico.

Evite los alojamientos «gratuitos» que esconden un acuerdo tácito con tasas exorbitantes para el
segundo año.

Si cree que su sitio va a soportar un gran número de visitas, puede optar por un alojamiento con una
base de datos SQL privada, o un alojamiento dedicado. En este último caso, usted tendrá su propio
servidor, que estará ubicado en su proveedor de servicios de hosting, pero sobre el cual tendrá el
control total de administración y dispondrá de un mayor ancho de banda.

Adquirir un alojamiento básico

Deberá elegir un nombre de dominio, solicitar un alojamiento y ponerlo en marcha.

Por ejemplo, vaya al sitio de OVH en esta dirección: http://www.ovh.es

Hemos elegido a este proveedor porque que es fiable y sus servidores son rápidos. Si el
acceso a la base de datos que almacena el contenido no es muy rápido, sus páginas se
mostrarán muy lentamente, cosa que no ocurre con OVH.

En el campo correspondiente en la página de inicio, indique su nombre de dominio. En este punto


ya debe tener en cuenta el posicionamiento en los motores de búsqueda y elegir en consecuencia
un nombre explícito.

La extensión depende de su ubicación. Para un sitio español, es recomendable que opte por la
extensión .es.

Haga clic en el botón Registrar.

Se mostrará un mensaje que le informará de la disponibilidad de su nombre de dominio y le


permitirá elegir entre otras extensiones.

Seleccione una y haga clic en Continuar.

Si necesita proteger su identidad, elija un Alldom que garantice la propiedad del nombre con
todas las extensiones.

A continuación, elija la oferta que mejor se adapte al tipo de sitio que desea construir.

La elección de un DNS anycast es interesante para los sitios con vocación global, ya que
acelera las conexiones para los visitantes de cualquier parte del mundo. Optar por la
oferta Gold es un buen comienzo.

Haga clic en Seleccionar.

Se muestra el paso Elija el alojamiento. Para un sitio muy simple con relativamente pocas
visitas, la oferta Personal es suficiente, pero si tiene previsto un flujo de visitas sostenido y
características transaccionales avanzadas (comercio electrónico, gestión de eventos con
registro, múltiples colaboraciones, etc.), es preferible optar por una solución más potente
especialmente con una base de datos SQL personal.

Haga clic en Seleccionar al lado de la oferta que haya elegido.

Para asegurar sus transacciones, es interesante optar por el certificado SSL (Secure Socket
Layers), que tranquilizará a sus clientes.

A continuación, deberá seguir el proceso de compra habitual.

Al final de la transacción se le notificará y recibirá un correo electrónico de confirmación de su


pedido, después sucesivamente los pasos de implementación de su nombre de dominio, DNS,
etc.

[email protected] 18
En teoría, la propagación del DNS lleva unas 48 horas, pero en la práctica, su alojamiento será
operativo en una o dos horas.

Crear la base de datos SQL en un servidor remoto

La instalación en un proveedor de servicios de hosting es sencilla y no requiere de conocimientos


informáticos especiales. Siga las instrucciones paso a paso, sin saltarse ninguno.

En primer lugar, debe crear la base de datos SQL donde se almacenarán todos los contenidos de su
sitio web: artículos, imágenes, vídeos, listas de usuarios, etc.

En OVH, por ejemplo, en la sección Alojamiento del Manager, haga clic en el icono Gestión SQL.

A continuación, haga clic en Base nueva.

Escriba un nombre para la base de datos. Elija un nombre claro, sencillo y anótelo.

Haga caso omiso de la invitación para crear una nueva base de datos de prueba en los nuevos
servidores SQL Solaris, que están en fase beta y por lo tanto no se recomienda para sitios en
producción.

Haga clic en Aceptar.

Se le informa del éxito de la operación.

Su base de datos SQL no se activa inmediatamente. Espere a recibir un correo electrónico que le
informará de su puesta en marcha, con la información de conexión, como por ejemplo:

Servidor: mysql5-11.start

Usuario: pruebajoutmanuel

Nombre de la base de datos: pruebajoutmanuel

Contraseña: notelavoyadecir

A priori, la codificación de la base de datos es correcta en OVH. Pero puede asegurarse y


descubrir la utilidad PhpMyAdmin.

En la parte Bases de datos SQL de la ventana Alojamiento, haga clic en el


icono PhpMyAdmin.

En la ventana que aparece, se muestra la información sobre la base de datos y el servidor.

Haga clic en el enlace Haga clic aquí.

Introduzca sus credenciales de identificación y seleccione el servidor.

A continuación, haga clic en el botón Continuar.

Haga clic en la ficha Operaciones.

En la lista del cuadro Cotejamiento, seleccione la opción utf8_general_ci.

[email protected] 19
A continuación, haga clic en el botón Continuar.

Se le informa del éxito de su consulta.

[email protected] 20
Paso 2: colocar los archivos de Joomla! en la carpeta raíz
Para descargar una versión en español de Joomla!, vaya al siguiente
sitio:http://www.joomlaspanish.org/

Haga clic en Descargar Pack: Joomla! Spanish 3.3.1.

También puede descargar los archivos de idioma, por ejemplo, si ha instalado Joomla! en inglés
desde el sitio Joomla.org y desea traducirlo al español.

Descomprima el archivo que ha descargado y coloque todos los archivos en la raíz de su sitio web:

En una instalación local en Macintosh con Mamp, en la carpeta Applications\Mamp\htdocs.

En una instalación local en PC, en la carpeta C:\Wampserver\www o C:\wamp\www.

No debe colocar la carpeta en sí, sino todo su contenido. En el siguiente ejemplo, estos 24 elementos
se colocan dentro de una subcarpeta porque estamos administrando varios sitios de manera local. Si
usted sólo administra un sitio, estos elementos se colocarán en el primer nivel, en la
carpeta htdocs (o www según el caso).

[email protected] 21
En una instalación remota (por ejemplo, en OHV) en la carpeta raíz, normalmente www. Para
enviar los archivos a un servidor, utilice un software de FTP como FileZilla. FileZilla se comporta
como un explorador de archivos. Una vez conectado al servidor con la información de conexión
(dirección del servidor, usuario y contraseña), simplemente envíe los archivos a la
carpeta www. En Mac, simplemente basta con arrastrar y soltar.

Dependiendo de la velocidad de su conexión a Internet, el envío de archivos puede tardar algún tiempo
debido a que hay más de 30 MB de transferencia de datos.

[email protected] 22
Paso 3: configurar la instalación
Con la base de datos instalada y los archivos transferidos a la raíz del sitio, sólo nos resta configurar la
instalación. Para ello, basta con abrir la URL del sitio y seguir las indicaciones del asistente de instalación
de Joomla!.

En un servidor remoto, escriba la dirección URL, por ejemplo: http://www.misitio.es

En una instalación local en PC, haga clic en el icono en el área de notificación y

seleccione la opción Localhost en el menú.

En una instalación local en Mac, escriba directamente http://localhost:8888/ en la barra de


direcciones del navegador. Si su instalación se encuentra en una subcarpeta, añada el nombre
de la carpeta al final de la dirección: http://localhost:8888/nombredelacarpeta.

La configuración se efectúa en tres pasos.

En primer lugar, especifique el nombre del sitio y su descripción (que podrán modificarse más
adelante), y escriba la información de conexión para el administrador en los campos Correo
electrónico, Nombre de usuario y Contraseña.

La protección de su sitio comienza aquí: no facilite las cosas a los hackers


eligiendo Admincomo nombre de usuario o una contraseña evidente (123, el nombre de su
empresa, etc.).

Especifique también si desea que el sitio esté "fuera de línea" para que no esté accesible al público
durante su construcción haciendo clic en Sí.

A continuación, haga clic en Siguiente.

Ahora configure la base de datos que creó anteriormente rellenando los siguientes campos:

Tipo Base de Datos: en una instalación local, seleccione MySQL. Normalmente, en un


proveedor de servicios de hosting el tipo MySQLi es más seguro, pero es necesario comprobar
que el controlador está bien instalado por su proveedor. En caso de incompatibilidad, un
mensaje de error indicará que no se pudo establecer la conexión a la base de datos y será
suficiente para cambiar el tipo en la lista desplegable.

Nombre del Host: en una instalación local, especifique localhost. En un alojamiento remoto,
el proveedor le informará sobre el nombre del servidor y las credenciales para conectarse a la
base de datos.

Usuario: en una instalación local, tanto en Mac como en PC, introduzca root.

Contraseña: introduzca root en Mac; deje el campo vacío en PC.

Nombre de la base de datos: es el que usted ha definido. Si lo ha olvidado, está en la página


de administración de phpMyAdmin.

Prefijo de la tabla: se genera automáticamente. No lo cambie a no ser que tenga una buena
razón, y en caso de hacerlo, no utilice un prefijo evidente por razones de seguridad.

Procesar base de datos antigua: en el caso de una instalación con una base de datos ya
poblada, tiene la opción de eliminar las tablas definitivamente o de añadirles un prefijo que las
neutralizará.

Para pasar al último paso, haga clic en Siguiente.

El paso Finalización evolucionará progresivamente a medida que se eliminen los componentes


del núcleo de Joomla!. En el futuro, estos componentes deberán instalarse y configurarse
posteriormente y aparte.

Para elegir instalar los datos de ejemplo en el caso de que desee familiarizarse con Joomla!,
seleccione la opción Datos de ejemplo predeterminados en Español (ES). Si ya es un usuario
experimentado, seleccione Nada.

En el cuadro Información general, haga clic en Sí en la opción Configuración del correo


[email protected] 23
electrónico para recibir un correo electrónico con un resumen de todos los datos.

A continuación, compruebe que la configuración es correcta y asegúrese de que todas las


características están activadas (luces verdes) para las opciones de los cuadros Comprobando Pre-
Instalación y Configuraciones recomendadas.

A continuación, haga clic en Instalar.

La ventana muestra los pasos de instalación en tiempo real:

Luego, aparecerá un mensaje informándole del éxito de la instalación:

Por razones de seguridad, elimine la carpeta de instalación con un clic en el botón Eliminar la
carpeta de instalación (installation).

Si desea instalar idiomas adicionales, haga clic en el botón Instalar idiomas. También es posible
instalar fácilmente idiomas más adelante, por lo que este paso es opcional en este punto.

Para acceder al sitio tal y como está publicado (FrontEnd), haga clic en el botón Sitio o para acceder
a la interfaz de administración (BackEnd), haga clic en Administrador.

Para acceder al FrontEnd, vaya a la dirección URL del sitio:

En el alojamiento remoto, por ejemplo: http://www.misitio.es

En una instalación local en Mac: http://localhost :8888

En una instalación local en PC: http://localhost

Para la Administración, deberá añadir /administrator a la dirección URL (por ejemplo:


http://localhost/administrator). Esto no es lo más inteligente a nivel de seguridad (WordPress
tiene el mismo problema con WP-admin), por lo que será necesario acudir a extensiones para
proteger el acceso a la administración, por ejemplo añadiendo un sufijo-clave a esta dirección
URL, como hace AdminTools o JLSecure My Site (puede consultar más información en el libro
Mejore su sitio Joomla! de Ediciones ENI).

Para acceder con mayor facilidad a estas direcciones, le recomendamos que las añada a la
carpeta Favoritos de su navegador.

¡Joomla! está instalado, ahora sólo queda construir su sitio!

[email protected] 24
CAPÍTULO 2

Comenzar a utilizar Joomla!

Funcionamiento de un sitio Joomla!

1. Vocabulario y organización
Para tratar correctamente con un sistema de gestión de contenidos completo como Joomla!, lo mejor es
empezar realizando una descripción general y explicando la naturaleza de los términos utilizados.

El siguiente esquema resume el modo de funcionamiento.

Ya hemos visto que un sitio de Joomla! se compone de dos partes: el sitio en sí y una interfaz de
administración.

En el sitio, los usuarios pueden, según sus permisos de acceso:

Acceder o no al contenido publicado.

Interactuar.

Contribuir añadiendo contenido o modificando el contenido existente.

La interfaz de administración, reservada para los colaboradores más avanzados y los administradores del
sitio, permite lo siguiente:

Los Artículos, producidos y organizados en Categorías que pueden anidarse ilimitadamente; los
artículos pueden contener archivos multimedia.

Los archivos Multimedia: fotos, vídeos, sonidos...

Los Módulos aseguran la visualización de funciones específicas.

[email protected] 25
Los Componentes enriquecen el CMS con funciones completas: comercio electrónico, gestión de
eventos, etc., a menudo ofrecen estas funciones a través de módulos; algunas características
más ligeras se gestionan mediante simples plugins.

Las Plantillas definen la apariencia del sitio.

Los Menús contienen los enlaces de navegación entre todos los elementos.

Los Idiomas son necesarios en el caso de un sitio multilingüe.

Los Permisos de acceso organizan los permisos para ver y actuar sobre los contenidos o la
estructura del sitio.

2. La interfaz de administración
Si usted es un usuario experimentado de software o de CMS, puede saltarse esta sección y consultarla
cuando sea necesario. Si, por contra, es usted principiante, acompáñenos en una visita al horizonte de la
organización de la interfaz de Joomla!.

a. La organización general y los menús

Una vez controlado el acceso a la interfaz de administración, introduzca la información de


conexión que ha introducido durante la instalación. En el caso de un sitio web multilingüe, puede
elegir el idioma, que también puede asignarse a un usuario determinado.

A continuación, haga clic en Acceder.

Después de la autenticación, aparece el Panel de control:

Las zonas de la interfaz de administración son las siguientes:

La Barra de menús horizontal (1) compuesta de menús completos que ofrecen todas las
funcionalidades.

El panel de navegación (2) compuesto de enlaces de acceso es una novedad de la versión 3.


Algunos enlaces son idénticos a las opciones del menú de la barra de menú horizontal, y en
última instancia, probablemente los reemplazará.
A continuación, observará que se puede acceder a la gestión de usuarios a través del
menú Usuarios de la barra de menús horizontal y mediante el enlace Gestor de usuarios del
panel de navegación.

[email protected] 26
El menú vertical está organizado por categorías:

CONTENIDO: acceso a las funciones principales de Joomla! (añadir y gestionar artículos,


categorías y archivos multimedia).

ESTRUCTURA: para gestionar la navegación y los módulos.

USUARIOS: para administrar los usuarios y los colaboradores.

CONFIGURACIÓN: configuración general, aspecto gráfico (plantillas) e idiomas.

EXTENSIONES: instalación de características adicionales.

MANTENIMIENTO: actualización de Joomla! y de las extensiones.

Centro de notificaciones (3): aquí aparecen los mensajes de Joomla!. Por ejemplo, si después
de la instalación hace clic en el botón Revisar mensajes, puede leer el mensaje sobre la
identificación en dos pasos que aumenta la seguridad. Ofreceremos más detalles sobre esta
operación en el capítulo Administrar un sitio Joomla! - La seguridad. Puede ocultar los mensajes
después de haberlos consultado con un clic en Ocultar este mensaje.

Para regresar al Panel de control, seleccione la opción Panel de control en el menú Sistema o

haga clic en el icono Joomla! situado a la izquierda de la barra de menús.

El panel de control también ofrece información relacionada con el uso de Joomla! como los
usuarios conectados, los artículos más populares o los más recientes (4). Tenga en cuenta que
esta posición de la plantilla de administración se puede enriquecer con información contextual
a través de extensiones que lo utilizan.

[email protected] 27
También se puede personalizar. Para hacerlo, abra el menú Extensiones - Gestor de
módulos y seleccione a la izquierda Administrador en lugar de Sitio. Puede desactivar los
módulos que no le interesen, como lo haría en el frontend.

En el siguiente ejemplo se puede ver que el componente K2 muestra información en más de


tres módulos por defecto.

Por último, en la parte inferior de la ventana hay una barra de estado (5) que informa sobre
el estado multilingüe del sitio, permite ver el sitio en una nueva pestaña o ventana del
navegador, o bien cerrar la sesión, funciones que son redundantes.

En el extremo derecho de la barra de menús horizontal, haga clic en el icono para obtener

una vista previa del sitio en una nueva ventana (o pestaña) de su navegador.

Para concluir este recorrido general, observe que el menú Ayuda le proporciona directamente
acceso a las ayudas y foros online, así como al directorio de extensiones (el JED - Joomla
Extensions Directory), a las traducciones, al centro de seguridad (que publica periódicamente
el resultado de la jornada anterior y las correcciones), y a los recursos para desarrolladores.

b. Los botones de acción

Cuando se encuentre en la gestión de contenidos (artículos, módulos, usuarios, etc.), aparecerá la


siguiente barra de herramientas, que puede variar ligeramente en función del contexto:

Nuevo: creación de un nuevo elemento.

Editar: edición de un elemento.

Publicar: hacer que un elemento sea visible en el sitio.

Despublicar: hacer que un elemento no sea visible en el sitio.

Destacado: se mostrará en la página de inicio.

[email protected] 28
Archivar: dejará de ser visible, pero se almacenará en reserva para su consulta o utilización
posterior.

Desbloquear: hace que un elemento pueda editarse. Tenga en cuenta que si usted trabaja en
un elemento y sale de la página sin guardar o cancelar los cambios, se considerará que todavía
se está editando y por lo tanto seguirá bloqueado.

Papelera: eliminación de un elemento. Mientras la papelera no se vacíe, se podrá recuperar el


elemento.

Lote: se trata del procesamiento por lotes que permite realizar una modificación que se aplicará
a varios elementos seleccionados en la lista.

Cuando se esté editando un elemento, se verá la siguiente barra de herramientas:

Guardar: guarda los cambios realizados permaneciendo en la página de edición del elemento.

Guardar y cerrar: guarda los cambios y sale de la página de edición del elemento, que ya no
estará bloqueado.

Guardar y nuevo: guarda los cambios del elemento, que ya no estará bloqueado, y abre la
página de edición de un nuevo elemento.

Guardar como copia: guarda un nuevo elemento con las características introducidas.

Cancelar: sale de la página de edición del elemento (que ya no estará bloqueado) sin guardar
los últimos cambios.

[email protected] 29
Configuración global
La configuración reagrupa todos los ajustes principales y ofrece varias
pestañas: Sitio, Sistema, Servidor, Permisos y Filtros de texto. Si está ansioso por empezar a
construir su sitio web, puede saltarse esta información y conservarla para referencia futura cuando sea
necesario, pero es recomendable que no lo haga para poder tener una visión global del sistema sobre el
que va a trabajar.

Para acceder al panel de configuración, seleccione, en el menú Sistema, la opción Configuración


global.

1. La configuración del sitio


La ficha Sitio permite volver a los ajustes realizados durante la primera instalación, para completarlos y
también perfeccionar la administración de su sitio. Detallaremos los puntos más importantes.

a. Personalización del mensaje fuera de línea

Haga clic en SISTEMA - Configuración global. Para empezar, en el campo Mensaje


personalizado del cuadro Configuración del sitio, puede personalizar el mensaje de
mantenimiento que aparecerá cuando su sitio esté fuera de línea.

Para añadir una imagen (su logotipo, por ejemplo) y hacer que este mensaje sea más agradable,
haga clic en Seleccionar en la opción Imagen para "Sitio fuera de línea".

Se abrirá la ventana del administrador de archivos multimedia:

[email protected] 30
Si la imagen es visible en la ventana, selecciónela o, para utilizar una imagen guardada en su
equipo, haga clic en el botón Examinar, situado en la parte inferior de la ventana, localice el
archivo de su ordenador y ábralo con un doble clic en su icono; a continuación, haga clic
en Iniciar subida. Cuando la imagen aparezca en la ventana del administrador, selecciónela.

A continuación, haga clic en el botón Insertar.

El mensaje y la imagen seleccionados aparecerán en la ventana de advertencia de sitio fuera


de línea.

b. Los ajustes de comodidad

Estas son las principales opciones de configuración:

La visualización de iconos de edición con mouse over (es decir, que reaccionan al pasar el ratón
sobre ellos) no son realmente útiles y además dependen de la plantilla (template) que se utilice.

El editor predeterminado es Tiny MCE, que ha mejorado considerablemente. Si lo prefiere,


puede elegir extensiones como JCE o CKEditor que, una vez instaladas, aparecerán en la lista y
se podrán utilizar en lugar de Tiny MCE. Tenga en cuenta que se trata del Editor
predeterminado y que puede asignar un editor diferente a cada usuario si es preciso.

No se instala ningún Captcha (prueba de Turing para evitar que robots de spam utilicen los
formularios). Una vez que haya añadido una extensión, para administrarla, puede seleccionarla
en esta lista.

Acceso por defecto: corresponde a los usuarios que tienen acceso por defecto a un nuevo
elemento cuando se crea. Evidentemente, esto podrá modificarse elemento por elemento.

Longitud de las listas: número de artículos (artículos, módulos, etc.) que se muestran por
defecto por página.

RSS y correo electrónico de los hijos: la eliminación de este componente del núcleo de Joomla!
está programada, por lo tanto, es posible que no pueda ver estos ajustes, que quedarán
obsoletos pronto.

c. Los metadatos

La configuración de estos parámetros es muy importante, ya que la visibilidad de su sitio web depende
directamente de ellos.

El contenido de los campos Metadescripción del sitio y Metapalabras clave deben ser objeto de
toda su atención. Es necesario escribirlas desde el punto de vista del usuario final y no del de sus

[email protected] 31
servicios técnicos o comerciales. Todo el arte de la optimización para motores de búsqueda se basa en
la pregunta: ¿cómo lo va a buscar el usuario?

Robots: las indicaciones que dé a los robots condicionarán la manera en la que explorarán su sitio:

Indexación les pide que indexen el sitio.

Seguir les pide que sigan los enlaces de navegación.

Por tanto, debe combinar estas dos indicaciones para obtener lo que desea, lo más habitual es elegir la
opción Seguir con indexación. Si no desea indexar su sitio, entonces seleccione la opción No seguir
y no indexar.

Si la opción Mostrar la metaetiqueta del autor está ajustada en Sí, la etiqueta Autor se añadirá a
las páginas para indexar el autor de los elementos. Para administrar el sistema de «authorship» de
Google, será necesario utilizar plugins como por ejemplo SD Google Authorship, que puede
encontrar en el JED (y en nuestro libro dedicado a las mejores extensiones de Joomla!).

d. Los parámetros SEO

Por defecto, las direcciones URL se reescriben "de forma clara" (SEF). Sin embargo, incluyen la
cadena index.php, lo cual no es muy elegante. Un artículo mostrará, por
ejemplo:http://misitio.truco/index.php/miartículo...

Para evitar esto, active Sí para la opción Usar la reescritura de URLs.

Para que esto funcione correctamente, debe hacerse en un servidor Apache (la mayoría de los
casos) con el archivo HTACCESS en uso. Para ello, cambie el nombre del archivo htaccess.txt,
situado en la raíz del sitio, en .htaccess, algo que no podrá hacer directamente de forma local en
Mac, ya que la nomenclatura que comienza por un punto está reservada a los archivos del
sistema. En este caso, el truco consiste en abrir el archivo htaccess.txt con TextWrangler y
volverlo a grabar como .htaccess. Un cuadro de alerta le advertirá de que este archivo está
oculto (no visible), pero el resultado está ahí. A continuación, busque este archivo oculto, utilice la
herramienta gratuita Onyx (procedimiento descrito aquí: http://es.wikihow.com/ver-archivos-
ocultos-en-Mac-OS-X-y-otros-modelos-recientes).

Otros ajustes son:

Agregar el sufijo (html, php etc) a la URL: esta opción no es realmente útil.

Alias unicode: muestra todos los caracteres, incluidos los acentuados.

Incluir el nombre del sitio en el título de las páginas: añade el título del sitio en la
barra (o la pestaña) del navegador.

e. Configuración de las "cookies"

Especifique el alcance de las cookies y su lugar de almacenamiento.

Debe cumplir con la legislación europea sobre cookies, es decir, debe informar sistemáticamente a los
usuarios del uso de cookies y darles la opción de continuar (aceptar) o salir del sitio. Las plantillas
integran esta función, y hay extensiones gratuitas que gestionan muy bien esto, como por ejemplo EU
e-Privacy Directive, que puede encontrar en el JED.

2. La configuración del sistema


Haga clic en la ficha Sistema para acceder a la configuración del sistema.

Estos son los ajustes en los que puede intervenir según sus necesidades:

Configuración del depurador: si la opción Depurador del sistema está ajustada en Sí, el
sitio muestra en la parte inferior de la página la información del sistema, lo cual resulta útil
para comprender qué ha ocurrido en caso de presentarse algún problema. En producción, es
mejor no activarla, ya que los usuarios podrían verse afectados por estas indicaciones.

[email protected] 32
Configuración de la caché: por defecto, la caché está desactivada. Su función es almacenar
páginas de una misma sesión para volverlas a cargar más rápidamente. El caché a veces
resulta contraproducente para sitios importantes con muchas visitas. Si la utiliza, tenga en
cuenta que la carpeta en la que se almacenan los archivos de la caché debe tener los
permisos chmod 777, es decir, con todos los permisos de lectura y escritura para todos.

Configuración de las sesiones: las sesiones están configuradas para tener una duración de
15 minutos, lo cual es un plazo demasiado corto cuando se está en la fase de desarrollo de su
sitio. Puede cambiar este valor por una duración más larga, pero recuerde volver a ajustar
este parámetro en 15 una vez que el sitio esté en producción, por razones de seguridad.

3. La configuración del servidor


Haga clic en la ficha Servidor para acceder a la configuración del servidor.

Estas son las principales opciones de configuración en las que puede intervenir:

Compresión ’Gzip’ de páginas: si la opción está ajustada en Sí, las páginas se comprimirán y
podrá ofrecerlas más rápidamente. Esto puede ocasionar incompatibilidades con algunas plantillas
o extensiones. Esta característica se debe probar e implementar únicamente si el ahorro de
tiempo de visualización de las páginas es significativo.

Forzar SSL: el cifrado de los datos transferidos (Secure Socket Layer) añade una seguridad muy
valiosa para los usuarios, pero su uso está justificado únicamente en entornos en los que circulan
datos sensibles.

Enable Proxy (Habilitar proxy): según su entorno de servidor (si usted mismo aloja su propio
sitio), puede solicitar a Joomla! que pase por un proxy para proteger las transferencias. Si lo
activa, será necesario introducir la información del proxy.

4. La configuración de los permisos


Haga clic en la ficha Permisos para acceder a la configuración de los permisos.

La configuración de los permisos es el primer paso en la gestión del acceso y de los usuarios.
Aquí se trata de especificar aquello que un grupo de usuarios tiene permiso para hacer o no.

Estos permisos se conceden para cada grupo. Es posible crear tantos grupos como sean
necesarios.

En el panel izquierdo, seleccione el grupo de usuarios afectados por el cambio y especifique sus
permisos en el panel derecho.

Hay permisos que pueden ser Permitidos, Denegados o Heredados de un grupo padre:

Acceso al sitio Permite registrarse como usuario identificado.

Acceso a la administración Permite el acceso a la administración (al Backend).

Acceso fuera de línea Permite navegar por el sitio cuando está cerrado.

Súper usuario Proporciona acceso a todas las acciones posibles en la


administración, excepto para la gestión de permisos.

Acceso a la interfaz de Permite navegar en la parte de administración (Back Office) del


administración sitio.

Crear Permite crear contenidos en las extensiones.

Borrar Permite eliminar contenidos en las extensiones.

Editar Permite editar contenidos en las extensiones.

Editar estado Permite cambiar el estado del contenido en las extensiones.

[email protected] 33
Permite publicar/despublicar.

Editar propios Igual que el anterior, pero limitado al contenido propio del
usuario.

En el siguiente ejemplo, los usuarios del grupo Administrador tienen todos los permisos,
excepto para las acciones reservadas al Súper usuario, el acceso a la Administración y el acceso
fuera de línea.

5. La configuración de los filtros de texto


Haga clic en la ficha Filtros de texto.

Definirá de manera precisa las etiquetas permitidas para sus usuarios. Es útil proteger el sitio de
ataques que puedan lanzarse mediante determinadas etiquetas. Por otro lado, de esta manera
garantiza el respeto al diseño gráfico, evitando que los colaboradores puedan aplicar estilos no
autorizados.

Los filtros propuestos son los siguientes:

Lista negra por defecto Evita la inserción de las etiquetas más peligrosas.

Lista negra personalizada Evita la inserción de todas las etiquetas que especifique en los
campos Filtrar etiquetas y Filtrar atributos (separados por
comas).

Lista blanca Permite sólo las etiquetas que se introduzcan en los siguientes
campos.

Sin HTML Prohíbe todas las etiquetas.

Sin filtrado Permite todas las etiquetas.

[email protected] 34
Gestionar los usuarios
La organización del control de acceso y de edición es bastante potente y es capaz de gestionar
prácticamente todos los casos a diferencia de otros CMS más básicos. Está estructurada en Usuarios,
Grupos, Permisos y Acceso.

1. Gestionar los permisos de acceso y de edición


El esquema general está organizado de la siguiente forma:

Cada usuario puede pertenecer a uno o varios grupos de usuarios.

Es posible crear tantos grupos de usuarios como sean necesarios.

Para cada grupo, especifica las acciones autorizadas (configuración y permisos). Aquí se elige
lo que pueden hacer los miembros de un grupo.

Es posible crear tantos niveles de acceso (usuarios y niveles de acceso) como sean necesarios,
a los cuales se les asignarán grupos. El nivel de acceso se aplica a un elemento, por tanto,
aquí se define aquello que los miembros de un grupo pueden ver.

Para cada usuario, se especifica a qué grupos pertenece.

Los cambios son muy flexibles, ya que en cualquier momento puede hacer lo siguiente:

Cambiar la pertenencia de un usuario a uno o varios grupos.

Cambiar las autorizaciones de un grupo.

Cambiar los grupos asignados a un nivel de acceso.

Cambiar el nivel de acceso a un elemento.

2. Crear un grupo de usuarios


Tomemos un ejemplo concreto y veamos el procedimiento de creación de un usuario que sería Diseñador
web.

El primer paso consiste en crear un grupo específico.

En el menú Usuarios, seleccione Grupos - Añadir nuevo grupo.

En el campo Título del grupo, escriba el nombre del grupo que desea crear y, si es preciso,
seleccione, en la lista Grupo principal, el grupo del cual heredará los permisos.

[email protected] 35
Haga clic en el botón Guardar y cerrar.

Ahora debe gestionar los niveles de acceso a los que se asignará este grupo, Diseñador web en
nuestro ejemplo.

Asigne los Niveles de acceso con un clic en el enlace correspondiente del panel izquierdo.

Haga clic en uno de los niveles de acceso existentes para editarlo y agregue el grupo Diseñador
web marcando la casilla de verificación situada junto al nombre del grupo.

El principio es que cuando un elemento (artículo, categoría, módulo, etc.) solicite uno de estos
niveles de acceso para ser visible, un miembro del grupo de Diseñador web podrá acceder a él.

A continuación, haga clic en el botón Guardar y cerrar.

Puede ser recomendable crear un nivel de acceso reservado a nuestro grupo Diseñador web.

En este caso, haga clic en Nuevo, escriba un nombre para este nivel y seleccione únicamente el
grupo correspondiente, aquí Diseñador web.

A continuación, haga clic en el botón Guardar y cerrar.

Para terminar de configurar los permisos, en el menú Sistema, seleccione la opción Configuración
global y haga clic en la ficha Permisos. Haga clic en el grupo correspondiente, aquí Diseñador
web y compruebe que ha heredado los permisos de su grupo padre (Publicador).

Cambie los permisos que desee personalizar con las listas desplegables y haga clic en Guardar.
Podrá ver los nuevos permisos una vez se actualice la página.

3. Crear un usuario
Para crear un usuario, abra el menú Usuarios y seleccione Gestor de usuarios - Añadir un
nuevo usuario. Complete la información que desee en el formulario que aparece.

A continuación, haga clic en Guardar.

Para agregar este usuario a uno o varios grupos de usuarios, haga clic en la ficha Grupos de
usuario asignados y luego seleccione el grupo o grupos correspondientes.

A continuación, haga clic en Guardar.

Haga clic en la ficha Configuración básica y especifique los parámetros del usuario.

La mayoría de los ajustes debe dejarlos sin cambios. Observará que a un usuario se le puede asignar un
idioma disponible para su interfaz de administración, así como una plantilla personalizada. En el caso de
un sitio administrado internacionalmente, tenga en cuenta también la zona horaria de los colaboradores.

A continuación, haga clic en Guardar y cerrar.

[email protected] 36
4. Registro automático de los usuarios
Si se autoriza la operación, los usuarios pueden registrarse como usuarios registrados en el proprio sitio
(FrontEnd). El formulario de identificación y el formulario de registro pueden colocarse en un módulo.

En el ejemplo siguiente, en la página de inicio de sesión, el usuario que aún no está registrado puede
registrarse haciendo clic en el enlace ¿Todavía no tienes una cuenta?.

Luego se dirige a una página de creación de cuenta. Una vez que el formulario ha sido completado y
enviado correctamente, recibirá un correo electrónico con un enlace de activación. Nada más hacer clic
en este enlace, se activará su cuenta. Si no se permite la activación automática, deberá hacerlo
manualmente.

Desde la página Panel de control, haga clic en el enlace Gestor de usuarios en el panel
izquierdo para mostrar la lista de usuarios.

En el ejemplo siguiente, el usuario no está ni Habilitado, ni Activado.

Para desbloquear el usuario, haga clic en las casillas de las


columnas Habilitado y Activadocorrespondientes al usuario.

5. Configuración general de la gestión de usuarios


Para acceder a la configuración general, muestre la lista de usuarios con un clic en el enlace Gestor
de usuarios del Panel de control y, a continuación, en la parte superior derecha de la ventana,
haga clic en el botón Opciones.

La página Configuración de usuarios se compone de cuatro fichas: Componente, Historial


de notas de usuario, Correo masivo y Permisos.

a. Componente

Aquí se especifican los siguientes ajustes:

Permitir el registro de usuarios : en este caso, visto en el ejemplo anterior, los usuarios
pueden registrarse ellos mismos.

Grupo predeterminado de registro: los nuevos registrados se colocan en este grupo por
defecto.

Grupo para los invitados: los no registrados se colocan en este grupo por defecto.

Enviar contraseña: el usuario recibirá por correo electrónico la contraseña que introdujo
durante el registro.

Activación de cuentas de usuario: si elige la opción Por sí mismo, el usuario se activará


nada más abrir el enlace de activación automática recibido por correo electrónico.

Los demás parámetros son obvios. Observe que también puede aumentar la complejidad de las
especificaciones para la contraseña exigiendo que incluyan números, caracteres especiales y
mayúsculas...

b. Historial de notas de usuario

Si la opción Guardar historial está habilitada, las versiones anteriores de un usuario que haya
cambiado de nombre de usuario o de contraseña se conservarán. Estas versiones se pueden restituir si
así se solicita.

c. Correo masivo

Especifique aquí el Sufijo del texto de correo que se verá de forma predeterminada en un envío
de correo electrónico en masa a sus usuarios, por ejemplo el nombre de su sitio web, así como la
firma al final del mensaje.
[email protected] 37
6. Las notas de usuarios
Tenga en cuenta que la información relacionada con sus usuarios constituye una base de datos nominal.
En España, debe declararse a la Agencia Española de Protección de Datos que puede comprobar que no
almacena información ilícita, especialmente en materia de pertenencia étnica, religiosa o preferencias
sexuales, que podrían acarrear una importante sanción, o incluso llevarle a prisión. Así que hay que
tener mucha cautela con el uso de las notas de los usuarios, especialmente si se alimentan por múltiples
colaboradores.

a. Organizar las categorías de notas

Para crear una categoría de notas desde la página del Gestor de usuarios, haga clic en el panel
izquierdo, en el enlace Categorías de notas y luego en el botón Nuevo o elija en el
menú Usuarios, Categoría de notas - Añadir nueva categoría.

Escriba el Título de la categoría y su Descripción en los campos correspondientes.

En la ficha Publicación, introduzca toda la información relacionada con la creación y edición de

esta categoría, especialmente su creador, que podrá elegir con un clic en el icono .

En la ficha Permisos, especifique lo que está permitido para los grupos interesados.

En el ejemplo siguiente, limitamos el grupo Diseñador web a poder crear únicamente notas
en esta categoría. No puede ni eliminar ni editar.

En la ficha Opciones, seleccione un tipo de presentación si la plantilla lo permite y asigne una


imagen a la categoría con un clic en Seleccionar y luego, en la ventana que se abre, en la
imagen deseada y en el botón Insertar.

Tenga en cuenta que las categorías se pueden anidar. En el ejemplo siguiente, hemos creado la
categoría Comentarios positivos cuya categoría principal es GRC - Gestión de Relaciones
con los Clientes. Aunque es posible modificar estas categorías, así como sus relaciones más tarde,
es preferible pensar con anterioridad su estructura de árbol.

b. Crear una nota de usuario

Desde la página Gestor de usuarios, haga clic en el enlace Notas de usuario y luego en el
botón Nuevo o seleccione, en el menú Usuarios, la opción Notas de usuarios - Añadir una
nota de usuario.

Escriba toda la información relativa a la nota: Asunto, Id de usuario correspondiente que ha

seleccionado con un clic en el icono .

Seleccione una categoría en la lista Categoría o, si no ha creado ninguna categoría, seleccione la


opción Sin categoría.

Especifique también el Estado y el Tiempo de revisión.

La Nota de la versión sólo es útil en los casos más complejos.

Introduzca el texto de la nota en el campo Nota.

Intente ser preciso. Dispone de un completo editor y puede incluir enlaces e imágenes como lo
haría en un artículo.

Para terminar, haga clic en Guardar y cerrar.

La nota aparecerá en la lista:

[email protected] 38
También observará la presencia de las notas en la lista de usuarios. Puede consultar y crear
una nota con un clic en el botón Añadir nota correspondiente a la fila de cada usuario.

[email protected] 39
CAPÍTULO 3

Los gráficos de los sitios de Joomla!

Las plantillas
En Joomla! la forma está separada del contenido, la presentación del sitio se basa en la plantilla, un
modelo gráfico cuyos archivos se almacenan en una carpeta específica, que a su vez se almacena dentro
de la carpeta Templates del sitio. Por defecto, encontrará las carpetas:

beez, la plantilla básica.

protostar, una plantilla alternativa.

system, las plantillas de los elementos funcionales (botones, iconos, etc.).

Las plantillas se gestionan completamente a través del Panel de control del sitio, por lo que, en principio,
no tendrá que intervenir en estas carpetas.

1. El diseño responsive Bootstrap


Joomla! se basa de forma nativa en el sistema Bootstrap, que asegura una lectura óptima de los sitios
en dispositivos móviles con tamaños de pantalla muy variados.

Inventado por dos desarrolladores de Twitter, Bootstrap (http://getbootstrap.com/) se basa simplemente


en la detección de la anchura de la pantalla (de hecho, en el de la ventana del navegador). Incluye
preprocesadores que garantizan una carga rápida de las páginas.

Es necesario entender que la adaptación no consiste sólo en cambiar el tamaño de los elementos
(imágenes, módulos, etc.), sino que también afecta a su posicionamiento, o incluso a su apariencia. Por
ejemplo, una barra de menús muy grande debe presentarse de manera diferente para un teléfono móvil.
Por tanto, es necesario tener hojas de estilo que gestionen adecuadamente estas adaptaciones, pero
también scripts de JavaScript que activen su implementación.

En el siguiente ejemplo, el sitio de la izquierda muestra una barra de menús horizontal, mientras que en
el centro, con una pantalla más estrecha, los menús se presentan unos encima de los otros, y finalmente
en un teléfono celular, es la estructura de la página cambia pasando de 2 a 1 columna.

Esta prueba se realiza con una extensión de Chrome que recomendamos, llamada Responsive
test. Una vez instalada, se puede acceder a ella con un clic derecho en la página.

Cuando elija una plantilla, ya sea de pago o gratuita, asegúrese de que es capaz de adaptarse a los
dispositivos móviles, puesto que ya son los más utilizados para consultar sitios web.

2. Elegir una plantilla

a. Los criterios

[email protected] 40
A la hora de elegir una plantilla, no se guíe únicamente por sus gráficos, sino que debe basar su
decisión en los siguientes criterios:

Responsive: para poder adaptarse a los dispositivos móviles, como acabamos de ver.

Múltiples posiciones: cuanto mayor sea el número de posiciones disponibles para colocar
elementos, mayor flexibilidad creativa obtendrá. Añadir posiciones no previstas inicialmente en
una plantilla requiere habilidades avanzadas y mucho tiempo.
En el siguiente ejemplo, la plantilla (proporcionada por RocketTheme) ofrece una gran cantidad
de posiciones (que a su vez ofrecen subposiciones - 5 para el encabezado o header) para
colocar sus artículos. Quizás no las utilice todas, pero es una garantía de que no estará limitado.

La configuración de la estructura debe ser lo más flexible posible y estar prevista en el


Panel de control. Por ejemplo, con un simple clic debería poder cambiar los tamaños relativos de
las subposiciones o la ubicación de las columnas como en el siguiente ejemplo donde se pueden
ver todas las combinaciones posibles entre el contenido y las columnas laterales:

Múltiples ajustes predefinidos deben ofrecer combinaciones de colores variados, lo cual le


evitará hacer malabarismos con las CSS para adaptarlas a su diseño gráfico. A continuación,
también en RocketTheme, la plantilla cuenta con seis esquemas de color predefinidos (que
pueden cambiarse elemento por elemento en el Panel de control).

El estilo de los módulos debe ser lo más variado posible, la tipografía modulable con el uso
nativo de fuentes alojadas en línea como Googles Fonts, y la provisión de conjuntos de iconos
también en forma de tipografía.

En los sitios de demostración de los principales productores de plantillas, por lo general encontrará el
acceso a esta información agrupada en un menú llamado Features, como a continuación en
RocketTheme.

[email protected] 41
La compatibilidad con los componentes principales que tiene previsto utilizar como K2
(gestión de contenidos avanzada), JomSocial (gestión de redes sociales), etc.

b. Los proveedores de plantillas

Evite las plantillas gratuitas que ofrecen los sitios de "repositorio de plantillas", ya que pueden hacerle
perder mucho tiempo y dinero al final, porque:

no recibirá asistencia, no se corregirán los errores;

no seguirán a las actualizaciones, lo que podría "cargarse" su sitio en la primera evolución del
CMS;

será difícil adaptarlas a su diseño gráfico, ya que a menudo están desarrolladas de una manera
poco ortodoxa;

no serán compatibles con sus extensiones.

Evite también los intermediarios que presentan cientos de plantillas procedentes de diversas fuentes,
que no vamos a mencionar, pero que a menudo aparecen en la primera página de resultados de
Google, porque:

son más caros que la media;

no cuentan con ninguna garantía y presentan más o menos los mismos defectos que hemos
mencionado antes.

Entonces, ¿a dónde acudir? Independientemente de cuál sea su modo de comercialización, una buena
plantilla nunca le costará más de cincuenta euros, lo cual es insignificante en comparación con el
ahorro de tiempo y la calidad que garantizan. Puede explorar con seguridad los siguientes proveedores
que también trabajan tanto para Joomla! como para WordPress:

Yootheme (http://www.yootheme.com/): las plantillas están basadas en el framework de la


casa Warp. Algunas son gratuitas y todas son de buena calidad.

Rockettheme (http://www.rockettheme.com/joomla/Templates): algunas plantillas son


gratuitas, pero muy eficaces; otras tienen un precio razonable a través de una suscripción
desde 59 USD. También encontrará extensiones muy interesantes. Tenga en cuenta que las
plantillas se basan en el framework Gantry, que ofrece grandes posibilidades de personalización
a través del Panel de control.

Gavick (http://www.gavick.com/): como Rockettheme, pero con diseños innovadores. Gavick


basa sus plantillas en su framework Gavern, cuyo uso es muy flexible, y ofrece tres

[email protected] 42
posibilidades gratuitas bastante eficientes (http://www.gavick.com/joomla-Templates/tag,free-
Joomla.html). Por contra, la documentación no siempre es evidente.

Joomlart (http://www.joomlart.com/): productor más clásico cuya plantillas son más


adecuadas para sitios convencionales y sobre todo tienen la ventaja de estar diseñadas para
actividades específicas.

JoomlaBamboo (http://www.joomlabamboo.com/): ofrece plantillas muy bonitas, a menudo


minimalistas, ideales para sitios relacionados con el diseño, el arte o la moda.

Si aun así prefiere las plantillas gratuitas o si desea realizar pruebas en un sitio que no está en
producción, pruebe uno de estos "repositorios de plantillas":

Free Joomla Templates (www.freejoomlaTemplates.com/);

Joomla Shack (https://www.joomlashack.com/);

Joomla 24! (www.joomla24.com).

[email protected] 43
Gestión de plantillas
Ahora que ya sabemos elegir las plantillas, veremos cómo se gestionan con Joomla! y cómo se instalan y
asignan.

1. La interfaz
En la categoría CONFIGURACIÓN del panel izquierdo, haga clic en el enlace Gestor de
plantillaso seleccione la opción Gestor de plantillas en el menú Extensiones.

La interfaz se presenta de la forma siguiente:

Fichas Estilos y Plantillas (1): un estilo es una configuración particular basada en una plantilla
que se puede aplicar a todas (por defecto) o solamente a determinadas páginas. Una plantilla
reagrupa el conjunto de recursos utilizados para crear los estilos.

Botones de acción (2): se aplican a los elementos seleccionados en la lista.

Filtros (3): permiten aislar uno o varios elementos en base a los criterios seleccionados en las
listas desplegables (por plantilla o por ubicación).

Botones Ayuda y Opciones (4).

Lista de elementos (5): puede ordenarla con un clic en los encabezados de columna. El
símbolo indica un estilo utilizado por defecto; el símbolo indica un estilo asignado

específicamente a una o varias páginas.

2. Las opciones
Haga clic en el botón Opciones.

Para activar la vista previa de la posición de los módulos, haga clic en Habilitado.

La vista previa será útil más adelante en la construcción del sitio.

A continuación, ajuste los siguientes parámetros:

Tamaño de las subidas (MB): indique el tamaño máximo para la transferencia de archivos (el
tamaño sólo afecta al gestor de plantillas).

Formatos de archivo soportado para las imágenes, archivos de código y fuentes.

[email protected] 44
La ficha Permisos permite a otros usuarios abrir el gestor de plantillas ya que, por defecto,
está reservado al Súper usuario.

Para terminar, haga clic en Guardar y cerrar.

3. Las plantillas
En el panel izquierdo, haga clic en la ficha Plantillas para consultar las plantillas disponibles en las
que se basan los estilos.

Por defecto, la vista previa no está disponible. La activación de la vista previa de las posiciones
en las Opciones hace que esté disponible.

Haga clic en el enlace Previsualizar para ver el sitio en una nueva pestaña con indicaciones de las
posiciones en color rojo, lo cual es muy útil a la hora de elegir una posición para colocar un módulo.

Para volver a la ventana Gestor de plantillas, cierre la pestaña de la vista previa.

Haga clic en el enlace Detalles y archivos para mostrar la lista de archivos. A continuación,
seleccione en el panel izquierdo el archivo que desea editar.

El contenido del archivo aparecerá en el panel derecho de la ventana. Ahora es posible


personalizar los elementos que desee.

A continuación, haga clic en Guardar y cerrar.

¡Atención! Para que se guarden los cambios, es necesario que estos archivos y las carpetas que los
contienen tengan permisos de acceso al servidor. Si abre estos permisos completamente (chmod
777) a través de FTP (con FileZilla, por ejemplo), creerá un enorme agujero de seguridad. Esto no es
muy preocupante ya que su sitio no está abierto, pero recuerde que debe restablecer los permisos de
acceso y escritura una vez que implemente su sitio (por ejemplo, chmod 755 ).

4. Las sustituciones (overrides)


Haga clic en la ficha Crear modificaciones.

Esta ficha permite crear una variante de un archivo desde la interfaz de administración.

Haga clic en el archivo deseado.

Ya se puede editar este archivo y la variante asignada a un elemento como, por ejemplo, un
módulo.

Una vez creada la sustitución, se almacena en una carpeta colocada en la carpeta html de la
plantilla. A continuación, basta con editarla con TextWrangler o Notepad++.

5. Editar un estilo
Seleccione el estilo, márquelo en la lista y haga clic en el botón Editar. A menudo es interesante
duplicar un estilo existente, en este caso, haga clic en Duplicar.

Abra el estilo duplicado con un clic en su nombre y en la pestaña Avanzado. Cambie el nombre en
el campo Nombre del estilo y especifique los ajustes deseados, que pueden variar de una plantilla
a otra.

Las plantillas que probaremos más adelante ofrecen una amplia gama de ajustes.

[email protected] 45
En este ejemplo, hemos duplicado el estilo Protostar y añadido una imagen para el logotipo
(botón Seleccionar).

Observará también que hemos optado por un diseño Fluido.

A continuación, haga clic en Guardar.

La ficha Asignación de Menú permite elegir las páginas a las que se aplicará el estilo.

En nuestro caso, seleccionaremos Inicio, visible en el cuadro Menú principal.

A continuación, haga clic en Guardar y Cerrar.

Para ver la página del sitio, haga clic en , a la derecha de la barra de menús.

La página de inicio ha cambiado de aspecto gráfico teniendo en cuenta nuestros valores.

6. Instalar una plantilla de terceros


Una vez elegida la plantilla, la instalación es sencilla, aunque es necesario tomarse algo de tiempo para
ajustarla en detalle con el fin de adaptarla a sus necesidades. Se trata de un trabajo que requerirá una
combinación de habilidades de diseñador web, ergonomía y a veces de desarrollador. Estudiemos un
caso concreto.

a. Descargar e instalar una plantilla

Supongamos que en Gavick, decide instalar una plantilla gratuita, como Music Free.

Abra la página del sitio: http://www.gavick.com

En el menú JOOMLA, seleccione JOOMLA TEMPLATES.

En la lista Categories, a la derecha, haga clic en Free.

Haga clic en la vista previa de una plantilla para acceder a la página que la presenta en detalle.

Haga clic en FREE DOWNLOAD.

Si no ha iniciado sesión en el sitio de Gavick, el formulario que aparece le permite hacerlo. Si


ya tiene una cuenta, complete el formulario de la izquierda y haga clic en ACCOUNT LOGIN;
en caso contrario, complete el de la derecha y haga clic en REGISTER. A continuación,
regrese a la lista de plantillas gratuitas, haga clic en la que desea descargar y luego en el
botón FREE DOWNLOAD.

Haga clic en los dos botones DOWNLOAD NOW para descargar los dos archivos:

gk_music_free_J!30.zip: archivo de la plantilla que no hace falta descomprimir. Es


suficiente para hacer funcionar la plantilla y está diseñado para que Joomla! lo instale.

gk_music_free_rest_files_J !30.zip: archiva los archivos que utiliza la plantilla, y en


caso de que desee modificarlos deberá descomprimirlo.

Tenga en cuenta que este paquete es muy útil ya que también contiene las
extensiones: módulos y plugins que se puede utilizar si desea ampliar las funcionalidades.
Los estudiaremos más adelante.

[email protected] 46
En el Panel de control, haga clic en el enlace Instalar extensiones visible en la
categoría EXTENSIONES ya que la plantilla es una extensión como cualquier otra de Joomla!.

En la ficha Subir paquete haga clic en Seleccionar un archivo (Mac) o Examinar (PC) y haga
doble clic en el archivo de la plantilla sin descomprimir.

A continuación, haga clic en Subir e instalar.

Un mensaje le informa del éxito de la operación y le informará sobre la plantilla:

b. Configurar una plantilla

En el menú Extensiones, seleccione Gestor de plantillas y compruebe que la plantilla instalada


está presente en la lista de estilos. Normalmente, no está ni asignada ni es la predeterminada.

Haga clic en su título para abrirla y editarla.

También puede seleccionarla marcando su casilla y haciendo clic en Editar.

Observará, si tiene en cuenta el número de fichas, que esta plantilla es altamente


personalizable, comparada con la que había instalada inicialmente. Recuerde que estos ajustes
pueden variar dependiendo de cada desarrollador de plantillas y la riqueza de sus frameworks.
Vamos a detallar los ajustes más importantes.

En la ficha Layouts puede ajustar los parámetros de la estructura. La opción Grid base
width corresponde a la anchura máxima de la página. De forma predeterminada, es muy
pequeño, puede ampliarlo a 960 px. Siempre se recomienda realizar pruebas con los tamaños
de los dispositivos móviles, como por ejemplo con la extensión Responsive Design Test de
Chrome, para garantizar la correcta visualización de su sitio en todas las circunstancias.

En la ficha Fonts puede especificar para cada categoría de elementos las fuentes de
caracteres que desea utilizar, sin limitarse a las fuentes web básicas.

Para cada elemento, elija el origen de la fuente en la lista desplegable (Body - font, Header -
font...), y a continuación indique la dirección URL de la fuente y el nombre de su familia en los
dos campos siguientes (Font url y Font family).

Por ejemplo, si desea utilizar las fuentes Rock Salt de Google, acceda a la dirección del sitio de
Google Fonts: https://www.google.com/fonts. En el cuadro de búsqueda (panel superior
izquierdo), introduzca Rock Salt para mostrar más rápidamente la familia de la fuente y luego

haga clic en el icono Quick use para ver los detalles y copie la dirección URL de la

fuente.

Pegue esta URL en el campo Font url e introduzca Rock Salt, la familia de la fuente, en el
campo Font family.

A continuación, en el siguiente campo, especifique a qué selectores asignar esta fuente. Aquí, las
etiquetas de encabezado de nivel H1.

Guarde (sin salir) con un clic en Guardar y luego compruebe que la fuente se ve correctamente

[email protected] 47
abriendo la página del sitio.

En la ficha Features puede elegir el tipo de logo que aparecerá: imagen, texto, CSS.

En el caso de una imagen, haga clic en Seleccionar y, a continuación, seleccione la imagen en el


gestor multimedia y haga clic en Insertar.

También observará que esta configuración le ofrece la posibilidad de utilizar la tipografía de la


plantilla y los iconos facilitados.

Si decide hacer esto, consulte su descripción en esta


dirección: http://demo.gavick.com/free/may2012/index.php/typography para, a continuación,
en sus contenidos, editar el estilo de las viñetas, las listas con guiones, las leyendas y otros
símbolos como los siguientes:

En la ficha Menu, seleccione el módulo de menú proporcionado por la plantilla y la asignación


a un menú (en este caso, el menú principal):

En la ficha Social API, indique qué botones de redes sociales mostrar y si permite el acceso a
través de Facebook.

La ficha Cookie Law muestra una alerta obligatoria en Europa. Por desgracia, lo hará en
inglés, pero más adelante veremos cómo traducirla.

La ficha Advanced settings ofrece ajustes para la compresión de los estilos y de las
bibliotecas utilizadas. Será necesario activar y probar estas compresiones una por una para
comprobar que no afectan negativamente a la presentación del sitio.

Después de cada una de estas opciones, haga clic en Guardar y cuando haya terminado, haga clic
en Guardar y cerrar.

A continuación, puede comprobar que la plantilla funciona correctamente.

Aquí explicamos cómo traducir el mensaje de advertencia sobre las cookies que aparece en la parte
inferior de la página.

Localice (en el servidor con la ayuda del software FTP FileZilla) el


archivo raízdelsitio/language/en-GB/en-GB.tpl_gk_music_free.ini, que es el archivo de
idioma de la plantilla.

Descárguelo (si el sitio está alojado en un servidor) y ábralo con TextWrangler en Mac o
Notepad++ en PC.

Realice una búsqueda del término cookie para localizar rápidamente las cadenas relacionadas con
el tema que nos interesa.

Traduzca las cadenas deseadas, como a continuación:

Si vuelve a guardar el archivo modificado en el mismo lugar, perderá la versión en inglés, lo cual
puede ser perjudicial para un sitio multilingüe. Es mejor guardar el archivo traducido en la
carpeta raízdelsitio/language/es-ES cambiando en-GB por es-ES al principio del nombre del
archivo.

Si su sitio está en español, Joomla! entenderá que debe utilizar este archivo de idioma y el
módulo quedará traducido, como se muestra aquí.

[email protected] 48
7. Utilizar un framework
Hemos visto que los sitios de plantillas también ofrecen frameworks. En general, se ofrecen
directamente con una plantilla minimalista para que pueda personalizar absolutamente todos los
parámetros.

Veamos el ejemplo de Gantry, proporcionado por RocketTheme.

a. Descargar e instalar un framework

La instalación es idéntica a la de una plantilla.

En su navegador, escriba la siguiente dirección


URL: http://www.rockettheme.com/joomla/templates/quasar y haga clic en Download.

Si desea descargar únicamente el framework, haga clic en el botón Download situado al lado del
título Quasar Template (Standalone); para descargar el framework y una plantilla básica, lo
cual es muy recomendable para poder comprobar el impacto de su configuración, haga clic en el
botón Download situado al lado del título Quasar Template bundled with Gantry.

Para instalar el archivo descargado, en la categoría EXTENSIONES del Panel de control, haga clic
en el enlace Instalar extensiones. En la primera ficha, haga clic en Seleccionar un
archivo(Mac) o Examinar (PC) y haga doble clic en el archivo de la plantilla sin descomprimir. A
continuación, haga clic en Subir e instalar.

Un mensaje le informa del éxito de la operación y le muestra una lista de los componentes
instalados:

En la lista de estilos (enlace Gestor de plantillas), haga clic en el título Quasar - Default para
acceder a la configuración.

La principal diferencia es la capacidad de variar el número y las proporciones de las posiciones


y por consiguiente, de colocar elementos. En el ejemplo siguiente, hemos fijado 2 posiciones
para la posición Top con una relación 9 | 3 a favor de la subposición a. Este sistema ofrece
una gran libertad de trabajo para el diseñador web.

De los frameworks disponibles, puede probar:

Warp de YooTheme: http://www.yootheme.com/themes/warp-framework

JV Framework: http://joomlavi.com/joomla-templates/jv-framework-3-0.html

Le permitirán una personalización completa sin tener que crear todas las partes de las plantillas, lo
cual le ahorrará un tiempo muy valioso.

[email protected] 49
La gestión de los medios
El gestor multimedia nativo de Joomla! es un poco pobre. En el capítulo dedicado a la gestión de artículos
veremos cómo instalar JCE, que no sólo facilitará su edición, sino que además le ofrecerá un gestor
multimedia mucho más eficiente.

1. Las opciones del gestor multimedia


En la categoría CONTENIDO del Panel de control, haga clic en Gestor multimedia y, a
continuación, en el botón Opciones, situado en la parte superior derecha.

En la ficha Componente, añada las extensiones de los archivos que desea importar, como por
ejemplo, la extensión SVG en el campo Extensiones permitidas.

¡Atención! Aunque pueda enviarlos, en realidad sólo los archivos reconocidos por el W3C podrán
mostrarse correctamente en un navegador, así que olvídese de las extensiones .PSD, A, a
menos que quiera ofrecerlos para su descarga. Para algunos servidores, es preferible colocar
estos archivos por orden alfabético en el campo Extensiones permitidas.

Si se habilita la verificación de los tipos MIME, indique el tipo en el campo Tipos de


MIMEpermitidos, por ejemplo image/svg.

Si ha activado la opción Restringir subidas, será necesario al menos pertenecer al


grupo Gestor para poder enviar archivos.

2. Organizar los archivos multimedia


Para mostrar la lista de archivos multimedia, haga clic en el enlace Gestor multimedia en el Panel
de control.

Los archivos multimedia están organizados de tal forma que pueden colocarse en carpetas.

Navegue por las carpetas haciendo clic en sus iconos, tanto en la ventana principal como en el

[email protected] 50
menú lateral. Para volver a la carpeta superior, haga clic en el icono .

Para crear una nueva carpeta, haga clic en el botón Crear una nueva carpeta y, a continuación,
escriba el nombre de la carpeta en el cuadro de texto que aparece y haga clic en Crear carpeta.

Para enviar un archivo, haga clic en Subir y, a continuación, Seleccionar archivos (Mac)
o Examinar (PC). Haga doble clic en el archivo y haga clic en Iniciar subida. Por favor, respete el
tamaño máximo permitido especificado en las opciones de configuración.

En el siguiente ejemplo, verá que hemos podido enviar un archivo de tipo PDF.

Como puede ver, este sistema es bastante básico y no permite el procesamiento por lotes ni mover
elementos. Tenga por seguro, que utilizando un editor avanzado (y gratuito) como JCK o JCE, disfrutará
de una gestión mucho más conveniente de los archivos multimedia. En la sección Gestionar los artículos
- Crear un artículo del capítulo Organizar el contenido, podrá consultar el proceso con JCE.

[email protected] 51
CAPÍTULO 4

Organizar el contenido

Introducción
En este capítulo vamos a familiarizarnos con el universo de Joomla! y verá cómo crear sus primeros
artículos.

Los artículos se pueden clasificar o no. Aunque no es obligatorio, se recomienda organizar el contenido en
una estructura lógica que permita optimizar, entre otros, la referencia al sitio. Antes de empezar a crear
artículos, es importante crear las categorías necesarias. Joomla! permite el anidamiento de las categorías
de manera ilimitada.

[email protected] 52
La configuración global del contenido
La gestión de la presentación del contenido, ya sean artículos o páginas de categorías en forma de blog o
lista, está previsto que se establezca de forma predeterminada para no tener que hacerlo elemento por
elemento. Estos valores siempre se pueden modificar más adelante para controlar las excepciones.

En el menú Contenido, seleccione la opción Gestor de artículos.

En la barra de iconos, haga clic en Opciones .

En la ventana que se abre, las fichas clasifican los ajustes que se asignarán a los elementos de
contenido. Los ajustes por defecto son adecuados en la mayoría de los casos, pero vamos a
explicar los más importantes para que pueda consultarlos cuando sea necesario.

1. Opciones de los artículos


La configuración establecida aquí se aplicará a los artículos. Se pueden modificar en el propio artículo,
además de en el menú que le da acceso.

Rellene los siguientes campos:

Elegir presentación Seleccione en la lista una presentación proporcionada por la


plantilla.

Mostrar título Seleccione si lo desea Ocultar o Mostrar.

Título enlazable En el modo de blog, que sólo presenta el texto introductorio, se


podrá hacer clic en el título para acceder al artículo completo.

Mostrar texto de Elija si desea Mostrar u Ocultar el texto de introducción en el


introducción artículo.

Información de la posición La colocación de la información en relación con el artículo Encima,


del artículo debajo (Debajo) o ambos (Dividido).

Mostrar la categoría Para Mostrar u Ocultar la categoría de la que depende el artículo.

Categoría enlazable Coloca un enlace en el título de la categoría.

Mostrar categoría principal Para Mostrar u Ocultar la categoría principal de la categoría de la


que depende el artículo.

Categoría principal enlazable Coloca un enlace en el título de la categoría principal.

Mostrar autor, Autor Para Mostrar u Ocultar esta información.


enlazable, Mostrar fecha de
creación/modificación/
publicación

Mostrar navegación Para Mostrar los enlaces Anterior y Siguiente para pasar de un
artículo a otro.

Mostrar votaciones, Mostrar Para Mostrar u Ocultar estos elementos.


’Leer más’, Mostrar el título
en lugar de ’Leer más’

Límite de ’Leer más’ En el caso de un artículo que muestra un enlace Leer más,
determina el número de los caracteres del texto de introducción.

Mostrar las etiquetas Para Mostrar u Ocultar las palabras clave introducidas para el
artículo.

Mostrar iconos Para Mostrar u Ocultar los iconos poder seleccionarlos


individualmente para su presentación (Mostrar icono
’Correo’ y Mostrar icono ’Imprimir’).

Mostrar impresiones Para Mostrar u Ocultar el número de visitas de este artículo.

[email protected] 53
Mostrar los enlaces no Para mostrar o no los enlaces a los elementos de acceso
autorizados restringido.

Posición de los enlaces Para colocar los enlaces arriba, abajo, o en ambos lados.

2. Opciones de edición
Las opciones de edición determinan lo que aparecerá en la página de creación del artículo. Desactivar
algunas de estas características es útil en el caso de que el sitio esté gestionado por muchos
colaboradores. De este modo, puede restringir los cambios no deseados de los colaboradores.

Haga clic en la ficha Opciones de edición y configure las opciones siguientes.

Mostrar las ’Opciones de Para mostrar o no las listas desplegables de fechas de publicación
publicación’ y de autor.

Mostrar las ’Opciones del Para mostrar o no los paneles desplegables de opciones.
artículo’

Guardar el historial Si selecciona Sí, se guardarán automáticamente las versiones


anteriores de un artículo, que podrán restaurarse si fuese
necesario.

Versiones máximas Indique el número de versiones que se guardarán.

Mostrar las ’Opciones de Los campos Imágenes y Enlaces por defecto aparecerán cuando
imágenes y enlaces’ desde el los colaboradores autorizados escriban sus artículos a través del
sitio FrontEnd ("portada" del sitio, accesible para el público).

Mostrar las ’Opciones de Los campos de imágenes y enlaces estarán accesibles al escribir un
imágenes y enlaces’ desde la artículo a través del Panel de control.
administración

Ventana de destino para la Establece el método de apertura de los enlaces: en la misma


URL ’A’, ’B’ o ’C’ ventana, en una ventana nueva, en una ventana emergente o
modal.

Flotación de la imagen Para seleccionar la posición de los campos de imágenes y del texto
parael texto de introducción del artículo.
y para el texto al completo

3. Opciones de categoría
La configuración establecida aquí se aplica a las categorías. Se pueden modificar en la propia categoría,
además de en el menú que le da acceso.

Haga clic en la ficha Categoría y configure las opciones siguientes:

Elegir presentación Seleccione Blog para mostrar los artículos unos encima de los
otros o Lista para mostrar únicamente los títulos.

Mostrar el texto de las Para Mostrar u Ocultar las subcategorías en modo subtítulo
subcategorías (etiqueta H3).

Título de la categoría, Para Mostrar u Ocultar esta información.


Descripción, Imagen

Nivel de subcategorías Para determinar el número de subcategorías que se mostrará.

Categorías vacías Para Mostrar u Ocultar las categorías vacías (las que no
contienen ningún artículo ni subcategoría).

Mensaje para ’Sin artículos’ Para Mostrar u Ocultar el mensaje «No hay artículos en esta
categoría».

Descripción de Para Mostrar u Ocultar esta información.


subcategorías, Cantidad de
artículos en la categoría

Mostrar las etiquetas Para Mostrar u Ocultar las palabras clave introducidas para la
categoría.

[email protected] 54
4. Opciones de categorías
En un boletín, el título de la ficha Categorías es el mismo que el anterior. Esta es la visualización de
una lista de categorías y no una página específica de una categoría como la anterior.

5. Opciones del formato del tipo blog o destacados


Esta configuración se aplica al modo Blog y a la página de inicio (destacados). Se pueden modificar en
las propias páginas, además de en el menú que le da acceso.

Haga clic en la ficha Opciones del formato del tipo blog o destacados y configure las opciones
siguientes:

Cantidad de artículos Seleccione el número de artículos totales a mostrar.


después de los de
introducción

Cantidad de artículos de Seleccione el número de artículos de los cuales sólo se mostrará la


introducción introducción.

Cantidad de columnas No se refiere a los artículos completos que aparecerán en una


columna, sino a los siguientes únicamente con una introducción.

Cantidad de enlaces Seleccione el número de artículos presentados a continuación con


sólo un enlace en su título.

Orden en columnas Seleccione Abajo o Cruzado.


múltiples

Incluir subcategorías Seleccione el número de artículos de subcategorías que se


mostrará.

6. Opciones del formato del tipo lista o tabla


Estos ajustes se aplican al modo Lista. Se pueden modificar en las propias páginas, además de en el
menú que le da acceso.

Haga clic en la ficha Opciones del formato del tipo lista o tabla y configure las opciones
siguientes:

Seleccionar ’Cantidada Para Mostrar u Ocultar una lista desplegable para elegir la
mostrar’ presentación.

Campo ’Filtrar’ Permite filtrar por Título, Autor o Veces visto.

Encabezados de la tabla Para Mostrar u Ocultar los encabezados.

Mostrar fecha Permite elegir el tipo de fecha que mostrar.

Formato de la fecha Deje el campo en blanco para aplicar el formato de su idioma.

Mostrar impresiones en la Para Mostrar u Ocultar el número de visitas.


lista

Mostrar autor en la lista Para Mostrar u Ocultar el autor.

7. Opciones compartidas
Las opciones compartidas son comunes a las visualizaciones en modo Lista, Blog o Destacado (en la
página principal). En casos excepcionales, siempre puede suplantarlas actuando sobre la configuración
de los enlaces del menú.

Haga clic en la ficha Opciones compartidas y, si es preciso, modifique las opciones siguientes:

Orden de las categorías Para mostrar las categorías en el orden especificado.

Orden del artículo Para mostrar los artículos en el orden especificado.

Ordenar por fecha Para ordenar los artículos según el orden especificado.

[email protected] 55
Paginación Para mostrar o no en la parte inferior los enlaces de navegación
entre las páginas.

Resultados de la paginación Para mostrar o no la posición de la página actual (ejemplo 1


de 12).

8. Opciones de integración
Estos ajustes se aplican al componente Artículos que genera la presentación de las fuentes RSS.

Haga clic en la ficha Integración y configure las opciones siguientes:

Sindicar el enlace Si la opción Mostrar está seleccionada, aparecerá un icono RSS en


la ventana del navegador y los internautas podrán suscribirse al
RSS.

De cada noticia sindicada Para determinar si el RSS publicará el texto de introducción o el


mostrar artículo completo.

9. Opciones de permisos
Estos ajustes descritos en la gestión de usuarios son los valores predeterminados que se aplican al
componente Contenido y, por tanto, a todos los artículos y categorías. Más adelante, se pueden
modificar para cada categoría o artículo si es necesario.

[email protected] 56
Gestión de las categorías
En el menú Contenido, seleccione la opción Gestor de categorías o haga clic en el enlace Gestor
de categorías en el panel izquierdo del panel de control.

Si ha descargado los datos de ejemplo durante la instalación, las categorías ya presentes se


enumeran con una anidación que indica su nivel de relación, como para los menús.

1. Añadir nueva categoría

Haga clic en y configure las opciones siguientes:

Título Escriba el nombre de la categoría.

Alias No escriba nada, Joomla! lo hará por usted para evitar duplicados.

Categoría raíz Indique de qué categoría depende. Para una categoría de nivel principal,
deje la opción Sin principal.

Estado Publicado, la categoría es visible; Despublicado, no aparece en el


FrontEnd; Archivado, la categoría ya no aparece en la lista, pero no se
elimina; Movido a la papelera, la categoría se ha eliminado (se puede
recuperar si no se ha vaciado la papelera).

Acceso Indique el nivel de acceso (y por lo tanto los grupos que pueden acceder a
él).

Idioma Especifique, en su caso, el idioma de la categoría que, por defecto, será el


idioma actual del sitio.

Nota El texto introducido aquí se mostrará en modo Lista en el panel de control.

Nota de la versión Aquí puede especificar la versión de este elemento.

Descripción Complete la descripción de la categoría, puede aparecer en la página


principal de la categoría. Puede incluir imágenes, tablas, enlaces...

En la ficha Publicación, especifique:

Fecha de creación Escriba la fecha de creación de la categoría.

Haga clic en para seleccionar un usuario existente.


Creado por

[email protected] 57
Fecha de Estos campos están accesibles después de establecer la categoría.
modificación y Modificado
por
Veces visto e ID El sistema rellena automáticamente estos campos.
Metadescripción, Metapalabras
Estos datos son importantes para un posicionamiento adecuado en los
clave y Autor motores de búsqueda.
Robots No debe cambiarse a no ser que este parámetro sea diferente del
configurado a nivel global.

En la ficha Opciones, elija el tipo de presentación para la página de categoría en caso de que vaya
a ser diferente de la definida en la configuración global y, si es necesario, añada la imagen asociada
con la categoría.

Una vez que haya completado la configuración, haga clic en Guardar y cerrar para confirmarla.

Mientras esté trabajando, es recomendable que haga clic en Guardar sin cerrar. De este modo,
puede comprobar los cambios en el FrontEnd en otra pestaña del navegador y seguir editando la
categoría.

El botón Guardar y nuevo confirma y crea una nueva categoría con un clic.

2. Procesamiento por lotes de las categorías


El procesamiento por lotes permite actuar en varias categorías a la vez.

Muestre la lista de categorías (enlace Gestor de categorías o menú Contenido - Gestor de


categorías).

Seleccione las categorías sobre las que desea intervenir marcando sus casillas de verificación y
haga clic en el botón Lote.

En la ventana que se abre, edite las categorías seleccionadas:

Asignar idioma: para cambiar el idioma.

Asignar nivel de acceso: para cambiar el nivel de acceso (para establecer los grupos que
pueden verlo).

Añadir etiqueta: muy útil para SEO.

Mover las categorías, por ejemplo, para colocarlas en otra categoría principal, o para copiarlas.

Para confirmar el procesamiento, haga clic en el botón Procesar.

[email protected] 58
Gestionar los artículos
El acceso a los artículos y su organización es similar al de las categorías. Esta coherencia permite un
aprendizaje más rápido de Joomla!. Sin embargo, vamos a detallar todas las operaciones necesarias.

1. La interfaz
Desde el panel de control, haga clic en el enlace Gestor de artículos o, en el menú Contenido,
seleccione Gestor de artículos.

Si ha descargado los datos de ejemplo durante la instalación, podrá ver una lista de artículos.

a. La barra de botones

Además del botón Nuevo, que permite crear un nuevo elemento, la barra de botones de acción
permite actuar sobre los artículos seleccionados en la lista, marcando su casilla de verificación a la
izquierda de su línea:

Editar: abre el artículo.

Publicar/Despublicar: muestra o no el artículo en el sitio (FrontEnd).

Destacado: muestra el artículo en la página de inicio.

Archivar: despublica el artículo y lo saca de la lista de artículos en curso, para almacenarlo en


los archivos.

Desbloquear: hace que un artículo que se considera que está siendo editado se pueda editar,
por ejemplo, si se salió de la ventana del editor sin guardar o cancelar los cambios.

Papelera: para eliminar los artículos seleccionados (que se podrán recuperar siempre y cuando
no se haya vaciado la papelera).

Lote: para realizar operaciones por lotes (aplicables a varios artículos seleccionados).

b. El encabezado de la lista de artículos

Encima de la lista de artículos, hay una barra que permite buscarlos, filtrarlos y clasificarlos:

El campo Buscar permite realizar una búsqueda basada en una cadena de texto.

Buscar herramientas permite filtrar la lista según casi todos los criterios relacionados con los
artículos a través de las listas desplegables que se presentan. Tenga en cuenta que el
botón Seleccionar niveles máximos determina los artículos de subcategorías que se mostrarán.

El botón Limpiar devuelve la lista a su estado original.

La lista desplegable situada a la derecha permite ordenar las tablas (por defecto, por ID ascendente),
lo cual también es posible columna por columna. La siguiente lista permite elegir el número de
artículos que se mostrarán.

2. Crear un artículo
En el panel Gestor de artículos, haga clic en Nuevo.

[email protected] 59
También puede seleccionar, en el menú Contenido, la opción Gestor de artículos - Añadir
nuevo articulo.

a. Rellenar las opciones de configuración del artículo

En la página de la ficha Contenido, configure las opciones siguientes:

Título Escriba el título del artículo. Este título, visible o no, es importante especialmente
para el SEO.

Alias No escriba nada, deje que Joomla! lo haga por usted al guardar los cambios.

Categoría Elija la categoría a la que pertenecerá el artículo. También puede no asignar ninguna
categoría, lo cual no se recomienda.

Etiquetas Introduzca las palabras clave para ayudar al posicionamiento del artículo en los
motores de búsqueda.

Estado Un artículo puede estar Publicado (visible en el sitio web), Despublicado (no
visible en el sitio) Archivado (no visible en el sitio web pero disponible) o Movido a
la papelera (es decir, no disponible). Tenga en cuenta que si un artículo no ha sido
eliminado de la papelera, aún puede recuperarlo cambiando su estado.

Destacado Si activa Sí, el artículo aparecerá en la página principal del sitio.

Acceso Indique el nivel de acceso con el menú desplegable.

Idioma Elija otro idioma, si es necesario. Por defecto, el idioma actual del sitio.

Abra la ficha Publicación, y especifique:

Inicio de la En el caso de una publicación limitada en el tiempo, permite


publicación/Finalización de la programar una publicación a una fecha posterior, así como su
publicación finalización.

Fecha de creación Permite precisar una fecha de creación. La fecha de


publicación y la fecha de creación se ajustarán
automáticamente a la fecha actual si se dejan vacías.

Creado por Deje el campo en blanco, ya que tomará automáticamente el


valor del usuario conectado.

Creado por alias Si el autor no es un usuario reconocido por el sistema, puede


hacer figurar su nombre aquí.

Fecha de Estos ajustes estarán disponibles cuando se ha guardado el


modificación, Modificado artículo varias veces.
por, Revisión

Metadescripción y Metapalabras Rellene cuidadosamente estos dos campos ya que su impacto


clave es importante para el posicionamiento en los motores de
búsqueda.

Clave de referencia/Referencia Referencia libre, por ejemplo, puede indicar una nomenclatura
externa documental externa.

Robots Por defecto, esta es la configuración general. Puede


modificarla, por ejemplo, si no desea indexar el artículo.

Autor Añade la etiqueta Autor (que puede vincularse a Google


Authoring, si el autor está inscrito a este programa).

Derechos del contenido Incluya aquí cualquier derecho de autor.

La ficha Opciones de imágenes y enlaces permite asignar imágenes a un artículo. ¡Atención! No se


trata de las imágenes que se pondrán en el artículo y que están ilimitadas, sino las dos imágenes que
serán visibles, una sólo cuando se muestre la introducción del artículo y la segunda en la página del
artículo completo.

La ficha Opciones permite modificar específicamente la configuración general de la presentación de la


información relacionada con el artículo.
[email protected] 60
La ficha Opciones de la pantalla de edición permite mostrar u ocultar las listas desplegables de los
ajustes de las tres fichas anteriores.

La ficha Permisos permite modificar la configuración general de los permisos de escritura de los
usuarios para el artículo en cuestión.

b. Crear un artículo con el editor predeterminado

La primera ficha Contenido contiene el campo más importante: ¡el del artículo! Para redactarlo,
cuenta con la ayuda de un editor de texto que contiene las funciones estándar de un procesador de
texto.

La barra de herramientas ofrece las herramientas siguientes:

Estas herramientas permiten modificar la apariencia de los caracteres


(Negrita, Cursiva, Subrayado y Tachado).

Las herramientas de alineación (Alinear a la izquierda, Alinear al


centro, Alinear a la derecha y Justificar) que no se recomiendan en la
web.

Lista de estilos HTML básicos.

Lista de viñetas y lista numerada.

Sangría de los párrafos.

Deshacer y rehacer las acciones.

Insertar y romper enlaces, insertar imagen y acceder al código fuente.

Añadir una línea horizontal e insertar una tabla.

Índice, superíndice y caracteres especiales.

En la parte inferior de la ventana de edición del artículo, una barra de botones permite:

Artículo: inserción de un enlace a un artículo.

Imagen: inserción de una imagen.

Salto de página: inserción de un salto de página (en caso de un artículo muy largo o segmentado en
secciones).

Leer más: introduce una barrera virtual entre la introducción del artículo (o su resumen) y lo que le
sigue.

En el ejemplo siguiente, podemos ver la materialización del límite entre la introducción y el resto del
artículo, con una línea discontinua.

Este concepto de introducción es muy importante porque a menudo los elementos se presentan
bien en la página de inicio o en una página de categoría, y los visitantes posiblemente no vayan
más allá. En este caso, la introducción debe redactarse cuidadosamente, no sólo para intentar que
los visitantes quieran leer todo el artículo, sino también para resumir el mensaje esencial. La
introducción es similar al "lead-in" periodístico.

[email protected] 61
Aquí, puede ver el resultado cuando, en la página principal, sólo aparece la introducción del artículo
destacado, así como la imagen asociada.

El botón Leer más muestra el artículo en su totalidad y la imagen que aparece es la asociada no a la
introducción, sino al propio artículo.

También se puede observar que al principio del artículo se muestran los detalles especificados en la
configuración general o específicamente del articulo.

El artículo aparece en la lista. Observe que en el ejemplo siguiente, está bloqueado. Esto se debe
a que el artículo se cerró sin guardar algunos cambios. Aunque es muy fácil desbloquear los
artículos, recuerde siempre salir de la ventana de edición con un clic en Guardar y
cerrar o Cerraren caso de que no haya realizado ningún cambio.

c. Insertar imágenes

Añadir una imagen, ya sea a través de la herramienta de la barra de herramientas o mediante el

botón , es muy sencillo. De forma predeterminada, la imagen se "pega" en el texto.

Con el editor por defecto, no es fácil crear un margen, pero es posible.

Abra el código fuente, busque la imagen y su estilo y añada la siguiente regla:

margin-right: 10px;
Esto tendrá el efecto de poner un margen a la derecha de la imagen.

Para poner un margen inferior, escriba:

margin-bottom: 5px;
También puede ajustar todos los márgenes de una sola vez (en el orden: arriba, derecha, abajo,
izquierda, en sentido horario) escribiendo el siguiente código:

Margin:0px,10px,14px,0px
Después de guardar, el cambio aparece con el margen requerido.

Al final, este editor estándar, desarrollado fuera de Joomla! y que se encuentran en otros CMS, podría
hacerlo mejor. Algunos desarrolladores con talento han creado otros editores que puede descargar e
instalar desde el JED (Joomla Extensions Directory).

d. Utilizar otro editor

Entre los editores, puede probar JCE, que es el más conocido y se puede descargar
directamente en: https://www.joomlacontenteditor.net/

Haga clic en el enlace Download Now! ya que puede contener plugins que le serán útiles más

[email protected] 62
adelante cuando desee utilizar el editor con componentes de terceros.

A continuación, haga clic en el enlace del archivo comprimido para descargarlo.

Una vez descargado, descomprima el archivo.

El elemento para instalar con Joomla! será com_jce_xxx. Otros plugins añaden
características como JCEmediabox para la visualización de archivos multimedia. Pero estos
plugins no son necesarios para usar el editor.

JCE se instala como cualquier otra extensión.

En la categoría EXTENSIONES del Panel de control, haga clic en el enlace Instalar


extensiones. Haga clic en Seleccionar archivo (Mac) o Examinar (PC) y haga doble clic en el
archivo com_jce_xxx, a continuación, haga clic en Subir e instalar.

Aparecerá un mensaje informándole del éxito de la operación.

Para activar JCE, haga clic en el enlace Configuración del Panel de control y, en la lista Editor
predeterminado de la ficha Sitio, seleccione la opción Editor - JCE en lugar de la opción Editor
- TinyMCE.

Recuerde que también puede asignar un editor a un usuario. De este modo, puede utilizar
JCE para lograr formatos avanzados y dejar a sus colaboradores el editor Tiny MCE, que es
más simple y suficiente para sus necesidades.

A continuación, haga clic en Guardar y cerrar.

Una vez instalado JCE, el avance más notable está en la gestión multimedia, que ahora es mucho más
simple. Para empezar, un nuevo enlace del menú lateral proporciona acceso a esta gestión de archivos.

En el Panel de control, haga clic en el enlace JCE Navegador de Archivos para abrir la
ventana Navegador Archivos.

La herramienta Nueva carpeta permite crear nuevas carpetas.

Al seleccionar los archivos, aparece una barra de herramientas a la derecha:

Eliminar los archivos seleccionados.

Copiarlos.

Cortarlos para, por ejemplo, moverlos de una carpeta a otra.

Al insertar una imagen en un artículo, el Gestor de imágenes que se abre ofrece la posibilidad de editar
los ajustes de las imágenes sin necesidad de escribir una sola línea de código. A continuación,
observará que los márgenes se gestionan en campos específicos. También observará que las fichas le
permiten acceder a características avanzadas como, por ejemplo, la ficha Cambio de Imagen para
gestionar las imágenes reactivas.

Por otra parte, las operaciones sobre los archivos también son accesibles directamente al colocar o
editar imágenes.

[email protected] 63
En el editor de texto de un artículo, la barra de herramientas del editor JCE es mucho más amplia que
el editor por defecto Tiny MCE. Observe que además de funciones sofisticadas de procesamiento de
texto, ofrece otras:

Para alternar entre el editor de código Toggle.

Para pegar limpiando los estilos no deseados desde Word.

Para aplicar estilos CSS.

Muestra la ventana en pantalla completa.

Para activar el corrector ortográfico.

Existen plugins para JCE, algunos gratuitos, otros disponibles por suscripción que amplían sus
funcionalidades para convertirlo en una herramienta obligatoria.

JCE no está solo en su mercado. Puede probar CK Editor, JCK Editor o Artof editor que
encontrará en el JED.

e. Editar un artículo desde el FrontEnd

Para editar un artículo, debe haber iniciado sesión y tener los permisos necesarios.

Abra el artículo que desea editar y, a continuación, haga clic en el icono , situado en la

parte superior derecha del artículo y seleccione Editar.

Accederá inmediatamente a la edición del artículo con las mismas funciones que en el Panel de
control.

Realice los cambios deseados y, a continuación, haga clic en Guardar.

El botón Versiones muestra la lista de versiones guardadas anteriormente.

Puede, por ejemplo:

Restaurar Permite restaurar una versión anterior de un archivo.

Mantener permanentemente Conserva la versión seleccionada

Comparar Permite comparar las versiones seleccionadas (esta función


también está disponible en el Panel de control).

f. Procesamiento por lotes de los artículos

En el panel de administración, haga clic en el enlace Gestor de artículos y seleccione varios


artículos de la lista, marcando las casillas situadas al principio de la línea. A continuación, haga
clic en el botón Lote.

En la ventana Procesar por lotes los artículos seleccionados que se abre, puede actuar
globalmente sobre el lote de artículos seleccionados para copiarlos o moverlos a otra
categoría, con la opción de actuar sobre las etiquetas, los niveles y el idioma.

¡Atención! Si ha seleccionado una categoría de la lista Seleccionar categoría a mover o


copiar, la acción se aplicará a todos los elementos de la categoría. Para que sólo se aplique a los
artículos que ha marcado, seleccione la opción Seleccionar.

[email protected] 64
3. Gestionar la página principal
Hemos visto que la página principal muestra los artículos "destacados", pero puede optar por mostrar
otros tipos de elementos, por ejemplo, sólo ciertas categorías.

En el Panel de control, haga clic en el enlace Gestor de menús y haga clic en Elementos del
menú en el panel izquierdo y luego haga clic en el enlace Inicio.

Por defecto, el tipo de enlace que se muestra es Mostrar todos los artículos destacados.

Haga clic en Seleccionar para cambiar este tipo de enlace por otras opciones y, a continuación,
haga clic en el tipo de elemento que desea: Mostrar una categoría en formato blog, Mostrar
una categoría en formato lista, etc.

Por otra parte, si se mantiene Mostrar todos los artículos destacados para la página
principal, puede ajustar la configuración.

Haga clic en la ficha Presentación.

Edite las opciones deseadas:

Seleccionar categorías Limita la presentación a una o varias categorías de artículos.

Cantidad de artículos después Número de artículos que se mostrarán en toda la página.


de los de introducción

Cantidad de artículos de Número de artículos que se mostrarán con la introducción.


introducción

Cantidad de columnas Distribución de los artículos con introducción (excepto los


completos).

Cantidad de enlaces Número de artículos con el título (sin introducción).

Orden en columnas múltiples Orden de despliegue horizontal o vertical.

Orden de las categorías Para personalizar si la configuración predeterminada no es


adecuada.

Orden del artículo Presentación alfabética, cronológica...

Ordenar por fecha Ordenar por creación, modificación o publicación.

Paginación Muestra o no la paginación (y la posición de la misma).

En cuanto a las otras fichas, preste especial atención a la ficha Visualización de la página y la
ficha Metadatos:

Título de la página en el Afine este título para mejorar su posicionamiento en los


navegador resultados de los motores de búsqueda.

Mostrar el encabezado de la No es obligatorio por razones estéticas.


página

Una vez ha configurado la página principal como desea, haga clic en Guardar y cerrar.

[email protected] 65
Construir un sitio multilingüe
Un sitio multilingüe requiere de un trabajo significativo, ya que no se trata de una simple traducción
automática como podría hacerse con un módulo de Google Translator.

Requerirá la producción de todos los contenidos en los idiomas que desea ofrecer. En este caso, el control
será total. También será necesario construir un árbol de categorías y menús específicos para cada idioma
de contenido.

Los enlaces de los menús se pueden asociar a otros enlaces de menús en otros idiomas.
El switcher(alternador) de idiomas redirigirá a los enlaces de menús del idioma seleccionado.

1. La documentación de Joomla!
Encontrará un tutorial completo en esta dirección: http://magazine.joomla.org/issues/Issue-Nov-
2011/item/593-Build-a-Multilingual-Site-in-Joomla-1-7, en el cual puede ver un vídeo, consultar el
tutorial en formato HTML, descargar el soporte en formato PDF.

2. Metodología
Vamos a resumir la metodología que se aplicará y a resumir los principales pasos a seguir, para que
podamos tener una imagen completa antes de decidirse a seguir o bien optar por un traductor
automático.

a. Crear el idioma de contenido

Aunque ya haya instalado varios idiomas, es necesario asociarlos al contenido.

En primer lugar, compruebe los idiomas disponibles con un clic en el enlace Gestor de
idiomasdel Panel de control y después en Instalado - Sitio del panel izquierdo.

Instale el idioma o idiomas necesarios con un clic en el botón .

Elija el idioma en la lista, teniendo cuidado de elegir la versión correcta, ya que algunos idiomas
ofrecen variaciones regionales (como por ejemplo el español de argentina).

A continuación, haga clic en Instalar idioma.

Una vez instalado el idioma, en el panel Gestor de idiomas, haga clic en el enlace Contenido y
luego en Nuevo. Introduzca los detalles del idioma, teniendo cuidado de respetar las
nomenclaturas existentes.

La opción Título nativo corresponde al título del idioma tal y como aparecerá en el sitio. No tiene
por qué ser el mismo que el especificado para su administración. Tenga en cuenta que debe
formularlo en el idioma de sus usuarios. Tenga en cuenta también que debe traducir el título del sitio
al idioma del contenido.

Haga clic en Guardar y cerrar.

El idioma de contenido aparecerá ahora en la lista:

b. Activar el plugin Filtrar idiomas

El plugin Filtro de idioma debe estar habilitado para poder realizar la gestión multilingüe en Joomla!.

[email protected] 66
En el menú Extensiones, seleccione la opción Gestor de plugins.

En el campo Buscar, escriba Filtrar y pulse [Entrée] para iniciar la búsqueda.

Abra el plugin Sistema - Filtrar idiomas con un clic en su título.

Actívelo seleccionando la opción Habilitado en la lista Estado.

Seleccione Configuración del navegador en la lista Cambio automático del idioma si Joomla!
debe basarse en el idioma en uso.

Si es necesario, active Sí para el parámetro Asociación de elementos para vincular los artículos
traducidos a varios idiomas. Un artículo se mostrará automáticamente en el nuevo idioma cuando
se cambie de idioma con el selector.

Active Sí para el parámetro Eliminar el código URL del idioma para no mostrar el prefijo del
idioma en la dirección URL.

Para la opción Vida de la ’Cookie’, que permiten reconocer a un usuario y presentarle el


contenido en su idioma, seleccione Sesión o Año pero, dado que los usuarios las eliminan muy a
menudo, este parámetro no afectará necesariamente.

Para terminar, haga clic en Guardar y cerrar.

c. Crear contenido en los idiomas utilizados

A continuación, deberá crear el contenido en los idiomas que se utilizarán: categorías y artículos. A
continuación, hemos asignado el artículo sobre los trenes al idioma Español y, después de haberlo
duplicado y traducido, hemos asignado la nueva versión al idioma Catalán. Por lo tanto, debe prever
una planificación suficiente para traducir los contenidos a los idiomas que desee.

d. Crear menús en los idiomas utilizados

En el Panel de control, haga clic en el enlace Gestor de menús.

Cree tantos menús como idiomas. Para cada uno, haga clic en Nuevo, y a continuación rellene los
campos Título, Tipo de menú (nombre utilizado por el sistema, debe ser único) y también puede
añadir una descripción.

Haga clic en Guardar y cerrar.

Una vez se han creado los menús para los idiomas, puede añadir los enlaces de los menús, es decir,
sus elementos.

En la lista de los menús (ventana Gestor de menús: Menús), haga clic en el título del menú
creado y después en Enlaces del menú del panel izquierdo.

Para crear un enlace, haga clic en el botón Nuevo.

Para cada enlace que se creará, especifique el idioma (lista Idioma) y tenga previsto, para cada
menú, un enlace que será la Página predeterminada. A continuación, haga clic en Guardar y
cerrar.

Cada enlace creado aparecerá en la lista.

Es interesante precisar las asociaciones entre los elementos a través de la ficha del mismo nombre.

Haga clic en el enlace creado y luego en la ficha Asociaciones.

A continuación, seleccione en las listas de idiomas el elemento que se va a asociar.

En el siguiente ejemplo, hemos asociado el artículo español Trenes al artículo Trens en


catalán. Esto permitirá, al leer el artículo, pasar de un idioma a otro con el selector de idioma.

A continuación, haga clic en Guardar y cerrar.

Las asociaciones se muestran en la lista y son bidireccionales, por lo que no es necesario


volver a definirlas en el otro idioma.

[email protected] 67
e. Asignar módulos a los menús de idioma

Con los menús ya creados, ahora tenemos que planificar su presentación mediante la asignación de
módulos.

Haga clic en el enlace Añadir un módulo para este tipo de menú en la lista de menús.

Rellene la información del módulo y no se olvide de asignarle el idioma que corresponda.

Haga clic en Guardar y cerrar.

f. Instalar el selector de idiomas

Para que sus usuarios puedan elegir el idioma para mostrar, es necesario instalar el selector de
idiomas.

En el Panel de control, haga clic en el enlace Gestor de módulos e introduzca, en el


campo Buscar, Switcher y pulse en [Intro].

Haga clic en el enlace Language Switcher.

Si el idioma debe proponerse en una lista desplegable, active Sí para la opción Usar lista de
selección; si los idiomas disponibles deben aparecer en forma de banderas (opción Usar la
imagen de banderas), en Mostrar horizontalmente o haciendo clic en el Idioma activo,
active Sí para la o las opciones correspondientes.

Elija una Posición en la lista correspondiente, puede variar en función de la plantilla utilizada.

Haga clic en Guardar y cerrar.

Su sistema multilingüe está ahora plenamente operativo.

En el ejemplo siguiente, observamos que:

el módulo de menú se muestra según el idioma seleccionado;

el título también está traducido;

las indicaciones del núcleo de Joomla! están traducidas (como la búsqueda, que ahora
es Cercar).

g. Mostrar el estado multilingüe

A veces es útil saber en qué estado se encuentra el sitio en términos de multilingüismo.

En el Panel de control, haga clic en el enlace Gestor de módulos y luego en el


enlace Administrador que se encuentra en el panel izquierdo.

A continuación, active el módulo Multilanguage status.

En la barra de estado, en la parte inferior de la ventana, haga clic en el botón

La ventana que aparece informa sobre el estado de los idiomas del sitio.

[email protected] 68
No elimine el menú principal si desea reemplazarlo con un menú adaptado a los idiomas
activos. De hecho, Joomla! requiere siempre una página por defecto, que es Inicio. Bastará
con despublicar su módulo.

[email protected] 69
CAPÍTULO 5

La navegación

Los menús

1. Crear un nuevo menú


En el panel de control, haga clic en el enlace Gestor de menús y, a continuación, en el
enlace Menús del panel izquierdo y haga clic en Nuevo o, en el menú Menús elija Gestor de
menús - Añadir nuevo menú.

Ajuste las siguientes opciones:

Título Escriba el nombre del menú tal y como los verán los usuarios (por
ejemplo: Favoritos).

Tipo de menú Introduzca el nombre utilizado por Joomla! para identificar el menú. Debe ser
único y no contener espacios (por ejemplo: menu-articulos). Si no escribe
nada, aparecerá una alerta que impedirá la validación.

Descripción Escriba un texto descriptivo que aparecerá en la información en pantalla del


enlace (por ejemplo: Mis sitios web).

Haga clic en el botón Guardar y cerrar.

En la gestión de los menús, organiza los enlaces que darán acceso al contenido. Para que el
menú sea visible, se debe integrar en un módulo y que el módulo esté publicado en la posición y
en las páginas donde se mostrará.

Cuando un menú no está integrado en un módulo, un enlace permite hacerlo directamente


desde la lista haciendo clic en el enlace. Más adelante veremos este punto en detalle.

2. Crear enlaces de menú


Una vez creado el menú, es necesario crear los elementos, es decir, los enlaces a las páginas
correspondientes.

En el Panel de control, haga clic en el enlace Gestor de menús y luego en el enlace Elementos
del menú del panel izquierdo.

Puede filtrar los enlaces existentes con las listas desplegables.

Para crear un nuevo enlace, haga clic en Nuevo.

Para empezar, seleccione el tipo de enlace, haga clic en el botón Seleccionar del parámetro Tipo
de elemento del menú.

Se abrirá una ventana con las siguientes opciones:

Artículos Al hacer clic en este enlace, se ofrecerán otras posibilidades relacionadas con los

[email protected] 70
artículos: Mostrar un solo artículo, Mostrar los artículos archivados, Mostrar una
categoría en formato blog o de lista, Mostrar todos los artículos destacados.
También puede hacer un reenvío a la página de creación de un artículo (siempre
que el usuario tenga los permisos pertinentes) y las listas de artículos de una o
varias categorías.

URL embebida Crea un enlace a un contenido externo que se muestra en un IFrame.

Contactos Muestra los contactos con varias opciones: Mostrar los contactos
destacados, Mostrar todas las categorías de contactos, Mostrar todos
los contactos de una categoría, Mostrar un solo contacto.

Canales electrónicos Muestra las fuentes RSS con las opciones siguientes: un canal en
particular, la lista de categorías o la lista de canales de una categoría
en particular.

Gestor de la configuración Siempre que tenga los permisos pertinentes, muestra las opciones de
configuración del sitio o de la plantilla.

Enlaces del sistema Muestra los alias y los separadores (enlaces inactivos, pero presentes
en los menús) y las direcciones URL externas.

Enlaces web Siempre que el componente esté presente, muestra la página de


enlaces, así como la posibilidad de añadir alguno más (siempre que
tenga los permisos pertinentes).

Buscar Muestra la página con el formulario de búsqueda.

Búsqueda inteligente Idéntico a la búsqueda, pero con criterios de búsqueda más


avanzados.

Etiquetas Muestra una lista de elementos asociados a palabras clave (Tag).

Gestor de usuarios Muestra las páginas vinculadas a los usuarios: Inicio de


sesión, Registro, Editar perfil, Perfil de usuario, Recordatorio
de usuario olvidado y Restablecer contraseña.

En el caso de un menú con múltiples submenús, especifique el menú Principal seleccionándolo en la


lista Elemento principal.

En la lista Idioma, seleccione el idioma deseado o seleccione la opción Todos si el sitio es


monolingüe.

Si es necesario, especifique cualquier otra opción de las otras fichas:

Ficha Visualización de la página: especifique el título de la página a la que accederá a


través del enlace, así como un texto de encabezado, si lo desea.

Ficha Tipo de enlace: añada aquí una imagen, por ejemplo un icono. Para ello, haga clic
en Seleccionar situado junto a la opción Imagen del enlace, seleccione una imagen en el
gestor de imágenes (o desde su ordenador) y haga clic en Insertar.

A continuación, haga clic en Guardar y cerrar.

3. Asignar un módulo a un menú


Para que el menú aparezca en el sitio, debe colocarse en un módulo.

Haga clic en el enlace Asignar un módulo para este tipo de menú en la última columna de la
lista de menús.

En la ficha Módulo, configure las opciones siguientes:

Seleccionar menú: ¡seleccione el menú correcto!

Posición: lugar donde aparecerá este menú. Si desea mostrar este menú en muchos lugares,
será necesario crear tantos módulos como posiciones.

Idioma: si su sitio es monolingüe, deje la opción Todos. En el caso de un sitio multilingüe,


consulte el capítulo Organizar el contenido - Construir un sitio multilingüe.

[email protected] 71
En la ficha Asignación de menú, especifique las páginas en las que estará presente el módulo.

Para validar, haga clic en Guardar.

En el FrontEnd, compruebe que el menú aparece con las características deseadas, incluido el
icono y el título del enlace (tooltip):

4. Organizar los elementos de los menús

Para mover un enlace en la lista de enlaces, haga clic en el símbolo , que aparece a la

izquierda de la línea, para activar el enlace y luego arrástrelo a la posición deseada.

Para intervenir en varios enlaces a la vez, selecciónelos en la lista y haga clic en el botón Lote. En
la ventana que se abre, seleccione el tipo de procesamiento que desea realizar en la lista siguiente:

Copiar o Mover: active la opción que desee.

Asignar nivel de acceso: cambiar el nivel de acceso para los enlaces que desea procesar.

Asignar idioma: conservar o cambiar el idioma para los enlaces que se van a procesar.

Seleccionar menú o nivel principal a mover o copiar: seleccione el menú al cual mover o
copiar los enlaces que se van a procesar.

A continuación, haga clic en el botón Procesar.

[email protected] 72
La búsqueda
Joomla! ofrece de forma nativa un motor de búsqueda muy potente. Se gestiona mediante un
componente. Aquí se explica cómo configurarlo de manera óptima para aumentar el rendimiento de su
sitio.

1. Configurar el componente
Abra el menú Componentes y seleccione la opción Buscar.

Haga clic en Opciones en la parte superior derecha.

Puede detallar los ajustes siguientes:

Registro de búsquedas: si selecciona Sí, las búsquedas realizadas en el sitio se


almacenarán y estarán accesibles a través del componente.

[email protected] 73
Usar las áreas de búsqueda: añade campos adicionales para afinar la búsqueda.

Fecha de creación: muestra la fecha de creación de los elementos enumerados en los


resultados.

Nombre OpenSearch/Descripción: si se rellena, permite añadir el motor a los reconocidos


por el navegador de sus visitantes. Éstos podrán acceder a través de la lista de sus motores
de búsqueda, como en el caso de Mozilla Firefox que se muestra a continuación.

Una vez que haya completado la configuración, haga clic en Guardar y cerrar.

2. La búsqueda avanzada
La búsqueda avanzada utiliza un componente específico. La idea es indexar el contenido para, por una
parte, encontrarlo más rápidamente y además sugerir respuestas a la consulta a medida que se
introduce.

Para activar la búsqueda avanzada, habilite el plugin Contenido - Búsquedas


inteligentesaccesible a través del menú Extensiones - Gestor de plugins.

Haga clic en Contenido - Búsquedas inteligentes y seleccione la opción Habilitado en la


lista Estado. A continuación, haga clic en Guardar y cerrar.

A continuación, en el menú Componentes, seleccione la opción Búsqueda inteligente.

[email protected] 74
Haga clic en el botón Indexar, en la parte superior izquierda.

Se abrirá una ventana donde se muestra el avance de la indexación. No cierre antes de que
aparezca el final de la operación. Será necesario repetir esta operación a medida que añada o
cambie los contenidos más adelante, ya que la indexación no es automática.

Haga clic en Opciones para cambiar la configuración de la búsqueda avanzada.

Los ajustes por defecto son suficientes, pero algunos no están operativos.

Por ejemplo, en la página de búsqueda, debe hacer clic en el icono para mostrar la búsqueda
avanzada. Para que se despliegue de manera predeterminada, active Sí en el parámetro Búsqueda
avanzada expandida.

Al final, no sólo sus usuarios dispondrán de una potente herramienta de búsqueda avanzada en
la página de búsqueda, además, gracias a la indexación, a medida que escriban en el campo de
búsqueda se le sugerirán los resultados.

[email protected] 75
El hilo de Ariadna (Breadcrumbs)
El hilo de navegación, también llamado hilo de Ariadna o en inglés Breadcrumbs, es un punto de
referencia que indica a un visitante dónde se encuentra y le permite subir por el árbol hasta la página
principal.

Está gestionado por un módulo que se puede colocar en el lugar que se prefiera.

Para editar su configuración, en el Panel de control, haga clic en el enlace Gestor de módulos y en
el título Breadcrumbs de la lista.

Las herramientas de navegación de Joomla! son muy completas. Sin embargo, puede ir aún más
lejos con presentaciones o añadiendo valor a los artículos. Los proveedores de plantillas ofrecen
algunas muy interesantes como por ejemplo News Show Pro editado por Gavick. Puede encontrar
información más detallada en el libro dedicado a las extensiones de Joomla!.

[email protected] 76
CAPÍTULO 6

Las extensiones

Los tipos de extensiones


Aparte de las plantillas, hay cuatro tipos de extensiones:

Los componentes: los componentes son como miniaplicaciones que permiten personalizar la página
principal de su sitio. Puede ser un libro de visitas, una galería de imágenes, un gestor de encuestas en
línea, etc. Permiten administrar los contactos, las fuentes RSS, los anuncios, los envíos de correos, las
encuestas. Un componente tiene su propia interfaz de configuración en el panel de control. Son visibles en
el árbol del Explorador de archivos de Windows: \wamp\www\components. Van precedidos por el
prefijo com (com_contact, por ejemplo). También se encuentran enumerados en el
menú Componentes.

Los módulos: los módulos funcionan como miniprogramas que pueden colocarse en cualquier lugar en su
sitio. Por ejemplo, el módulo denominado Artículos - Noticias de actualidad es responsable de mostrar
los artículos de su sitio en un orden determinado. De este modo, puede definir se mostrará una o todas
las categorías o incluso artículos al azar. Permite mostrar en en la página principal las últimas noticias
publicadas en su sitio o los artículos más populares. También puede tener un módulo de "Contacto", un
módulo que permite suscribirse a su boletín de noticias, un módulo que muestre el menú principal, etc. Se
enumeran en el árbol del Explorador de Windows: \wamp\www\modules y llevan el
prefijo mod(mod_custom, por ejemplo). Puede gestionarlos con un clic en el menú Extensiones -
Gestor de módulos.

Los plugins: en versiones anteriores de Joomla!, se llamaban mambots. Un plugin es una porción de
código que se ejecutará bajo demanda. Los editores de texto que se instalan en Joomla! disponen de
plugins. Puede ser un script para buscar en su sitio, un reproductor de archivos Flash FLV, etc. Se
muestran en este árbol: \wamp\www\plug-ins. Puede gestionarlos con un clic en el
menú Extensiones - Gestor de plugins.

Los paquetes de idiomas: estos paquetes le permiten traducir la interfaz de Joomla! y los archivos de
ejemplos en español. Se instalan en este árbol: \wamp\www\language. Haga clic en el
menú Extensiones - Gestor de idiomas para mostrar los paquetes de idiomas instalados con su
configuración de Joomla!.

Cuando explore el JED, podrá saber qué elementos se instalarán gracias a los iconos: C para
Componente, M para Módulo, y P para Plugin.

[email protected] 77
Gestión de los plugins

1. Instalar las extensiones


Si ha seguido el curso de este libro, probablemente ya ha instalado extensiones. Recordemos el proceso:

En el Panel de control, haga clic en el enlace Instalar extensiones.

Haga clic en Seleccionar archivo (Mac) o Examinar (PC) y haga doble clic en el archivo y luego
haga clic en Subir e instalar.

Aparecerá un mensaje informándole del éxito de la operación.

Con las versiones 3.X de Joomla! apareció una novedad que permite instalar extensiones directamente
desde la web.

Para ello, haga clic en el botón Añadir la pestaña "Instalar desde la web".

Una vez instalada, esta ficha mostrará el JED (Joomla Extension Directory) en un iframe.

[email protected] 78
De este modo, puede navegar entre las categorías, utilizar la búsqueda para encontrar la
extensión deseada, como aquí el editor JCK. Puede hacer clic directamente en el botón Install:

Debe confirmar la solicitud de instalación con un clic en el botón Instalar de la nueva ventana.

[email protected] 79
El proceso podrá variar con instalaciones más o menos sofisticadas en función de los
proveedores. Siga las instrucciones hasta el final.

Para nuestro ejemplo, una vez instalado JCK, hemos hecho clic en el enlace Configuración
global del Panel de control y hemos especificado JCK como editor predeterminado. Observará
que la ventana de creación de artículos ha cambiado y ahora utiliza JCK.

2. Actualizar las extensiones


Joomla! evoluciona, al igual que las extensiones, que corrigen regularmente fallos, cubren las brechas de
seguridad y realizan mejoras. Es importante tener un sitio siempre actualizado.

Abra la lista de actualizaciones con un clic en el enlace Actualizaciones disponibles del Panel de
control o desde el panel Gestor de extensiones, haga clic en el enlace Actualizar del panel

[email protected] 80
izquierdo.

Haga clic en el botón Buscar actualizaciones para actualizar la lista.

Seleccione las extensiones que desea actualizar y haga clic en el botón Actualizar.

Antes de realizar una actualización, es recomendable comprobar si es compatible con su versión de


Joomla!. Si está utilizando una versión anterior de Joomla!, la actualización de una extensión
puede ser incompatible. Del mismo modo, cuando actualice Joomla!, deberá asegurarse de que no va
a suponer un problema para las extensiones que tiene operativas.

3. Eliminar una extensión


Para eliminar una extensión, haga clic en el enlace Gestionar en el panel Gestor de extensiones.

Seleccione los componentes de esta extensión, que puede que no sea sólo el componente, sino
también módulos o plugins, y haga clic en:

Deshabilitar: los elementos no estarán activos, pero seguirá conservándolos.

Desinstalar: se eliminarán los elementos.

Por razones de seguridad, se recomienda no conservar las extensiones (incluidas las plantillas)
que no utilice. Por tanto, es preferible desinstalar las extensiones que no sean necesarias.

[email protected] 81
Gestionar los módulos
La gestión de los módulos es similar a la del resto de elementos de Joomla!, como por ejemplo los
artículos. Sin embargo, es necesario conocer algunas particularidades.

En el Panel de control, haga clic en el enlace Gestor de módulos.

Joomla! distingue entre los módulos del sitio (FrontEnd) y los de la administración (BackEnd).

Si desea intervenir en la administración y en particular sobre el panel de control, haga clic en el


enlace Administrador del panel de la izquierda y filtre los resultados de acuerdo a la
posición cpanel (tercera lista del panel izquierdo).

Para eliminar un módulo, selecciónelo y haga clic en el botón Papelera.

Cuando se elimina un módulo, éste se conserva en la papelera. Para eliminarlo de forma permanente,

[email protected] 82
filtre el estado Movido a la papelera (segunda lista del panel izquierdo), seleccione el módulo que
desea eliminar y haga clic en Vaciar la papelera.

1. Las posiciones de los módulos


Para ver las posiciones de los módulos en el panel de control, haga clic en el enlace Gestor de
plantillas y, a continuación, en Plantillas en el panel izquierdo (y no en Estilos).

Haga clic en el enlace Previsualizar situado junto a la plantilla utilizada. Si el enlace no está
disponible, haga clic en Opciones y, a continuación, en Activado del parámetro Previsualizar la
posición de los módulos.

Una vez que el sitio esté en producción, es mejor desactivar esta vista previa.

Se abrirá una ventana con indicadores de posición:

A continuación, abra la lista de módulos (enlace Gestor de módulos del Panel de control) y filtre
una posición (tercera lista del panel izquierdo).

En el ejemplo siguiente, el filtro se aplica sobre la position-7, es decir, la columna de la


derecha.

Para cambiar el orden de los módulos de esta posición, elija, en la lista Ordenar tablas por, la

opción Orden, y luego seleccione el módulo y muévalo arrastrando el símbolo a la izquierda

de su línea, a la posición deseada.

Compruebe el resultado en el sitio.

Aquí, el módulo de inicio de sesión está ahora correctamente al principio de la columna:

2. Crear un módulo
Al hacer clic en Nuevo en el panel Gestor de módulos, puede elegir el tipo de módulo que desea
obtener. Estas posibilidades están vinculadas a las capacidades de Joomla! o de proveedores terceros.

También es muy útil poder crear un módulo completamente personalizado en el que se mostrará el
contenido HTML que desee.

Imaginemos que quiere mostrar un módulo de Información meteorológica.

Abra la dirección URL de un proveedor de servicios que ofrezca un widget de información


meteorológica, como por ejemplo, http://www.eltiempo.es/widget/

Indique la provincia y la ciudad en los campos Selecciona tu provincia/tu ciudad. Elija los
atributos de presentación del widget y copie el código HTML (recuerde actualizar para que se
reflejen los cambios).

Haga clic en Nuevo en el panel del Gestor de módulos y seleccione HTML personalizado.

[email protected] 83
En la ventana de creación del módulo, muestre el código fuente; con JCE, haga clic en [Toggle
Editor] y pegue lo que ha copiado antes.

Haga clic en Guardar y compruebe en el sitio que el módulo aparece en la posición deseada. Si
trabaja con una instalación local, necesita una conexión a Internet, ya que la información procede
directamente del proveedor elegido, aquí El Tiempo.

3. Personalizar el diseño de un módulo


Para saber cuáles son las posibilidades de una plantilla en este sentido, por lo general consulte la
página Module Variations. En la demo de abajo (en http://www.rockettheme.com puede observar
que los módulos pueden tener sufijos como "box1" "box4 title3"...). Si se especifican estos sufijos,
los módulos adoptarán el aspecto correspondiente.

A continuación, asigne el módulo a las páginas deseadas a través de la ficha Asignación de menú.

[email protected] 84
Administrar los componentes
Es posible acceder a los componentes instalados a través del menú Componentes. Cada componente
tiene su propia configuración que se puede ampliar más o menos.

Tenga en cuenta que los componentes integrados en Joomla! se eliminarán gradualmente en las nuevas
versiones. De hecho, el equipo de desarrollo quiere centrarse en el núcleo y considera que estas
características a menudo las gestionan mejor desarrolladores externos.

Estudiaremos los componentes nativos que siguen presentes en el momento de la escritura de este libro.
También le indicaremos las alternativas de terceros.

1. El componente Anuncios
Este componente tiene como objetivo gestionar los anuncios publicitarios. Es probable que sea eliminado
del núcleo de Joomla! de una forma más o menos inminente, ya que los componentes de terceros se
hacen cargo de esta tarea con características verdaderamente profesionales
como FlexBanner(http://extensions.joomla.org/extension/flexbanner). Sin embargo, puede ser útil
para sitios pequeños.

En el menú Componente, señale la opción Anuncios.

Se ofrecen las siguientes opciones:

Anuncios: para la gestión de imágenes.

Categorías: para la clasificación de anuncios.

Clientes: para la identificación de los anunciantes.

Informes: para el control de clics.

Para empezar, seleccione la opción Clientes y haga clic en Nuevo para crear los clientes y
rellenar sus características.

A continuación, haga clic en Guardar y cerrar.

En el panel izquierdo, haga clic en el enlace Categorías y luego en el botón Nuevo para crear las
categorías de anuncios con el fin de organizar el contenido.

Haga clic en Guardar y cerrar.

[email protected] 85
Haga clic en el enlace Anuncios del panel izquierdo y luego en el botón Nuevo para crear los
anuncios propiamente dichos. Escriba su Nombre en el campo correspondiente. Dado que un
anuncio es una imagen, haga clic en el botón Seleccionar de la opción Imagen y luego, en el
gestor de imágenes que se abre, seleccione la imagen y haga clic en Insertar.

Evidentemente, en esta imagen se puede hacer clic, lo cual permitirá medir la eficacia (y por lo
tanto, facturar) con el seguimiento.

Si es preciso, complete el resto de parámetros y haga clic en Guardar y cerrar.

Un anuncio se puede fijar (pin), lo que significa que se mostrará prioritariamente. Para ello,
seleccione la casilla de la columna Fijo.

Una vez creados los anuncios, es necesario crear el módulo que se encargará de colocarlos en el sitio.

Muestre la lista de módulos (enlace Gestor de módulos del Panel de control).

Para crear un módulo de tipo Anuncios, haga clic en el botón Nuevo y, a continuación, en la lista de
tipos de módulos, haga clic en el enlace Anuncios.

Introduzca el nombre del módulo en el campo Título.

Especifique el Cliente y para este cliente, seleccione en la lista Categoría, la categoría o categorías
que desea mostrar en esta posición.

Los anuncios se mostrarán alternativamente con prioridad después de cargarse el anuncio fijo.

Opcionalmente, puede asignar palabras clave a los anuncios y para luego mostrarlos en función
de la presencia de estas palabras clave en las páginas correspondientes.

Especifique la Posición (aquí, Anuncio).

Haga clic en el botón Guardar y cerrar.

Compruebe que los anuncios aparecen correctamente en el sitio.

El seguimiento permite medir los resultados de los anuncios, pero el componente no gestiona ni
la facturación y las repeticiones. Si tiene algún problema relacionado con los anuncios o con la
afiliación, consulte el JED (Joomla Extension Directory), que ofrece soluciones profesionales a
menudo gratuitas.

2. El componente Contactos
El interés de este componente radica en la capacidad para mostrar páginas de contactos modulares que
permitirán a los visitantes interactuar con sus servicios. No es un sistema completo de CRM (del
inglés Customer Relationship Management, Gestión de relaciones con el cliente) como los que podemos
encontrar en el JED, pero aún así es bastante potente.

En el menú Componentes, seleccione Contactos.

Este componente también está estructurado en categorías que puede comenzar por crear para
organizar bien el contenido (enlace Categorías del panel izquierdo - botón Nueva).

En la ventana Gestor de contactos: Contactos, haga clic en el botón Opciones para establecer
los valores predeterminados para la configuración del componente, incluido lo que debe o no debe
aparecer en la página de contacto: Dirección postal, Teléfono, etc.

A continuación, haga clic en Guardar y cerrar.

Una vez creadas las categorías y realizada la configuración, puede pasar a la creación de contactos.

Haga clic en el botón Nuevo y, en la primera ficha, especifique toda la información.

A continuación, haga clic en la ficha Formulario para configurar la gestión del formulario.

[email protected] 86
En la ficha Visualización, elija si desea aplicar la configuración por defecto (Usar el valor global)
o si se debe mostrar o no una información.

A continuación, haga clic en Guardar y cerrar.

Una vez creados los contactos, debe implementar los enlaces del menú para dar acceso a la página de
contactos.

Abra el menú Menús y seleccione Gestor de menús. En el panel izquierdo, haga clic en el
enlace Elementos del menú y luego en el botón Nuevo.

Escriba su nombre en el campo Título del elemento del menú. Para la opción Tipo del
elemento del menú, haga clic en el botón Seleccionar y luego en la categoría Contactos y en el
enlace Mostrar un solo contacto.

A continuación, seleccione el tipo de contacto con un clic en el botón Seleccionar de la


opción Seleccionar contacto.

En la lista Menús, elija uno que dará acceso a la página de contactos.

A continuación, haga clic en Guardar y cerrar.

A continuación, compruebe el enlace del menú.

Compruebe también la página de contacto.

Se muestra con paneles desplegables (sistema de acordeón).

[email protected] 87
3. El componente Enlaces web
Este componente recopila enlaces web que se pueden mostrar en una o varias páginas. También está
previsto que desaparezca del núcleo de Joomla! y existen extensiones mucho mejores en el JED.

En el menú Componentes, seleccione la opción Enlaces web.

Como con los componentes anteriores, los enlaces se pueden organizar por categorías. Cada
enlace se crea individualmente.

Para crear un enlace web, haga clic en el botón Nuevo y rellene los diferentes parámetros
necesarios. Título, URL...

A continuación, haga clic en Guardar y cerrar.

Por último, coloque un enlace de menú hacia los enlaces web (Menús - Gestor de menús -
enlace Elementos del menú - botón Nuevo) y seleccione, de la lista de tipos de enlace de menú,
las siguientes opciones:

Mostrar todos los enlaces web de una categoría en particular.

Mostrar todas las categorías de enlaces web.

Mostrar un formulario para crear y enviar un enlace web para mostrar un formulario de
proposición de un enlace (si tiene los permisos necesarios).

[email protected] 88
Complete el resto de datos del enlace y haga clic en Guardar y cerrar.

A continuación, compruebe que la página de enlaces los muestra de acuerdo con criterios definidos.

4. El componente de Mensajería
Para cambiar la configuración de la mensajería privada, abra el menú Componentes y haga clic en
la opción Mensajería y haga clic en el botón Mi configuración.

Edite las opciones siguientes:

Bloquear la bandejade Permite evitar el envío de mensajes internos. Si intenta enviar un


entrada mensaje a un usuario que ha realizado esta operación, aparecerá el
siguiente mensaje: No se pudo enviar el mensaje. El usuario
ha bloqueado su bandeja de entrada.

Notificar la recepción de Permite transferir un mensaje a la dirección de correo electrónico


mensajes nuevos que especificó al crear su perfil de usuario.

Purgar los mensajes Permite definir el número de días antes de que un mensaje se
automáticamente (días) elimine permanentemente de la bandeja de entrada.

A continuación, haga clic en Guardar y cerrar.

Para enviar un mensaje a uno de los usuarios de su sitio web, abra el menú Componentes y
elija Mensajería - Nuevo mensaje privado.

Seleccione el destinatario del mensaje con un clic en el botón y, a continuación, en el

nombre del destinatario.

Luego, rellene el Asunto y el Mensaje y haga clic en el botón Enviar.

Para consultar sus mensajes recibidos, abra el menú Componentes y seleccione Mensajería -
Leer mensajes privados. A continuación, haga clic en el asunto de un mensaje para leer su
contenido.

5. Correo masivo
En el menú Usuarios, seleccione Correo masivo.

Escriba el Asunto y el texto del Mensaje en los campos correspondientes.

Si es preciso, active las siguientes opciones:

Correo a los subgrupos Para enviar una copia del mensaje a los subgrupos que ha definido
dentro del grupo seleccionado como destinatario.

Enviar en modo HTML Permite especificar que su mensaje será en formato HTML (no texto
plano).

Enviar a usuarios El mensaje llegará a todos los usuarios, activos o no.


deshabilitados

Grupo Para seleccionar el grupo de usuarios que recibirá su mensaje.


Si no se ha declarado ningún usuario para el grupo que ha
seleccionado, aparecerá este mensaje: No users could be found in
this group.

Ocultar el El campo BCC (Blind Carbon Copy o copia oculta) permite ocultar, para
remitente(BCC) cada destinatario, la lista de los demás destinatarios.

Haga clic en el botón Opciones para cambiar las siguientes opciones en la ficha Correo masivo:

Prefijo del asunto Permite definir un término que se colocará cada vez antes del asunto

[email protected] 89
del mensaje, lo cual puede resultar útil para clasificar más tarde los
mensajes de correo electrónico que recibe o envía.

Sufijo del texto de correo Permite agregar un texto al final de su mensaje (como un pie de
página).

A continuación, haga clic en Guardar y cerrar y luego envíe el correo electrónico con un clic
en Enviar correo.

Si utiliza un servicio en línea para enviar mensajes de correo electrónico masivos, recuerde
comprobar si en el JED existe una extensión para conectarlo a la gestión de usuarios de
Joomla!. En el caso de MailChimp, puede instalar directamente CMC desde la instalación web.

De este modo, podrá gestionar la fusión de listas de usuarios con sus listas de envío de Mailchimp, a
través de este componente.

[email protected] 90
Gestionar los plugins
Los plugins son extensiones que se pueden configurar y que añaden características al sistema.

Para acceder a la lista de plugins, abra el menú Extensiones y seleccione Gestor de plugins.

Los plugins nativos se enumeran con un sufijo que indica a qué sección pertenecen, incluidos:

Autentificación: plugins que gestionan las conexiones seguras.

Botón: plugins que gestionan la colocación de los botones (Leer más, Imagen, Salto de
página...).

Contenido: plugins que gestionan todo lo que se refiere al contenido: artículos, archivos
multimedia, categorías...

Editor: plugins que gestionan la edición de textos.

Sistema: plugins que amplían las características del núcleo. Caché, SEF, Depuración...

Usuario: plugins asociados a la gestión de usuarios del sitio.

Filtre los plugins por su estado Deshabilitado (primera lista del panel izquierdo), y compruebe los
plugins nativos que pudieran ser útiles.

Hemos visto, por ejemplo, que para hacer funcionar un sitio multilingüe, debe activarse el
plugin Filtrar idiomas.

Por ejemplo, si quiere que se cree una tarjeta de contacto automáticamente cuando se registre un
usuario, haga clic en la lista de plugins, en el enlace Usuario - Creador de contactos.

Rellene los campos que desea recuperar automáticamente de la siguiente forma:

[name][username][id][email]...

No es necesario separar los campos por comas.

[email protected] 91
A continuación, haga clic en Guardar y cerrar.

Una vez habilitado el plugin, al registrar un nuevo usuario, se creará una tarjeta de contacto
automáticamente. Esta aparecerá en la lista con el estado No publicada.

La tarjeta contiene la información especificada en la configuración del plugin, como aquí el correo
electrónico:

[email protected] 92
Enriquecer el contenido con extensiones
El objetivo de las extensiones es producir sitios web con características específicas que los convierten en
verdaderas aplicaciones. De esta forma, puede, por ejemplo, crear una red social con Community Builder
o JomSocial, un sitio web de anuncios con AdManager, o un sitio de comercio electrónico con HikaShop,
que estudiaremos más adelante.

Vamos a empezar por ver cómo mejorar la gestión del contenido con las extensiones.

1. Insertar contenido multimedia en un sitio


La inserción de contenidos multimedia es fácil si el contenido se encuentra alojado en una plataforma
dedicada como YouTube o DailyMotion. Si los archivos de vídeo o de sonido están alojados en su
servidor, éste deberá soportar una carga importante si la frecuencia de uso es elevada.

a. Insertar un vídeo alojado en una plataforma

Antes de comenzar, debe permitir la inserción de código en el contenido, que no es el caso por defecto
por razones de seguridad.

En el panel de control, haga clic en el enlace Configuración global del panel izquierdo.

Active la ficha Filtros de texto.

Por defecto, todos los usuarios están en la Lista negra predeterminada, lo que significa que
sólo pueden introducir texto en el contenido.

Para el usuario correspondiente, como por ejemplo el Super Usuario, elija la opción Sin
filtradoen la lista.

Ahora podrá insertar HTML en el contenido y, por lo tanto, agregar multimedia.

A continuación, haga clic en Guardar y cerrar.

Visite la página del vídeo de YouTube que desea integrar. Si puede, haga clic en el
botón Compartir y luego en Insertar, para mostrar su código. Si es preciso, active las opciones
situadas bajo la línea de código.

Seleccione el texto de la línea del código y cópielo.

En el artículo en el que se debe insertar el vídeo, haga clic en [Toggle Editor] y pegue el código
que ha copiado antes.

Haga clic en Guardar y cerrar.

Guarde y verifique que el vídeo aparece en el artículo.

b. Insertar un vídeo alojado en el sitio

El procedimiento para insertar vídeos y, en particular, su envío a través del gestor multimedia de
Joomla!, no es sencillo. Por suerte, existe una extensión gratuita que permite hacerlo de manera más

[email protected] 93
sencilla.

En primer lugar, muestre el panel Configuración global con un clic en su enlace en el panel
izquierdo del Panel de control y tome las siguientes precauciones:

Haga clic en el enlace Gestor multimedia del panel izquierdo y especifique todas
las Extensiones permitidas y los archivos MIME reconocidos (si activa el reconocimiento
MIME). A continuación, haga clic en Guardar.

Haga clic en el enlace Configuración global y luego en la ficha Filtros de texto y


asegúrese de que la lista blanca está autorizada también para el usuario correspondiente.

A continuación, haga clic en Guardar y cerrar.

Para administrar correctamente los vídeos, lo mejor es utilizar un componente que aprovechará la
estructura de Joomla! para clasificar y documentar los vídeos en categorías. Este componente también
se encarga de enviar vídeos y sustituye al gestor multimedia nativo.

Instale AllVideoShare: en el menú Extensiones, seleccione la opción Gestor de extensiones;


a continuación, haga clic en el enlace Joomla! Extensions Directory (JED) situado en el cuadro
azul. A continuación, introduzca en el campo search el nombre de la extensión AllVideoShare y
pulse [Intro] para iniciar la búsqueda.

En la parte inferior de la página que se abra, haga clic en el


enlace: http://allvideoshare.mrvinoth.com/ para acceder al sitio de descarga. Luego, haga clic en
el botón Download the Standard Version. Descargue el archivo que desea instalar, no lo
descomprima, instálelo como cualquier otra extensión.

Abra el menú Componente y seleccione AllVideoShare.

Primero organice el contenido de vídeo creando las categorías necesarias, como para los artículos
de Joomla!: haga clic en el enlace Categories del panel izquierdo y luego en el botón New.
Rellene los datos necesarios y haga clic en Guardar y cerrar.

A continuación, cree los elementos de vídeo con un clic en el enlace Videos del panel izquierdo y
luego en el botón New. Rellene el Title y para publicar un vídeo alojado en el servidor, seleccione,
en la lista Type, el tipo General Upload. A continuación, haga clic en Seleccionar un
archivo(Mac) o Examinar (PC) situado junto a la opción Video (o HD Video si se trata de un
vídeo de alta definición). Localice en su equipo el vídeo que desea enviar y haga doble clic en el
icono del archivo.

Observe que puede añadir una miniatura (Thumb) y una imagen de sustitución (Preview)
que se verá en lugar del primer fotograma del vídeo, junto con una descripción.

También es posible optimizar este tipo de contenidos para los motores de búsqueda con la
ficha SEO settings, que le permitirá especificar las palabras clave.

Haga clic en Aplicar para confirmar (se recomienda para gestionar el envío del vídeo) o
en Guardar y cerrar para confirmar y cerrar la ventana.

El vídeo está ahora presente en la lista.

También puede colocar un enlace de menú.

Abra Menús y seleccione la opción Gestor de menús y luego, en el panel izquierdo, haga clic
en Elementos del menú y luego en el botón Nuevo.

Para colocar un enlace de menú para AllVideoShare, es decir, directamente al elemento que
acabamos de crear, haga clic en el botón Seleccionar de la opción Tipo de enlace de menú y
luego en allvideoshare y Videos Layout.

[email protected] 94
Seleccione el vídeo creado de la lista Select a Video.

Haga clic en Guardar y cerrar para terminar.

Compruebe en el sitio web que el enlace se encuentra efectivamente en el menú deseado y


ábralo.

Con este sistema, puede gestionar verdaderas galerías de vídeos muy bien organizadas.

AllVideoShare también está provisto de un plugin que permite insertar vídeos en los artículos
mediante un código muy simple. Basta con hacer referencia al vídeo que desea mostrar
mediante su ID (que aparece en la lista) como por ejemplo:

{avsplayer videoid=1}

Introduzca este código en la ventana de edición y no en la del código y guarde el artículo.

El vídeo ahora aparece allí donde se ha insertado el código.

2. Insertar un mapa de Google Maps


El principio consiste en insertar un iframe. El principio del iframe es integrar un contenido HTML externo
dentro de una página de su sitio. La información contenida en un iframe se distribuye desde el servidor
del que proceden sin que se almacenen en el sitio. El principio es el mismo si desea crear un mapa
de Live Maps (http://maps.live.com/) o Yahoo! Mapas y direcciones (http://es.maps.yahoo.com).
Necesita tener una cuenta de Google.

Vaya a la página de Google Maps en la siguiente dirección: http://maps.google.es

[email protected] 95
Haga clic en el botón Iniciar sesión, introduzca su ID de Google y haga clic en Iniciar sesión; si
no tiene una cuenta de Google, haga clic en el enlace Crear una cuenta, especifique la
información solicitada en el formulario y haga clic en el botón Aceptar. Crear una cuenta.

Haga clic en el enlace Mis mapas.

A continuación, haga clic en el botón Crear un nuevo mapa.

Introduzca el nombre del mapa en el campo Título del mapa y una Descripción.

La barra de herramientas que aparece permite agregar elementos para personalizar el mapa:

Añadir marcador, Añadir indicaciones...

Si decide añadir elementos es mejor hacerlo en una capa independiente.

Haga clic en el botón Añadir capa.

A continuación, añada una forma, por ejemplo, dibujándola sobre el mapa para delimitar una zona

con la ayuda de la herramienta Dibujar línea .

Para personalizar el color de esta zona, y los parámetros de su contorno, utilice la herramienta

Si ha añadido un marcador, haga clic en la herramienta que aparece al lado del nombre del

marcador para modificar el color o la forma del icono.

[email protected] 96
Si es necesario, haga clic en Más iconos para acceder a una vasta biblioteca de imágenes.

Para elegir el tipo de mapa que se verá, abra la lista Mapa base y haga clic en la plantilla que se
utilizará.

Por último, haga clic en el icono (a la izquierda del botón Añadir capa) y seleccione la

opción Insertar en mi sitio. Copie el código HTML.

En la ventana de creación de un artículo, abra el editor de código (en JCE con [Toggle]) y pegue el
código del iframe. Guarde y salga.

En el sitio, el artículo muestra el mapa tal y como lo ha configurado en Google Maps.

Si al volver al artículo ya no aparece el código del iframe, y está utilizando el editor JCE,
abra Componentes - Administracion JCE - Perfiles, abra el perfil Default y, en la
ficha Parámetros Editor, añada iframe en el campo Elementos Extendidos. Así obligará a JCE a
reconocer los iframes.

3. Insertar un módulo en un artículo


Es posible integrar directamente los elementos de un menú en un artículo.

En el menú Extensiones, seleccione Gestor de módulos.

Marque la casilla del módulo que desea insertar en un artículo y, a continuación, haga clic en el
botón Duplicar.

Marque la casilla de la copia del módulo y haga clic en el botón Editar.

En la ficha Asignación de menú, seleccione la opción En todas las páginas de la


lista Asignación del módulo para asignar el módulo a todas las páginas.

En la lista Posición de la ficha Módulo, seleccione una posición, por ejemplo miposition.

A continuación, haga clic en Guardar y cerrar.

A continuación, en el menú Contenido, seleccione Gestor de artículos - Añadir nuevo articulo.

Abra el editor HTML e introduzca {loadposition miposition}.


Haga clic en Guardar y cerrar.

El módulo se insertará en el cuerpo del artículo.

4. Insertar código JavaScript en una plantilla


En el menú Extensiones, seleccione Gestor de plantillas y luego, en el panel izquierdo, haga clic

[email protected] 97
en el enlace Plantillas.

Haga clic en el enlace de su plantilla y luego en el botón html.

Copie estas líneas de código antes del cierre de la etiqueta </body>:

<?php
// no direct access
defined( ’_JEXEC’ ) or die( ’Restricted access’ );
$this->addScriptDeclaration("alert(’¡Hola!’)");
?>

Haga clic en el botón Actualizar.

Aparecerá una ventana.

Por supuesto, es posible colocar este código donde desee dentro de la plantilla.

Para llamar a un archivo JavaScript ubicado en la raíz del servidor, puede inspirarse en este ejemplo:

<?php
// no direct access
defined( ’_JEXEC’ ) or die( ’Restricted access’ );
$js = "/templates/".$this->template."/hola.js";
$this->addScript(JURI::base() . $js);
?>

5. Un sitio de comercio electrónico con HikaShop


Ahora que ya estamos bien familiarizados con las extensiones, podemos abordar un proyecto más
potente. Basados en el núcleo de Joomla!, existen componentes dedicados al comercio electrónico que
van desde los más simples hasta los más avanzados. Si se trata de ofrecer como algo accesorio la venta
de algunos artículos, no es necesario recurrir a una "monstruo" como Virtuemart. Basta con un sencillo
carro de la compra como RokQuickCart.

Por otro lado, para gestionar un catálogo y disponer de herramientas de marketing, puede utilizar
HikaShop que es muy eficiente no viene con complicaciones innecesarias.

a. Instalar HikaShop

En el panel de control, haga clic en el enlace Instalar extensiones del panel izquierdo.

En la ficha Instalar desde la web, haga clic en la categoría e-Commerce y luego en la


miniatura HikaShop.

Haga clic en el botón Install y siga el procedimiento de instalación.

[email protected] 98
Una vez instalado, un asistente le ofrece opciones de presentación y configuración previa. La
primera sección, SHOP ACCESS, ofrece la colocación de enlaces de menús en el menú
principal; de forma predeterminada, las tres opciones están seleccionadas.

Si es necesario, haga clic en una de las propuestas para deseleccionarla.

Luego, en la sección PRODUCTS LAYOUT, elija el tipo de diseño para la presentación de los
productos.

En la sección LOCATION, introduzca los elementos de identificación de su tienda.

Finalmente, rellene los ajustes principales como la moneda y el tipo impositivo.

Haga clic en el botón Save & go create your first product!, en la parte inferior, para confirmar.

HikaShop ahora estará accesible en el menú Componentes - HikaShop y sus submenús.

Para acceder al panel de control de HikaShop, abra el menú Componentes y haga clic en la
opción HikaShop.

b. Configurar HikaShop

Al igual que con todos los componentes de comercio electrónico, primero debe configurar su tienda:
Zonas, Impuestos, Gastos de envío y Categorías de productos, Características, etc. Una vez haya
terminado de realizar estos ajustes, puede empezar a añadir contenido, ¡pero no antes!

Comience por definir todas las características a través del menú Componentes - HikaShop -
Configuración.

Los principales ajustes se definen en las fichas que aparecen en el panel izquierdo de la
ventana.

Use la ficha Principal para rellenar los datos de su negocio y realizar los ajustes básicos.

La ficha Completar la compra se utiliza para definir la ruta del usuario cuando realiza una
compra. Cuanto más simple sea, menos abandonos de cesta tendrá.

Configure primero el Procedimiento para realizar las compras. Cada paso representa una
página sucesiva en el proceso. Para cada uno de los pasos, puede añadir, reorganizar o remover
elementos simplemente arrastrándolos: Compra, Cupón, Envío, etc.

Si su proceso se compone de varios pasos, es recomendable mostrar una barra de progreso con
paso final, de modo que su cliente no se sienta perdido en un laberinto.

El resto de ajustes tienen títulos que se explican por sí mismos. Observe que los ajustes
avanzados que figuran en color rojo no están accesibles con la versión gratuita.

En la ficha Principal, configure las opciones de los cuadros siguientes:

Archivos: características de los archivos, especialmente de las imágenes. Puede cambiar la


imagen predeterminada por su logotipo.

Correos: la gestión del correo electrónico es muy importante ya que todos sus contactos con
los clientes serán por esta vía, por lo que su credibilidad está en juego.

Imágenes: ajuste de la presentación de los elementos en las páginas. Puede mantener los
valores por defecto para empezar, pero aquí es donde afinará la ergonomía de su tienda.

Plugins: asegúrese de que los plugins están habilitados.

Idiomas: si ha cambiado el idioma ya conoce esta ficha.

[email protected] 99
c. Configurar las condiciones de venta

En el Panel de control de HikaShop, haga clic en el menú Sistema y seleccione el tipo de parámetro
que desea configurar:

Zonas: se trata de la lista de los países donde puede vender. Para vender en España y así simplificar el
sistema, en la lista Mostrar (al final de la página), seleccione la opción Todos para visualizar la lista
completa de idiomas y, a continuación, en la parte superior de la lista, seleccione la casilla de
verificación # para seleccionarlos todos y deseleccione España. Por último, haga clic en Despublicar.

Formas de pago: se trata de los plugins correspondientes a las formas de pago. Para poder utilizar un
plugin es necesario activarlo. Seleccione el módulo o módulos que utilizará y haga clic en sus enlaces
para editarlos y activarlos.

Métodos de envío: igual que la opción anterior para los servicios de envío.

Impuestos: para definirlos, siga este procedimiento:

Haga clic en Administrar tasas y luego en Nuevo. Introduzca el nombre, por ejemplo IVA ES, y
el impuesto (21; 10; etc.). Recuerde utilizar puntos en lugar de comas como separador decimal.

Haga clic en el menú Sistema y en la opción Impuestos y luego en Administrar categorías de


impuestos. Haga clic en Nuevo y cree una categoría llamada IVA.

Una vez finalizados estos dos pasos, abra el menú Sistema y haga clic en Impuestos y
en Nuevo. Seleccione la categoría (IVA), el Impuesto (IVA (21%)) y la Zona (España) y haga
clic en Guardar y cerrar.

Monedas: idéntico a los pagos y a los envíos.

Descuentos: puede crear cupones de descuento identificados por códigos que enviará a sus buenos
clientes. Las opciones Restricciones y Niveles de acceso no funcionan con la versión gratuita, pero
eso no le impide gestionar estos descuentos, ya que son características avanzadas que no son
necesarias en la mayoría de los casos.

Estado de las compras: los ajustes por defecto son suficientes, pero se pueden añadir más si es
necesario.

d. Crear el catálogo de productos

En el menú Productos, seleccione Características.

Si vende calzado, la Talla es una característica, así como el Color o el material de la suela.
36, 38, 40 serán los posibles valores para esta característica, como Azul, Rojo, o Cuero,
Elastómero para otras características.

Haga clic en Nuevo, escriba el nombre de la característica y agregue los valores posibles.

Cuando haya añadido todas las características, haga clic en Guardar y cerrar.

En el menú Productos, seleccione Categorías y haga clic en Nuevo.

Atención: todas las categorías se deben clasificar en la carpeta Categoría de producto de lo


contrario no podrá gestionar el catálogo. Puede crear tantas subcategorías como desee.

Escriba el nombre de la categoría y rellene la información deseada.

Cuando haya creado todas las categorías, haga clic en Guardar y cerrar.

Aquí, hemos creado dos categorías y les hemos asignado imágenes.

Una vez creadas las categorías, puede pasar a la creación de productos.

Haga clic en el menú Productos y seleccione Añadir un producto o, si aparece la lista de

[email protected] 100
productos, haga clic en Nuevo después de haber activado la categoría deseada en el explorador.

Cabe señalar que puede importar productos de un catálogo en formato CSV (separados por
comas) o desde un campo de texto (separados por tabulación).

También es posible importar los productos desde otros sistemas presentes en su sitio de
Joomla! como Virtuemart, Mijoshop, Redacart u OpenCart.

Introduzca la información del producto.

En la parte derecha, escriba las características detalladas. Por ejemplo, seleccione las tallas que
estarán disponibles para este producto. Para cada valor seleccionado, haga clic en Añadir.

Elija también la categoría a la que pertenece este producto.

Añada también una o varias imágenes para el producto, porque aunque puede añadir imágenes en
la descripción, es preferible que estas imágenes están listadas aquí. De esta forma, HikaShop
generará las miniaturas para los distintos tipos de presentación.

Si vende productos intangibles para descargar, como imágenes o software, agréguelos en la


parte Archivos.

A continuación, haga clic en Guardar y cerrar.

e. Poner la tienda en línea

Una vez terminado el catálogo, falta facilitar el acceso a los productos. Esto se hace a través de los
menús y esta es la parte más complicada ya que los ajustes no son siempre evidentes. Aquí tiene la
explicación.

Vaya a Menús - sumenú - Añadir nuevo elemento del menú.

Haga clic en Seleccionar.

En la lista de enlaces disponibles, observará que ahora aparece una sección


llamada HikaShop.

Haga clic en la sección HikaShop y seleccione el enlace deseado, por ejemplo Listado de
Categorías, que muestra las categorías de su tienda. También puede elegir Listado
de Productos (productos de una sola categoría) o Página del Producto (una página de
producto).

Introduzca el nombre del enlace y haga clic en Guardar sin cerrar para acceder a las opciones de
HikaShop para este elemento de menú. A continuación, haga clic en la ficha Opciones de
HikaShop.

En el cuadro Detalles, indique la información que desea mostrar o no: Número de


columnas, Sentido del orden, etc.

En cualquier momento, puede regresar, si es necesario, a las opciones de menú de Joomla! con un
clic en el botón Opciones del menú de Joomla.

Haga clic en Guardar.

Aparece el siguiente mensaje:

Haga clic en el enlace Pulsar aquí para que HikaShop cree por usted el módulo que es necesario
implementar. También puede acceder a él a través del menú de HikaShop: Display - Módulos de
contenido.

Que este módulo esté habilitado o no, no plantea ningún problema ya que HikaShop lo
integrará en el contenido. Puede activar los otros módulos y colocarlos en la position 7, por
ejemplo, para mostrar el carro de la compra o el contenido.

A continuación, compruebe a través del FrontEnd, que el elemento del menú está presente y haga

[email protected] 101
clic en él.

La página mostrará las diferentes categorías.

Por último, al hacer clic en el enlace del producto, mostraremos la página del mismo:

Si el usuario hace clic en el botón Añadir a tu pedido, el producto se contabilizará.

A continuación, el módulo de la cesta (Cart):

Al hacer clic en Pedir, se inicia el proceso de liquidación y se invita al visitante a iniciar sesión
o crear una cuenta.

HikaShop es bastante fácil de implementar y mantener, por lo que es una buena introducción al
comercio electrónico.

Tenga en cuenta que las versiones de pago ofrecen servicios adicionales, como las estadísticas o la
afiliación por menos de 100 euros (impuestos no incluidos). Hay disponible una documentación
detallada completamente en línea en inglés
aquí: http://www.hikashop.com/support/documentation.html y un foro en inglés muy activo que
permite presentar sus problemas a usuarios experimentados que suelen responder amablemente en
esta dirección: http://www.hikashop.com/en/forum/index.html?
return=L3N1cHBvcnQvZm9ydW0uaHRtbD9sYW5nPWVu

[email protected] 102
CAPÍTULO 7

Posicionar un sitio Joomla!

Introducción
Veremos en este capítulo cómo utilizar todas las herramientas que le ayudarán a administrar su sitio
desde el punto de vista tanto de su tráfico como de su popularidad en los motores de búsqueda. Como ya
sabe, un buen posicionamiento aumenta en un 100 % las probabilidades de éxito.

[email protected] 103
Un poco de vocabulario

Posicionamiento Conjunto de métodos que permiten dar a conocer un sitio web en los
motores de búsqueda. Se llama posicionamiento natural a los
procedimientos para registrar un sitio en los motores de búsqueda y
en los directorios.

SERP (Search Engine Results Designa la página de resultados, que genera un motor de búsqueda en
Page) función de una consulta introducida por el usuario (estar bien situado
en los Serp).

SEO (Search Engine Designa el conjunto de técnicas destinadas a posicionar mejor un sitio
Optimization) en los motores de búsqueda (los Serp).

Netlinking Designa un intercambio de enlaces con otro sitio para generar tráfico
adicional.

Robot (spider, crawler o Programa que permite examinar la web de manera automática para
agente) indexar las nuevas páginas y actualizar los cambios realizados en las
páginas ya indexadas. Un archivo de exclusión (robots.txt) colocado
en la raíz de un sitio web permite dar a los robots una lista de
recursos que no se deben indexar. La siguiente dirección es de un
recurso en el que se enumeran todos los robots
existentes: http://www.robotstxt.org/db.html

Multi-motor Servicio en línea que ofrece la posibilidad de consultar varios motores


a la vez.

Spamdexing(posicionamiento Designa el conjunto de técnicas destinadas a engañar a los motores


abusivo) de búsqueda y a obtener un mejor ranking en los Serp.

Cloaking (ocultación) Designa el conjunto de métodos destinados a presentar en los


motores de búsqueda un contenido diferente en relación al que se le
mostrará al internauta. El Cloaking es una de las técnicas utilizadas en
el Spamdexing.

Linkfarming (granja de Método que permite aumentar la importancia de un sitio web creando
enlaces) artificialmente una multitud de enlaces a él (utilizando, por ejemplo,
páginas satélite).

Duplicate content Designa el hecho de que dos páginas web que pertenecen al mismo
sitio (o a sitios diferentes) presentan un contenido similar o idéntico.
Este desvío puede penalizar su sitio en relación a los motores de
búsqueda.

Algoritmo Conjunto de operaciones que permiten a los motores de búsqueda


clasificar las páginas web en función de su relevancia.

Backlink Designa un enlace externo que apunta a una de las páginas de su


sitio.

BlackList (lista negra) Lista de sitios de Internet penalizados y cuyos resultados no aparecen
en los motores de búsqueda.

TrustRank Algoritmo creado por Google que permite otorgar un índice de


confianza a los sitios que aparecen en las páginas de resultados.

PageRank Índice de popularidad creado por Google y que da una nota de 0 a 10


a cada una de las páginas de los sitios existentes. Este índice se
calcula también en función del PageRank de las páginas que enlazan
con la página en cuestión.

[email protected] 104
Elegir un nombre de dominio
La palabra o palabras clave que desea asociar a su sitio, deben estar incluidas en la dirección URL del
mismo. Imagine que es un vendedor de pizza, el nombre de dominio que usted elija debería tener el
siguiente aspecto: pizza.com

Si su dominio se compone de varias palabras clave, lo mejor es separarlas por un guión. Google ha
aclarado recientemente que también se acepta el uso del guión bajo, pero en mi opinión, el guión es más
seguro. Un nombre de dominio no deberá exceder de dos palabras: pizza-venta.com, pizza-envío.es,
etc.

También es fundamental tener un enfoque "local", porque si entrega sus pizzas en un área específica,
como la pequeña ciudad de Castellón, por ejemplo, sería muy interesante llamar a su sitio castellon-
pizza.es ya que es una apuesta segura que las consultas de los usuarios incluyan el nombre de su ciudad.

Si compra un nombre de dominio, asegúrese de su pasado con la ayuda de una


herramienta llamada WayBackMachine (http://archive.org/web/). Habrá muchas capturas de
pantalla de todas las versiones anteriores.

Puede verificar que el nombre de dominio no ha sido expulsado de Google AdSense utilizando la
herramienta AdSense SandBox: http://ctrlq.org/sandbox/

Introduzca la URL del dominio y seleccione el nombre del país que desee y haga clic en el
botón Preview Ads. Si todo va bien, debería ver los anuncios de AdSense.

Seleccione su registrar en España y no en otro país. Un registrar es una empresa que permite el
depósito de nombres de dominio de Internet. Esto puede no parecer importante a primera vista, pero
si tiene un problema serio con su nombre de dominio (redirección de DNS, robo de sus
identificaciones, etc.), los procedimientos administrativos serán mucho más sencillos en España que

[email protected] 105
si tiene que llamar al extranjero (diferencia horaria, obligación de hablar el idioma del país
perfectamente, fecha límite para la presentación de documentos).

[email protected] 106
Elegir un alojamiento "de verdad"
Aquí hay cuatro razones por las cuales elegir un alojamiento competente:

Un servidor que esté inoperativo de vez en cuando hará que su sitio no esté disponible, lo cual
aumenta las posibilidades de penalización por parte de los motores de búsqueda.

Del mismo modo, un sitio que tarda mucho en cargarse no será tan bien considerado por los
motores de búsqueda.

Los sitios alojados gratuitamente son accesibles a través de nombres de subdominio. También es
otro factor de penalización ya que los sitios que no tienen un nombre de dominio "propio" se
encuentran en desventaja en comparación con sus hermanos mayores.

No se puede revender un subdominio. También debemos pensar en el futuro y un sitio que, en un


primer momento, recoja una audiencia confidencial puede llegar a ser, a lo largo de los años, una
referencia en su dominio. Si tiene un nombre de dominio "verdadero", será más fácil obtener
beneficios económicos a un precio justo.

[email protected] 107
Optimizar las direcciones URL de su sitio
Normalmente, las distintas páginas de su sitio se verán en este formato: http://joomla-
trucos.com/index.php?option=com_content&view=article&id=1:optimizar-joomla&catid=1:latest-
news&Itemid=50. Esto, obviamente, no resulta muy claro ni para los usuarios ni para los motores de
búsqueda. Recordemos que la presencia de las palabras clave que desea asociar a su sitio es importante
para la clasificación (ranking) de sus páginas. Sería mejor que la anterior dirección tuviese el siguiente
formato: http://joomla-trucos.com/optimizar-joomla.php. Y para un motor de búsqueda como Google, el
propósito de su página web se vuelve ahora mucho más claro. Veamos cómo proceder.

En el panel izquierdo del panel de control, haga clic en Configuración global.

En la sección Configuración SEO, active el botón Sí asociado a la opción URLs amigables.

Guarde y pruebe inmediatamente los cambios realizados navegando por su sitio web en un
navegador.

Esta función utiliza un mecanismo del servidor Web Apache llamado "Rewrite Engine", también conocido
como "URL rewriting". Aparte de los enormes beneficios que se obtendrán en términos de
posicionamiento, el uso de URL rewriting ofrece otras ventajas:

En cierta medida, esta práctica impide el hotlinking que consiste en utilizar la dirección de un
archivo en un sitio web para publicarlo en otro sitio.

Esto evita que se muestren aspectos operativos de su sitio a los visitantes.

Active también el botón Sí asociado a la opción Usar la reescritura de URLs y haga clic en el
botón Guardar y cerrar.

Para esta última opción se tenga en cuenta, también debe cambiar el nombre del
archivo htaccess.txt, que se encuentra en la raíz de su sitio web, a .htaccess.

En todos los casos, es mejor hacerlo en el servidor con el software de FTP. De hecho, en Mac, el
archivo llamado ".htaccess" desaparecerá del escritorio debido a su extensión. Y será complicado
volver a encontrarlo. Y en Windows, cambiar el nombre de la misma manera será casi imposible a
menos que utilice el símbolo del sistema. Por lo tanto, es mejor enviar el archivo htaccess.txt al
servidor y renombrarlo con FileZilla.

[email protected] 108
Utilizar direcciones URL cortas
Muchos estudios muestran que las URLs cortas reciben el doble de "clics" que sus contrapartes más
largas. A continuación se presenta una serie de buenas prácticas relacionadas con las URL de su sitio en
Joomla! (y por lo tanto, la elección de nombres de archivo):

Una URL estática tiene un SEO potencial más importante que su contraparte dinámica.

Debe asegurarse de que las palabras clave que caracterizan su artículo también están presentes en
la dirección URL de la página.

Una palabra clave en el nombre del archivo HTML es mucho más beneficiosa que si está en el
nombre del directorio o subdominio.

Se recomienda el uso de guiones como separador de palabras (no guión bajo).

Si tiene palabras clave diferentes en una dirección URL, utilice también un guión para separarlas.

No exceda de 4 a 5 palabras clave en el nombre del archivo.

No se pueden utilizar caracteres acentuados, mayúsculas y espacios en un nombre de archivo.

En resumen, trate de construir URL fáciles de leer y explicativas. Esto significa que debe tener especial
cuidado a la hora de elegir el título de cada una de sus páginas, pero también debe tener consideración
con los nombres asignados a los archivos multimedia.

[email protected] 109
Cuidar su snippet
Un snippet es un breve extracto de la página que está presente en cada uno de los enlaces visibles en las
páginas de resultados de los motores. Esta descripción es similar a la portada de una revista: cuanto más
atractiva sea, más internautas estarán tentados de abrir el enlace correspondiente en detrimento del
resto. Es una presentación de los contenidos de su página. Se genera principalmente a partir del
contenido de la etiqueta Metadescripción de su página.

Escriba Ediciones ENI en el campo Buscar de la página de Google y pulse [Intro].

El primer enlace visible contiene este snippet: Ediciones ENI es editor de libros
informáticos, soportes de curso y de formación, CD-ROM de formación, formación en línea
acompañada o no por un formador, ...

Si edita el código fuente de esta página encontrará la siguiente declaración:

<meta http-equiv="description" content="Ediciones ENI es editor


de libros informáticos, soportes de curso y de formación, CD-ROM
de formación, formación en línea acompañada o no
por un formador, solución e-learning MEDIAplus. Venta en línea." />

Observe que en la página de resultados, la palabra clave que ha escrito está en negrita.

No es necesario que su descripción sea una frase. De hecho, es posible crear un texto estructurado que
contenga información útil para el internauta: fecha de la última modificación de la página, nombre del
autor, información del producto, etc.

Se deben respetar tres reglas:

Todas las etiquetas Metadescripción de sus páginas deben ser diferentes unas de otras.

El snippet no debe contener información redundante como el título de la página (ya incluido en la
etiqueta Título).

El snippet debe ser fácil de leer y rápido de identificar.

Por ejemplo, escriba la consulta harry potter libro 7 en Google y decida usted mismo cuáles son los
snippets más atractivos y cuáles tienen un aspecto tan feo que le hará pasar de ellos.

Así que no dude en ponerse a trabajar en este elemento esencial de la web: la legibilidad de sus páginas
en los motores de búsqueda.

Hemos visto que la información Metadescripción, Metapalabras clave y Autor están disponibles en la
pestaña Publicación cuando edita un artículo.

[email protected] 110
En cuanto a las etiquetas visibles en su página principal (Index.php), haga clic en el
enlace Configuración global del Panel de control y luego introduzca la información necesaria en la
sección Configuración de los metadatos.

¿Está buscando ideas? Introduzca la expresión deseada en un motor de búsqueda y luego edite
el código fuente de las páginas que aparecen en primer lugar para esta consulta. De este modo
obtendrá una idea más concreta de cómo debe ser una página "optimizada".

[email protected] 111
Las etiquetas de encabezados
Aquí hay algunas reglas:

Las etiquetas de encabezados Meta deben ser diferentes para cada una de sus páginas.

La etiqueta de encabezado Meta Description es muy importante. Debe incorporar sus palabras
clave sin exceder 40 palabras.

La eficacia de la etiqueta de encabezado Meta Keywords reside en la adecuación entre las


palabras clave que se encuentran en el texto, en particular en la introducción y las etiquetas de los
títulos (H2, H3, etc.).

[email protected] 112
El título
Algunos consejos:

No repita la misma palabra en el título.

Utilice unos cien caracteres (incluyendo espacios) para el título.

Utilice un título diferente para cada una de sus páginas.

Redacte una frase coherente, evite el uso de comas.

No empiece su título con un espacio.

[email protected] 113
La metadescripción
No supere los 200 caracteres (espacios incluidos) para su etiqueta Description. Redacte una frase
coherente, evite el uso de comas.

[email protected] 114
Las metapalabras clave
La palabra o palabras clave que desea asociar a su sitio deben estar incluidas en el título (indicado por la
etiqueta <Title>). Este título no debe ser demasiado largo (no más de 8 palabras).

Esta observación se puede hacer para las etiquetas de párrafo (<H1>, <H2>, etc.).
Recuerde estructurar sus páginas con un título, un título de primer nivel, de segundo nivel y así
sucesivamente.

La densidad de palabras clave en el texto tiene cierta importancia. No exceda de un porcentaje del 6 %
sobre la totalidad del texto. Por otra parte, es preferible que el comienzo y el final de su párrafo contengan
las palabras clave importantes.

Del mismo modo, cree anclas nombrándolas con las palabras clave que desea asociar a su sitio.

Destaque sus palabras clave aumentando el tamaño de la fuente utilizada.

El impacto de las palabras clave será más importante si las coloca juntas. Es mejor utilizar el término
"entrega de pizzas" en lugar de hablar por un lado de la "entrega" y por el otro de "pizzas". De acuerdo
con este principio, aprenda a construir oraciones que incluyan las palabras clave importantes de su texto.

Se recomienda no superar los 100 enlaces de salida para una misma página.

Evite la duplicación de contenido. En ningún caso, varias páginas de su sitio deben contener las mismas
frases o títulos similares.

[email protected] 115
Las imágenes
Los robots de los motores de búsqueda no saben (aún) cómo leer las imágenes. Una vez más, debe
introducir una descripción mediante el uso de la etiqueta correspondiente (<tag>). Por ejemplo: src<img
src="http://www.pizza.com/images/pizza.gif"> <a href="http://www.pizza.com/entrega+pizza"
alt="entrega de pizza a domicilio</a>

[email protected] 116
La búsqueda universal
El principio de la búsqueda universal es mostrar en una misma página resultados de enlaces de texto,
contenido multimedia (fotos y vídeos), enlaces a noticias o a otras categorías de búsqueda (Google Books,
Google Maps, etc.). Por ejemplo, una búsqueda de una persona famosa del mundo del espectáculo
devolverá imágenes de la estrella, artículos de su actualidad, vídeos de sus videoclips, un mapa de de sus
próximas giras, etc.

Éstos son algunos ejemplos de consultas que devuelven, en Yahoo!, una gran cantidad de
contenido: madonna - imágenes de paisajes - parís.

Además, puede realizar la misma búsqueda en diferentes categorías.

Vaya a Google y escriba la siguiente consulta: barcelona.

[email protected] 117
Haga clic sucesivamente en los enlaces Imágenes, Maps, Noticias, Vídeos que aparecen en la
parte superior de la ventana de Google.

Algunas consideraciones preliminares:

Google Videos: no dude en insertar vídeos en sus páginas con títulos que sean tan relevantes como sea
posible. Además, utilice nombres de archivos relevantes y suficientemente descriptivos.

Google Maps: pruebe a integrar Google Maps en sus páginas. Pueden indicar la dirección de su empresa
o de su asociación o incluso de lugares mencionados en sus artículos.

Google Images: le sorprenderá el número de visitantes que atrae un motor como Google Images. No
dude en ilustrar generosamente el contenido de su sitio Web. Una vez más, trate de optimizar el título y
las etiquetas que rodean a las imágenes de su sitio.

[email protected] 118
Mejorar su posicionamiento local
Este breve párrafo es para aquellos que deseen crear un sitio de comercio electrónico. El sector de
búsquedas localizadas registra, año tras año, un aumento continuo. La idea general es que los resultados
de los buscadores locales (Google Maps o Google Search cercanos) se incluyan en el motor "principal". El
visitante o usuario de un teléfono móvil introduce una dirección, un número de teléfono, el nombre de una
empresa o un comercio con la indicación de un lugar para obtener de forma natural las empresas y
sociedades presentes en ese sitio.

Es en este momento en el que debe haber puesto toda la carne en el asador y asegurarse de que su sitio
queda, por así decirlo, sobreimpresionado. Si su sitio es el producto de un proyecto profesional o una
tarjeta de visita para su empresa, he aquí algunas ideas:

Especifique la dirección de su empresa en todas las páginas de su sitio. Puede especificar la


dirección postal completa, ya que la mayoría de los motores de búsqueda saben cómo
interpretarla. Por ejemplo, si escribe el comando de búsqueda 08008 barcelona en Google, se
abrirá un mapa de la ciudad de Barcelona en el código postal especificado. Asegúrese de incluir su
número de teléfono también para que los motores puedan tenerlo en cuenta.

También se puede imaginar una página HTML cuyo título sea "Cómo encontrar nuestra empresa".
Sólo tiene que crear un mapa personalizado de Google Maps o LiveMaps, recuperar el código
generado e incluirlo en su página web. Del mismo modo, es posible, además del mapa, incluir una
descripción de la ruta a seguir.

Utilice las etiquetas Título y Descripción para incluir elementos de localización de su empresa.
Por ejemplo: empresa especializada, mudanzas, Cartagena, Murcia. En la etiqueta Palabras clave,
también es posible indicar todas las ciudades en las que su sociedad puede intervenir.

Recuerde que debe crear una ficha en Google Local Business Center
(http://www.google.es/local/add). El procedimiento no es muy complicado y asegura una buena
representación, también en el motor de búsqueda convencional.

Después de introducir la dirección, se le redirigirá a su cuenta de Google+. Si ya ha creado su página


de negocio anteriormente, basta con que la complemente con información local específica. De lo
contrario, debe crear una página de negocio.

Para acceder a los cambios, seleccione Páginas en el menú de Google+.

Haga clic en Administrar esta página y complete la información que falta o edite la existente.

Cuanto más completa sea la información, mejor será la indexación, a Google le encanta
recompensar a los "buenos alumnos".

Cuando realiza una búsqueda combinando el lugar y la actividad, por ejemplo


aquí Barcelona y Formación, el sitio aparece en los resultados.

[email protected] 119
Utilizar las herramientas para Webmasters de Google
Este servicio de Google le permite administrar fácilmente un sitio para ser listado en el motor de
búsqueda.

Vaya a la siguiente dirección: http://www.google.com/webmasters/tools/home?hl=es

Introduzca el nombre de usuario y contraseña de su cuenta de Google que desea utilizar y haga clic
en Iniciar sesión.

1. Agregar un nuevo sitio


Haga clic en AÑADIR UN SITIO.

Escriba la dirección URL de su sitio en el cuadro de texto y haga clic en el botón Continuar.

A continuación, siga el procedimiento para demostrar que usted es el propietario del sitio. Varía en
función del proveedor de servicios de hosting y para OVH se describe en detalle.

Después de eso, simplemente haga clic en el enlace del nombre del sitio añadido para acceder a
toda la información relacionada.

Es posible, desde esta interfaz, añadir un mapa Sitemaps (mapa de la web).

[email protected] 120
Se trata de un archivo en formato XML (eXtensible Markup Language) que contiene el conjunto de
direcciones URL que componen un sitio. Este tipo de archivo es interpretado por la mayoría de motores
de búsqueda. De esta manera, los motores de búsqueda sólo indexarán las páginas indicadas como si
hubieran actualizado desde la última pasada del robot.

El ahorro de ancho de banda puede ser muy alto.

Hay muchos tipos de Sitemap (web genérica; para móvil; para Google Code; Sitemap de vídeo, Google
News).

2. Estructura de un Sitemap
La estructura de este tipo de archivo se compone de los siguientes elementos:

Las declaraciones de encabezado (obligatorio): <urlset>.

[email protected] 121
La dirección URL de cada página que compone el sitio (obligatorio): <url> y <loc>.
La fecha de la última modificación de la página (opcional): <lastmod>.
La frecuencia de actualización de la página (opcional): <changefreq>.
La prioridad de esta página en relación a otras páginas (opcional): <priority>.
La prioridad predeterminada de una página es igual a 0,5. Se puede asignar una puntuación en
una escala de 0.0 a 1.0.

En cuanto a la frecuencia de actualización de la página, los valores aceptados


son: always, hourly, daily, weekly, monthly, yearly y never.
El archivo Sitemap se debe guardar con una codificación UTF-8.

Hay una dificultad que requiere el uso de caracteres de escape de entidad. Algunos caracteres deben
codificarse de una manera especial:

Nombre del carácter Carácter Código de escape

Signo & & &amp;

Apóstrofo ’ &apos;

Comillas " &quot;

Superior a > &gt;

Inferior a < &lt;

Asumiendo que su sitio web contiene la dirección


URL http://www.ejemplo.es/prueba.php&q=nombre, debe poner
esto: http://www.ejemplo.es/prueba.php&amp;q=nombre

Este es un ejemplo de Sitemap:

<?xml version="1.0" encoding="UTF-8"?>


<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.joomla-trucos.com/</loc>
<lastmod>2008-08-01</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>http://www.joomla-trucos.com/instalar-joomla.php</loc>
<changefreq>weekly</changefreq>
</url>
</urlset>

Existe una amplia documentación sobre el tema en la página:

http://www.sitemaps.org/es/protocol.php

3. Utilizar los archivos del Sitemap


Existen muchas extensiones para la gestión de sitemaps de forma dinámica de manera que cada vez que
Google visita el sitio, los cambios más recientes están presentes. Puede encontrarlas
aquí: http://extensions.joomla.org/category/structure-a-navigation/site-map; recomendamos Xmap ya
que la hemos probado y ha resultado muy satisfactoria.

Xmap es gratuita y cuenta con una gran cantidad de plugins para asegurar la compatibilidad con
componentes adicionales que puede haber instalado como K2, JomSocial... Durante la redacción de este
libro, aún no se podía instalar directamente desde las extensiones.

Descargue el archivo Xmap Package (que incluye todos los plugins oficiales) .

Instale el archivo descargado como con cualquier otra extensión.

En el menú Componentes, seleccione la opción Xmap. Haga clic en el enlace Extensiones del
[email protected] 122
panel izquierdo y active la extensión Xmap - Content Plugin con un clic en la casilla
correspondiente de la columna Estado.

Haga clic en el menú Componentes, en la opción Xmap y, si es necesario, en el enlace Mapas de


sitio del panel izquierdo.

Haga clic en Nuevo.

Introduzca un Título.

En la ficha Menus, seleccione los menús que se integrarán en el Sitemap: marque la casilla
correspondiente a cada menú que desee incluir y establezca la frecuencia y la prioridad que desea
dar a algunos de ellos.

Haga clic en Guardar y cerrar.

La dirección del mapa del sitio XML que se comunicará a Google será
http://localhost:8888/index.php?option=com_xmap&view=xml&tmpl=component&id=1. "1" es
el identificador del mapa del sitio.

También puede colocar un enlace al mapa del sitio seleccionando Menús - Sumenú - Añadir
nuevo elemento del menú.

Para elegir el Tipo de elemento del menú, haga clic en el botón Seleccionar y, en la lista, haga
clic en el enlace Mapa de Sitio HTML.

Especifique el mapa del sitio que desea con un clic en el botón Cambiar.

Haga clic en Guardar y cerrar y compruebe que el mapa del sitio se muestra correctamente.

4. Enviar un mapa del sitio a los motores de búsqueda


Ya hemos visto el procedimiento en Google, pero a continuación presentamos las direcciones de estos
dos motores de búsqueda:

Yahoo! Submit Your Site: http://search.yahoo.com/info/submit.html

Live Search Webmaster Center (Bing): http://webmaster.live.com

5. Las opciones del panel de control


Vamos a presentar el uso de esta herramienta de referencia que le ayudará a administrar la evolución de
su sitio tanto desde el punto de vista de los motores de búsqueda como de sus visitantes. En otras
palabras, se trata de una herramienta fundamental.

Vaya a la siguiente página web: http://www.google.com/webmasters/tools/home?hl=es

En el panel, haga clic en el vínculo del sitio para el que desea utilizar las herramientas de Google
para webmasters.

Los mensajes relacionados con el sitio le alertan sobre posibles problemas. Entre otras, eche un vistazo
a las siguientes partes:

Aspecto de la búsqueda: Google analiza la presencia de datos estructurados (para aprender


cómo, consulte la siguiente página web: http://schema.org/docs/gs.html). La implementación
de marcadores de datos, es decir, el etiquetado de sus páginas, indica a Google en qué
categorías clasificar sus páginas sin tener que basarse en las etiquetas HTML, sino en indicaciones
que comprenderá mejor.

Tráfico de búsqueda: indicaciones sobre los criterios de búsqueda, páginas faros, etc.

Índice de Google: estado de la indexación, palabras clave de contenido y dirección URL para
eliminar.

Rastreo: permite saber si la indexación de Google ha pasado correctamente, qué páginas son
problemáticas. Pruebe Explorar como Google, a través del cual comprenderá mejor el

[email protected] 123
mecanismo de indexación. La herramienta de prueba del archivo Robots.txt también es muy útil
porque permite comprobar si ha olvidado prohibir la inclusión en los buscadores de alguna parte
que quiere mantener en "privado".

Otros recursos: ofrece herramientas útiles tales como la prueba de velocidad de carga de
páginas.

6. Las herramientas

Las opciones a las que se puede acceder a través de la herramienta , situada en la parte

superior derecha, permiten administrar el sitio:


Configuración del sitio: especifique el dominio preferido para resolver esta cuestión:
¿Google debe incluir http://susitio.com o http://www.susitio.com (con www)? Si se
especifica http://www.ejemplo.com como dominio preferido, y si Google encuentra un enlace
hacia http://ejemplo.com, considerará que es el mismo enlace. Deberá confirmar que es el
propietario de las dos direcciones con y sin "www".

Cambio de dirección: procedimiento que indica a Google si su sitio ha cambiado de dirección


(redirección 301).

Propiedad de Google Analytics: asocie su sitio con Google Analytics para obtener potentes
estadísticas sobre visitas.

Usuarios y propietarios del sitio / Detalles de verificación / Asociados: gestión de


usuarios y herramientas.

7. Utilizar el protocolo de exclusión de robots


Robots Exclusion Protocol (REP) permite a los webmasters controlar la manera en la que los robots
de los motores de búsqueda acceden a su sitio utilizando un archivo robots.txt o, con una granularidad
más fina, las etiquetas Meta.

Puede observar que, por defecto, hay instalado un archivo robots.txt en la raíz de su sitio de Joomla!.
Contiene estas declaraciones:

User-agent: *
Disallow: /administrator/
Disallow: /cache/
Disallow: /components/
Disallow: /images/
Disallow: /includes/
Disallow: /installation/
Disallow: /language/
Disallow: /libraries/
Disallow: /media/
Disallow: /modules/
Disallow: /plugins/
Disallow: /templates/
Disallow: /tmp/
Disallow: /xmlrpc/

En resumen, prohíbe a todos los motores de búsqueda explorar el contenido de los directorios del
administrador. Esta es una sabia precaución. Por supuesto, nada impide que usted añada sus propios
comandos.

Esta es una tabla de comandos básicos que son entendidos por los motores de búsqueda más
importantes (Microsoft, Google y Yahoo):

Directiva Acción Utilización

Disallow Le dice a los robots cuáles son las


páginas que no se indexan.

[email protected] 124
Directiva Acción Utilización

Allow Le dice a los robots cuáles son las Este sistema se utiliza si una gran
páginas de su sitio que deben indexar. parte de su sitio está desactivado,
pero en el interior, algunas de las
páginas deben ser indexadas.

Joker: $ Le dice a los robots que indexen las


páginas que corresponden a un
determinado patrón de URL.

Joker: * Le dice a los robots que marquen una Esto permite, por ejemplo,
expresión particular dentro de una deshabilitar las direcciones URL que
dirección URL. contienen un identificador de sesión.

Ubicación del Le dice a los robots ubicación del


archivo del mapa archivo del mapa del sitio.
del sitio

Esta es una tabla resumen de las etiquetas Meta:

Directiva Acción

NOINDEX Le pide a los robots que no indexen la página.

NOFOLLOW Le pide a los robots que no sigan los enlaces presentes en esta página.

NOSNIPPET Le pide a los robots que no muestren un snippet para esta página.

NOARCHIVE Le pide a los robots que no muestren un enlace En caché para esta página.

NOODP Le pide a los robots que no utilicen el snippet y el título tal y como aparecen en
el directorio Open Directory.

Estas directivas funcionan con cualquier tipo de contenido. Estos contenidos se pueden colocar en el
encabezado del archivo HTML o, para los documentos no HTML, utilizando las palabras clave X-Robots.

A continuación presentamos algunas otras palabras clave que entiende Google:

UNAVAILABLE_AFTER: indica cuando expira una página Web y no deberá ser listada en el motor de
búsqueda. Por ejemplo:

<META NAME="GOOGLEBOT" CONTENT="unavailable_after:


30-Aug-2008 12:00:00 EST">

La fecha y la hora deben estar en formato RFC 850 (http://www.ietf.org/rfc/rfc0850.txt).

NOIMAGEINDEX: indica a los robots que las imágenes visibles en la página no deben ser indexadas.

Por ejemplo:

<meta name="robots" content="noimageindex"> o <meta name="googlebot"


content="noimageindex">

Cuando cambia el campo Robots, debe, por ejemplo, escribir simplemente lo


siguiente: noimageindex. A continuación, observará que Joomla! ha completado con éxito la
declaración escribiendo, al final, lo siguiente:

<meta name="robots" content="noimageindex" />

¡Esto deja menos posibilidades de lo normal!

NOTRANSLATE: pide al robot de Google que no traduzca esta página.

Por ejemplo:

<meta name="google" value="notranslate">

[email protected] 125
Yahoo! utiliza directivas REP específicas:

Crawl-Delay: indica al robot de Yahoo! (Slurp) cuál debe ser su frecuencia de paso por su sitio en una
escala de 0,5 a 10.

Por ejemplo:

User-agent: Slurp
Crawl-delay: 5
NOYDIR META: similar en su funcionamiento a la directiva NODDP pero aplicada al directorio de Yahoo!
(Yahoo! Directory).

Por ejemplo:

<META NAME="ROBOTS" CONTENT="NOYDIR">

<META NAME="Slurp" CONTENT="NOYDIR">

Robots-nocontent: ayuda a identificar el contenido más importante de una página.

Ejemplos del uso de esta clase:

<div class="robots-nocontent">Este menú de navegación es común a


todas las páginas del sitio</div>

<span class="robots-nocontent">El banner superior del sitio


y es común a todas las páginas</span>

<p class="robots-nocontent">Esta mención de copyright aparece


en todas las páginas del sitio</p>

<div class="robots-nocontent">Esta sección muestra publicidad


en el sitio y, por tanto, no es relevante para su contenido</div>

En la práctica, esta solución parece bastante complicada de aplicar.

Bing Community ha seguido igualmente el movimiento


(http://blogs.bing.com/webmaster/2008/06/03/robots-exclusion-protocol-joining-together-to-provide-
better-documentation) y recuerda que su robot utiliza la etiqueta Crawl-Delay.

Puede combinar las extensiones Allow y Disallow: suponiendo que desea negar el acceso al robot de
Google Images para la carpeta Fotos pero permitir el análisis de una página llamada free.html, puede
utilizar la siguiente sintaxis:

User-agent: Googlebot-Image
Disallow: /Fotos/
Allow: /Fotos/free.html

Para evitar la indexación de un directorio llamado Archivos pero permitir al mismo tiempo la difusión de
anuncios AdSense, puede utilizar este tipo de declaraciones:

User-Agent: *
Disallow: /Archivos/
User-Agent: MediaPartners-Google
Allow: /Archivos/

Es posible reemplazar una secuencia de caracteres utilizando el asterisco (*). Para bloquear el acceso a
todos los directorios cuyo nombre comienza con Archivos utilice la siguiente sintaxis:

User-Agent: Googlebot
Disallow: /Archivos*/

El mismo principio se puede aplicar a las URL. Si desea bloquear el acceso a todas las URL que contienen
un archivo con formato PDF, utilice esta sintaxis:

[email protected] 126
User-Agent: Googlebot
Disallow: /*.pdf$

En el mismo sentido, es posible desactivar la indexación de ciertas extensiones de imágenes y no otras:

User-Agent: Googlebot-Image
Disallow: /*.png$

Existen numerosas herramientas que permiten generar un archivo robots.txt en línea:

http://www.mcanerin.com/EN/search-engine/robots-txt.asp

http://www.yellowpipe.com/yis/tools/robots.txt

El enlace a continuación permite verificar la sintaxis de un


archivo robots.txt: http://www.searchenginepromotionhelp.com/m/robots-text-tester/robots-
checker.php

Es posible generar un archivo robots.txt utilizando las herramientas para webmasters:

Seleccione uno de sus sitios, haga clic en la sección Probador de robots.txt.

Existen dos reglas principales:

User-Agent (Agente de usuario): permite definir el robot al que se aplicará la regla


correspondiente.

Disallow: permite definir la página o páginas que bloquearán.

Para bloquear la exploración de todo un sitio, utilice la siguiente sintaxis: Disallow: /


Para bloquear la exploración de un directorio, utilice la siguiente sintaxis: Disallow:
/nombre_directorio/
Para bloquear la exploración de una página, utilice la siguiente sintaxis: Disallow:
/nombre_directorio/nombre_página.html

Las direcciones indicadas son sensibles a mayúsculas y minúsculas.

En la lista desplegable Robot, especifique el nombre del robot (User-Agent) al que se va a aplicar
su regla.

Los siguientes robots ya se han indicado:

Googlebot Explora las páginas para la Búsqueda de Google en la Web.

Googlebot-News Explora las noticias.

Googlebot-Image Explora las páginas para la Búsqueda de Google de imágenes.

Googlebot-Video Explora los vídeos.

Googlebot-Mobile Explora las páginas para Google Mobile.

Mediapartners-Google Explora las páginas para Google AdSense.

Adsbot-Google Explora las páginas para Google AdWords.

[email protected] 127
A continuación, haga clic en Check Robots Text para comprobar si se permiten las instrucciones.
Una vez que se haya confirmado, copie el contenido de un archivo llamado robot.txt que colocará
después en la raíz del sitio.

Recuerde que puede excluir su sitio con esta declaración:

User-Agent: *
Disallow: /

Por último, tenga en cuenta que es esencial añadir en este archivo la dirección de su mapa del
sitio Sitemap.xml.

[email protected] 128
Mejorar la accesibilidad de sus páginas
Podemos hacer una lista rápida de las normas a seguir que permita crear un sitio web a la vez en Google
Friendly, pero también legible para sus lectores:

La etiqueta <Title> debe ser informativa e inmediatamente comprensible.


Las etiquetas <Alt> deben rellenarse.
En el caso de páginas grandes, ofrezca alternativas como archivos de texto o PDF para descargar.

Inserte un motor de búsqueda en su sitio.

Cree un mapa del sitio.

Enumere los artículos relacionados con cada una de las páginas que ha publicado.

Utilice siempre CSS para separar el diseño de los contenidos.

Evite la apertura de enlaces en nuevas ventanas: el usuario debe poder decidir por sí mismo la
apertura de un enlace.

Compruebe la validez de su código con los estándares del W3C (World Wide Web Consortium),
aquí: http://validator.w3.org

[email protected] 129
Registrar su sitio en los directorios
Es una buena manera de dar a conocer su sitio, y a un menor coste. Esta técnica le permite tener enlaces
a su sitio y así aumentar su popularidad a los ojos de los motores de búsqueda. Todos los directorios no
son iguales y hay una serie de cosas que debe revisar:

El enlace o enlaces que apuntan a su sitio deben ser "estrictos" y no utilizar cualquier script o
etiqueta exótica.

El directorio debe tener un buen posicionamiento en los motores de búsqueda y estar indexado
correctamente en relación con el tema sobre el que desea posicionarse.

Lo ideal sería que el texto del enlace que dirige a su sitio Web sea relevante: es mejor un enlace
del tipo "Explorar tutoriales sobre Joomla!" que "Haga clic aquí" o "Ver sitio".

Un directorio, muy utilizado por Google y los motores de búsqueda más populares, Dmoz. Este directorio
es de código abierto y está administrado por voluntarios. Una vez en el sitio, debe navegar hasta la
categoría que cree que depende y hacer clic en Enviar un sitio. A continuación, debe rellenar el
formulario y ser paciente. El estudio de su caso tarda mucho tiempo en completarse y puede acelerarse
mediante un pago.

[email protected] 130
Una lista de herramientas útiles
Esta es una selección de servicios en línea que le ayudarán a aprender más sobre su sitio o los de sus
competidores.

Just Ping (http://www.just-ping.com/): permite medir el tiempo de respuesta de un sitio web desde 50
lugares del mundo.

Who Is The Owner (http://www.whoistheowner.net): consulta 350 Whois para conocer el nombre del
propietario del sitio. Es interesante en caso de que alguien haya robado parte del contenido de su página.

Whois (en inglés "Who is?") es un servicio de búsqueda que permite obtener información sobre una
dirección IP o un nombre de dominio: identidad del propietario, fecha de expiración del dominio, nombre
del registrar, etc.

Who is hosting (http://whoishostingthis.com): permite conocer la identidad del servicio de alojamiento


de cualquier sitio web.

[email protected] 131
Built With (http://builtwith.com): permite mostrar principalmente el conjunto de técnicas que se han
utilizado para crear el sitio probado: sistema de servidor, codificación de las páginas, socios publicitarios,
nombre del Framework, etc.

[email protected] 132
Para enviar su sitio a Yahoo, utilice el servicio Submit Your Site en esta
dirección: http://search.yahoo.com/info/submit.html. Pero también puede utilizar herramientas realmente
especializadas como Link Cheker...

[email protected] 133
CAPÍTULO 8

Promocionar un sitio Joomla!

Introducción
Para tener éxito, su sitio web debe estar abierto al exterior mediante la promoción del intercambio y la
difusión de su contenido (a menos que se trate de una intranet o una aplicación web privada). Para
aumentar la popularidad del sitio, existen soluciones muy potentes que se pueden instalar fácilmente. Han
ido evolucionando con el tiempo, y los canales RSS, que todavía eran predominantes hace un par de años,
han ido dejado sitio gradualmente a las redes sociales. Haremos un resumen general de los dispositivos
disponibles y cómo implementarlos en Joomla!.

La retirada programada del componente Canales electrónicos del núcleo de Joomla! no significa el
abandono de la gestión de los canales RSS. Este componente se puede instalar por separado y se
puede utilizar de forma independiente del CMS. Además, una actualización no lo eliminará si ya está
instalado.

[email protected] 134
Los canales electrónicos
El canal electrónico estándar RSS (Really Simple Syndication) es una familia de formatos XML utilizados
para la sindicación de contenidos web. El principio es muy simple: a través de un agregador de canales
electrónicos, un usuario puede suscribirse al canal RSS del sitio para mantenerse informado de cuándo se
producen cambios (un nuevo artículo, por ejemplo). A estos canales los llamamos canales RSS o hilos
RSS o incluso canales electrónicos. Los programas que permiten leer estos archivos se denominan
agregadores. También es una excelente manera de fidelizar a los usuarios, manteniéndolos casi en tiempo
real al día de los cambios en su sitio.

Hay dos tipos de agregadores: en línea (Bloglines, Netvibes, etc.) o los que puede instalar como una
aplicación (iTunes, Thunderbird, RSSOwl, Juice, etc.), esto ha dado lugar a otras formas de sindicación de
contenidos como los Podcasts y los videocasts (a través del uso de la etiqueta ’Enclosure’). El
formato más utilizado es el RSS 2.0.

Google ha cerrado recientemente Google Reader, pero todavía gestiona Feedburner. Los canales
electrónicos posiblemente sigan existiendo algunos años más y pueden ser un verdadero plus para su sitio
si ofrece un canal de noticias que actualiza con frecuencia.

Veamos cómo funciona un botón de sindicación:

Vaya a la siguiente página web: http://googleblog.blogspot.com

Haga clic en el enlace Feed.

Puede suscribirse a este canal electrónico con un agregador o, como antes, simplemente obtener la
dirección del canal.

1. Gestión de canales electrónicos en Joomla!


La particularidad que ofrece este componente es que dispone de un Administrador de categorías y de
contenidos. No confunda los canales electrónicos externos que va a publicar en su sitio (como si se
tratara de enlaces) de la generación de canales electrónicos de su contenido.

a. Gestión de canales externos

Para gestionar estos canales electrónicos, haga clic en el menú Componentes, en la


opción Canales electrónicos.

Cree tantos canales electrónicos como desee haciendo clic en el botón Nuevo.

Ajuste los siguientes parámetros en la pestaña Canal electrónico nuevo:

Título: nombre del canal electrónico visible en su sitio.

Enlace: la dirección URL del canal.

Categoría: organice sus canales en categorías en el caso de existir numerosos canales.

Alias: deje que Joomla! lo haga por usted.

Estado: elija si publicar o no el canal electrónico para que sea o no visible.

Acceso: los permisos de acceso.

Idioma: deje la opción Todos excepto en el caso de un sitio multilingüe.

En la pestaña Visualización, especifique el número de elementos visibles en el canal electrónico,


así como el valor de la caché (segundos):

[email protected] 135
Cantidad de noticias por canal electrónico: el número de artículos que serán visibles en el
canal.

Duración de la caché: especifique un valor en segundos.

En la ficha Publicación, las opciones de publicación y de metadatos son similares a los de las
categorías.

Haga clic en Guardar y cerrar.

A continuación, cree un enlace de menú para facilitar el acceso a estos canales o a sus categorías,
como a los artículos o los enlaces. Puede recordar cómo hacerlo en el apartado dedicado a la
creación de enlaces de menú. Al elegir el tipo de enlace, elija una de las opciones de los canales
electrónicos.

b. Gestión de los canales de sus contenidos

Los canales electrónicos de sus contenidos se generan automáticamente por Joomla!. Basta con crear
un módulo para facilitar el acceso.

Para editar este módulo, haga clic en el enlace Gestor de módulos en el panel izquierdo del
Panel de control.

Haga clic en el título del módulo para editar o crear un nuevo módulo con un clic en el
botón Nuevo y seleccione Sindicación del sitio en la lista.

Para cambiar el título, escriba el texto en el campo Título.

A continuación, haga clic en Guardar y cerrar.

El canal electrónico ahora tiene otro nombre:

Optimizar un canal electrónico

Vamos a ver cómo utilizar un servicio como FeedBurner, que tiene, entre otros, los siguientes
beneficios:

[email protected] 136
Permite crear sofisticados botones de sindicación.

Permite generar las estadísticas de difusión de su canal electrónico.

Permite obtener beneficios económicos de sus canales electrónicos con el programa Google
AdSense.

Vaya a la página del sitio de Feedburner (http://www.feedburner.com) para iniciar sesión.

Inicie sesión con su cuenta de Google.

En el cuadro de texto, escriba la dirección de su canal electrónico y haga clic en el botón Next.

Se trata del canal electrónico generado por el módulo de sindicación.

Seleccione el tipo de canal electrónico. Puede elegir entre RSS2 y Atom. Se


recomienda RSS2porque es el más utilizado en España. Haga clic en Next.

Su canal electrónico FeedBurner se habrá creado.

Si es necesario, añada una o varias de las opciones, como la optimización para los navegadores
(BrowserFriendly) y la activación de las estadísticas (FeedBurner Stats). Haga clic en Next.

Seleccione todas las opciones para que su canal sea objeto de estadísticas completas. Haga clic
en Next.

Ahora sólo nos queda configurar las opciones de su canal electrónico a través de las fichas.

En la ficha Optimize, haga clic en BrowserFriendly y seleccione ClearFeed (French) en la


lista Theme. Si es necesario, añada un mensaje personalizado en el campo Personal Message.

Haga clic en Save.

Haga clic en SmartFeed y, a continuación, en Activate para hacer que su todos los lectores
puedan leer su canal electrónico.

La ficha Publicize contiene opciones para configurar la publicación de su canal electrónico. Por
ejemplo, Headline Animator ofrece una herramienta completa para crear banners animados
que muestran los artículos publicados en rotación. Email Subscriptions permitirá la
suscripción a su canal electrónico a través de correo electrónico.

Para todas estas herramientas, una vez creado el botón o el banner, seleccione la exportación
deseada (aquí hemos solicitado el código). Copie el código e insértelo en su sitio de Joomla!, por
ejemplo, en un módulo.

Insertar su canal electrónico de FeedBurner

Vamos a recuperar el canal electrónico generado por nuestro sitio y que se actualiza cada vez que un
nuevo elemento aparece en la portada. A continuación, haremos una redirección del antiguo canal
electrónico al canal creado en FeedBurner. Sólo nos resta insertarla de nuevo en la página principal.

Puede editar la plantilla que utiliza para añadir una declaración entre las
etiquetas <HEAD> y </HEAD>.

En el menú Extensiones, haga clic en la opción Gestor de plantillas.

Haga clic en el enlace Plantillas del panel izquierdo.

Haga clic en la plantilla utilizada y a continuación en Editar la página principal de la plantilla.

Entre las etiquetas <HEAD> y </HEAD>, copie esta declaración:

<link rel="alternate" type="application/rss+xml" title="RSS 2.0"


href="Dirección de su canal electrónico en FeedBurner" />

Guarde los cambios realizados en la plantilla.

[email protected] 137
Por supuesto, nada le impide cambiar la ubicación de este módulo, colocándolo en un lugar más
destacado de su página principal... basta con cambiar la opción del campo Posición.

Entender las estadísticas de FeedBurner

Este servicio le permite ver el número de usuarios que se han suscrito a su canal electrónico. Puede
acceder a él haciendo clic en el nombre del canal electrónico.

Se muestran dos curvas: una muestra su número de suscriptores (subscribers) y la otra, el número
de internautas que han visto su canal electrónico o que han hecho clic en él (reach), esta última
estadística permite tener una estimación fiable de su público real.

El informe Popular Feed Items hace la distinción entre la columna VIEWS (el número de veces que
se ha leído su canal electrónico) y la columna CLICKS (el número de veces que los suscriptores han
hecho clic en el contenido de su canal electrónico).

Cuando hace clic en el enlace See more about your feed items, esta misma distinción se hace para
cada uno de los artículos que ha publicado y por el período de tiempo considerado.

Si incrementa el número de "Views", obtendrá el mismo total que el indicado en los encabezados de
columna.

Estos valores pueden ser confusos cuando parecen entrar en contradicción con la cantidad indicada en
la mención reach.

Este valor indica el número de suscriptores que realmente han leído el contenido de sus artículos.

Se deben hacer dos puntualizaciones:

Muchos suscriptores a su canal electrónico pueden recibir su canal sin siquiera leerlo (o en
períodos de tiempo muy separados). Por tanto, puede tener 1000 suscriptores declarados y
simplemente un promedio diario de 200 usuarios "activos". La diferencia está en los abonados
pasivos que sólo consultan su agregador de vez en cuando, etc.

Es interesante utilizar la lista desplegable situada a la derecha de la mención Feed Stats


Dashboard para seleccionar un período de tiempo superior a 30 días, por ejemplo. Obtendrá
un indicador mucho más justo de las medias registradas para el uso de su canal electrónico ("on
average").

Haga clic en el enlace Item Use para mostrar un ranking de la popularidad de los diversos
artículos que ha publicado. Se trata de una forma rápida de ver cuáles son los artículos que han
atraído la mayoría de las reacciones y, por lo tanto, los temas de particular interés para sus
lectores.

Mediante la yuxtaposición de los informes generados para el mismo día, se obtiene, por ejemplo, esto:

956 subscribers.

444 reach.

1,330 views.

149 clicks.

Por tanto, hay 956 suscriptores, de los cuales 444 han revisado el contenido del canal electrónico. Sí,
pero entonces ¿por qué el número de vistas difiere tanto? Esta medida (VIEWS) indica simplemente el
número de veces que se ha mostrado el contenido de su canal electrónico durante el día. Pero cubre un
gran número de prácticas: widget integrado en Netvibes, botón de sindicación, recuperación del
contenido del canal electrónico por agregadores en línea o sitios que publican su canal electrónico en
forma de páginas web.

También se puede ver que el número de usuarios activos es diferente del número de clics según si el
canal electrónico muestra todos los artículos o sólo un breve resumen con un enlace que permita
acceder a la página original.

Por último, sólo la mención del número de personas que han estado activas en relación con el
contenido de su canal electrónico ("Reach") es un buen indicador de la audiencia real.

[email protected] 138
Última cuestión: ¿por qué el número de suscriptores varían de un día para otro? En primer lugar
debemos comprender cómo se mide realmente el número de abonados.

Podemos decir que estos últimos se reparten en dos grupos distintos: los que utilizan un agregador en
línea y aquellos que utilizan una aplicación instalada localmente en su ordenador.

En el primer caso, estos servicios (Netvibes, Google Reader) indican a FeedBurner el número de
usuarios suscritos a su canal electrónico durante un mismo día. Pero, por ejemplo, a veces, un
agregador en línea actualiza estos datos cada 30 días.

Para las aplicaciones, Feedburner diferencia las características de cada usuario, incluida la dirección IP.

El número total es, por tanto, la suma entre el número de suscriptores en línea y los que han revisado
su canal electrónico. Pero en este escenario, si un usuario no abre su agregador, no se considerará un
suscriptor. Por tanto, las estadísticas de FeedBurner pueden registrar fluctuaciones, pero esto no
significa necesariamente que haya perdido suscriptores.

Por último, pasamos directamente a la última cuestión: pero ¿a qué corresponde el informe Top
Uncommon Uses? En esta sección, Feedburner identifica todo uso no autorizado del canal electrónico.
Estos pueden ser de sitios de agregación de contenidos procedentes de diferentes canales electrónicos,
un blog que muestra todo su canal electrónico, un sitio de spam, etc. En pocas palabras, todos los usos
no autorizados del contenido de su sitio a través de los canales RSS que generan. El botón de la flecha
le permite ver el sitio correspondiente y verificar si no le impide estar correctamente indexado en
Google.

Tomemos por ejemplo el sitio: http://www.redbeemedia.es/. Pruebe a buscar en Google una frase lo
suficientemente larga del artículo que le han copiado y no olvide ponerlo entre comillas. De esta
manera, puede ver todas las páginas que han duplicado su contenido. A partir de ahí, dos escenarios
son posibles: o bien el sitio se coloca delante suyo y existe un problema de listado con su sitio en
Google, o bien usted está delante de él y no tiene, a priori, de qué preocuparse. A veces el sitio (el
suyo o el otro/otros) sólo se puede ver haciendo clic en el enlace repetir la búsqueda e incluir los
resultados omitidos. Tenga en cuenta que la clasificación puede cambiar después de un día o dos. Un
método eficaz consiste en colocar un enlace a la página principal de su sitio o al artículo
correspondiente en el pie de página de su canal electrónico. Tenga en cuenta que también es posible
asignar una licencia de Creative Commons a su canal electrónico con un clic, en FeedBurner, en la
pestaña Publicize y, a continuación, en el enlace Creative Commons.

[email protected] 139
Los canales electrónicos
El canal electrónico estándar RSS (Really Simple Syndication) es una familia de formatos XML utilizados
para la sindicación de contenidos web. El principio es muy simple: a través de un agregador de canales
electrónicos, un usuario puede suscribirse al canal RSS del sitio para mantenerse informado de cuándo se
producen cambios (un nuevo artículo, por ejemplo). A estos canales los llamamos canales RSS o hilos
RSS o incluso canales electrónicos. Los programas que permiten leer estos archivos se denominan
agregadores. También es una excelente manera de fidelizar a los usuarios, manteniéndolos casi en tiempo
real al día de los cambios en su sitio.

Hay dos tipos de agregadores: en línea (Bloglines, Netvibes, etc.) o los que puede instalar como una
aplicación (iTunes, Thunderbird, RSSOwl, Juice, etc.), esto ha dado lugar a otras formas de sindicación de
contenidos como los Podcasts y los videocasts (a través del uso de la etiqueta ’Enclosure’). El
formato más utilizado es el RSS 2.0.

Google ha cerrado recientemente Google Reader, pero todavía gestiona Feedburner. Los canales
electrónicos posiblemente sigan existiendo algunos años más y pueden ser un verdadero plus para su sitio
si ofrece un canal de noticias que actualiza con frecuencia.

Veamos cómo funciona un botón de sindicación:

Vaya a la siguiente página web: http://googleblog.blogspot.com

Haga clic en el enlace Feed.

Puede suscribirse a este canal electrónico con un agregador o, como antes, simplemente obtener la
dirección del canal.

1. Gestión de canales electrónicos en Joomla!


La particularidad que ofrece este componente es que dispone de un Administrador de categorías y de
contenidos. No confunda los canales electrónicos externos que va a publicar en su sitio (como si se
tratara de enlaces) de la generación de canales electrónicos de su contenido.

a. Gestión de canales externos

Para gestionar estos canales electrónicos, haga clic en el menú Componentes, en la


opción Canales electrónicos.

Cree tantos canales electrónicos como desee haciendo clic en el botón Nuevo.

Ajuste los siguientes parámetros en la pestaña Canal electrónico nuevo:

Título: nombre del canal electrónico visible en su sitio.

Enlace: la dirección URL del canal.

Categoría: organice sus canales en categorías en el caso de existir numerosos canales.

Alias: deje que Joomla! lo haga por usted.

Estado: elija si publicar o no el canal electrónico para que sea o no visible.

Acceso: los permisos de acceso.

Idioma: deje la opción Todos excepto en el caso de un sitio multilingüe.

En la pestaña Visualización, especifique el número de elementos visibles en el canal electrónico,


así como el valor de la caché (segundos):

[email protected] 140
Cantidad de noticias por canal electrónico: el número de artículos que serán visibles en el
canal.

Duración de la caché: especifique un valor en segundos.

En la ficha Publicación, las opciones de publicación y de metadatos son similares a los de las
categorías.

Haga clic en Guardar y cerrar.

A continuación, cree un enlace de menú para facilitar el acceso a estos canales o a sus categorías,
como a los artículos o los enlaces. Puede recordar cómo hacerlo en el apartado dedicado a la
creación de enlaces de menú. Al elegir el tipo de enlace, elija una de las opciones de los canales
electrónicos.

b. Gestión de los canales de sus contenidos

Los canales electrónicos de sus contenidos se generan automáticamente por Joomla!. Basta con crear
un módulo para facilitar el acceso.

Para editar este módulo, haga clic en el enlace Gestor de módulos en el panel izquierdo del
Panel de control.

Haga clic en el título del módulo para editar o crear un nuevo módulo con un clic en el
botón Nuevo y seleccione Sindicación del sitio en la lista.

Para cambiar el título, escriba el texto en el campo Título.

A continuación, haga clic en Guardar y cerrar.

El canal electrónico ahora tiene otro nombre:

Optimizar un canal electrónico

Vamos a ver cómo utilizar un servicio como FeedBurner, que tiene, entre otros, los siguientes
beneficios:

[email protected] 141
Permite crear sofisticados botones de sindicación.

Permite generar las estadísticas de difusión de su canal electrónico.

Permite obtener beneficios económicos de sus canales electrónicos con el programa Google
AdSense.

Vaya a la página del sitio de Feedburner (http://www.feedburner.com) para iniciar sesión.

Inicie sesión con su cuenta de Google.

En el cuadro de texto, escriba la dirección de su canal electrónico y haga clic en el botón Next.

Se trata del canal electrónico generado por el módulo de sindicación.

Seleccione el tipo de canal electrónico. Puede elegir entre RSS2 y Atom. Se


recomienda RSS2porque es el más utilizado en España. Haga clic en Next.

Su canal electrónico FeedBurner se habrá creado.

Si es necesario, añada una o varias de las opciones, como la optimización para los navegadores
(BrowserFriendly) y la activación de las estadísticas (FeedBurner Stats). Haga clic en Next.

Seleccione todas las opciones para que su canal sea objeto de estadísticas completas. Haga clic
en Next.

Ahora sólo nos queda configurar las opciones de su canal electrónico a través de las fichas.

En la ficha Optimize, haga clic en BrowserFriendly y seleccione ClearFeed (French) en la


lista Theme. Si es necesario, añada un mensaje personalizado en el campo Personal Message.

Haga clic en Save.

Haga clic en SmartFeed y, a continuación, en Activate para hacer que su todos los lectores
puedan leer su canal electrónico.

La ficha Publicize contiene opciones para configurar la publicación de su canal electrónico. Por
ejemplo, Headline Animator ofrece una herramienta completa para crear banners animados
que muestran los artículos publicados en rotación. Email Subscriptions permitirá la
suscripción a su canal electrónico a través de correo electrónico.

Para todas estas herramientas, una vez creado el botón o el banner, seleccione la exportación
deseada (aquí hemos solicitado el código). Copie el código e insértelo en su sitio de Joomla!, por
ejemplo, en un módulo.

Insertar su canal electrónico de FeedBurner

Vamos a recuperar el canal electrónico generado por nuestro sitio y que se actualiza cada vez que un
nuevo elemento aparece en la portada. A continuación, haremos una redirección del antiguo canal
electrónico al canal creado en FeedBurner. Sólo nos resta insertarla de nuevo en la página principal.

Puede editar la plantilla que utiliza para añadir una declaración entre las
etiquetas <HEAD> y </HEAD>.

En el menú Extensiones, haga clic en la opción Gestor de plantillas.

Haga clic en el enlace Plantillas del panel izquierdo.

Haga clic en la plantilla utilizada y a continuación en Editar la página principal de la plantilla.

Entre las etiquetas <HEAD> y </HEAD>, copie esta declaración:

<link rel="alternate" type="application/rss+xml" title="RSS 2.0"


href="Dirección de su canal electrónico en FeedBurner" />

Guarde los cambios realizados en la plantilla.

[email protected] 142
Por supuesto, nada le impide cambiar la ubicación de este módulo, colocándolo en un lugar más
destacado de su página principal... basta con cambiar la opción del campo Posición.

Entender las estadísticas de FeedBurner

Este servicio le permite ver el número de usuarios que se han suscrito a su canal electrónico. Puede
acceder a él haciendo clic en el nombre del canal electrónico.

Se muestran dos curvas: una muestra su número de suscriptores (subscribers) y la otra, el número
de internautas que han visto su canal electrónico o que han hecho clic en él (reach), esta última
estadística permite tener una estimación fiable de su público real.

El informe Popular Feed Items hace la distinción entre la columna VIEWS (el número de veces que
se ha leído su canal electrónico) y la columna CLICKS (el número de veces que los suscriptores han
hecho clic en el contenido de su canal electrónico).

Cuando hace clic en el enlace See more about your feed items, esta misma distinción se hace para
cada uno de los artículos que ha publicado y por el período de tiempo considerado.

Si incrementa el número de "Views", obtendrá el mismo total que el indicado en los encabezados de
columna.

Estos valores pueden ser confusos cuando parecen entrar en contradicción con la cantidad indicada en
la mención reach.

Este valor indica el número de suscriptores que realmente han leído el contenido de sus artículos.

Se deben hacer dos puntualizaciones:

Muchos suscriptores a su canal electrónico pueden recibir su canal sin siquiera leerlo (o en
períodos de tiempo muy separados). Por tanto, puede tener 1000 suscriptores declarados y
simplemente un promedio diario de 200 usuarios "activos". La diferencia está en los abonados
pasivos que sólo consultan su agregador de vez en cuando, etc.

Es interesante utilizar la lista desplegable situada a la derecha de la mención Feed Stats


Dashboard para seleccionar un período de tiempo superior a 30 días, por ejemplo. Obtendrá
un indicador mucho más justo de las medias registradas para el uso de su canal electrónico ("on
average").

Haga clic en el enlace Item Use para mostrar un ranking de la popularidad de los diversos
artículos que ha publicado. Se trata de una forma rápida de ver cuáles son los artículos que han
atraído la mayoría de las reacciones y, por lo tanto, los temas de particular interés para sus
lectores.

Mediante la yuxtaposición de los informes generados para el mismo día, se obtiene, por ejemplo, esto:

956 subscribers.

444 reach.

1,330 views.

149 clicks.

Por tanto, hay 956 suscriptores, de los cuales 444 han revisado el contenido del canal electrónico. Sí,
pero entonces ¿por qué el número de vistas difiere tanto? Esta medida (VIEWS) indica simplemente el
número de veces que se ha mostrado el contenido de su canal electrónico durante el día. Pero cubre un
gran número de prácticas: widget integrado en Netvibes, botón de sindicación, recuperación del
contenido del canal electrónico por agregadores en línea o sitios que publican su canal electrónico en
forma de páginas web.

También se puede ver que el número de usuarios activos es diferente del número de clics según si el
canal electrónico muestra todos los artículos o sólo un breve resumen con un enlace que permita
acceder a la página original.

Por último, sólo la mención del número de personas que han estado activas en relación con el
contenido de su canal electrónico ("Reach") es un buen indicador de la audiencia real.

[email protected] 143
Última cuestión: ¿por qué el número de suscriptores varían de un día para otro? En primer lugar
debemos comprender cómo se mide realmente el número de abonados.

Podemos decir que estos últimos se reparten en dos grupos distintos: los que utilizan un agregador en
línea y aquellos que utilizan una aplicación instalada localmente en su ordenador.

En el primer caso, estos servicios (Netvibes, Google Reader) indican a FeedBurner el número de
usuarios suscritos a su canal electrónico durante un mismo día. Pero, por ejemplo, a veces, un
agregador en línea actualiza estos datos cada 30 días.

Para las aplicaciones, Feedburner diferencia las características de cada usuario, incluida la dirección IP.

El número total es, por tanto, la suma entre el número de suscriptores en línea y los que han revisado
su canal electrónico. Pero en este escenario, si un usuario no abre su agregador, no se considerará un
suscriptor. Por tanto, las estadísticas de FeedBurner pueden registrar fluctuaciones, pero esto no
significa necesariamente que haya perdido suscriptores.

Por último, pasamos directamente a la última cuestión: pero ¿a qué corresponde el informe Top
Uncommon Uses? En esta sección, Feedburner identifica todo uso no autorizado del canal electrónico.
Estos pueden ser de sitios de agregación de contenidos procedentes de diferentes canales electrónicos,
un blog que muestra todo su canal electrónico, un sitio de spam, etc. En pocas palabras, todos los usos
no autorizados del contenido de su sitio a través de los canales RSS que generan. El botón de la flecha
le permite ver el sitio correspondiente y verificar si no le impide estar correctamente indexado en
Google.

Tomemos por ejemplo el sitio: http://www.redbeemedia.es/. Pruebe a buscar en Google una frase lo
suficientemente larga del artículo que le han copiado y no olvide ponerlo entre comillas. De esta
manera, puede ver todas las páginas que han duplicado su contenido. A partir de ahí, dos escenarios
son posibles: o bien el sitio se coloca delante suyo y existe un problema de listado con su sitio en
Google, o bien usted está delante de él y no tiene, a priori, de qué preocuparse. A veces el sitio (el
suyo o el otro/otros) sólo se puede ver haciendo clic en el enlace repetir la búsqueda e incluir los
resultados omitidos. Tenga en cuenta que la clasificación puede cambiar después de un día o dos. Un
método eficaz consiste en colocar un enlace a la página principal de su sitio o al artículo
correspondiente en el pie de página de su canal electrónico. Tenga en cuenta que también es posible
asignar una licencia de Creative Commons a su canal electrónico con un clic, en FeedBurner, en la
pestaña Publicize y, a continuación, en el enlace Creative Commons.

[email protected] 144
CAPÍTULO 9

Administrar un sitio Joomla!

Introducción
Una vez creado, un sitio web debe ser objeto de un seguimiento serio y regular. Aunque a veces es difícil
hacer entender este punto a los clientes de una Web Agency, no hay que desarrollar un sitio web como un
producto "terminado", sino como un dispositivo de comunicación en constante evolución. Por tanto, es
normal prever un presupuesto de mantenimiento y de seguimiento.

Un sitio web es comparable a una tienda, que puede convertirse pronto en una experiencia repetitiva para
los clientes, quienes finalmente no regresarán si no se mantiene y se moderniza con un escaparate
actualizado regularmente.

La ventaja de un CMS como Joomla! es precisamente facilitar la evolución, las actualizaciones y la


modernización del sitio. Estas son las principales tareas de un administrador eficiente y las herramientas
con las que puede contar.

[email protected] 145
La seguridad
Incluso aunque piense que no tiene enemigos, la piratería masiva ejercida por robots al acecho de
cualquier fallo de seguridad puede afectarle en cualquier momento. Los efectos evidentes se pueden
detectar fácilmente cuando, por ejemplo, su página de inicio ha sido reemplazada por un mensaje de
spam de un hacker o una organización activista.

Otros son más escurridizos. Por ejemplo, algunos delincuentes pueden usar su sitio como retransmisor
para enviar millones de correos electrónicos no deseados (spam), sin ser detectados. No se dará cuenta
del daño producido hasta que el nombre del dominio sea rechazado por los servidores de los ISP y cuando
los correos electrónicos no lleguen ya a sus destinatarios.

Es importante maximizar la seguridad de su sitio, pero también implementar herramientas permanentes


de control y de alerta.

1. La autenticación en dos pasos


Cuando haya instalado Joomla!, consulte los mensajes de posinstalación con un clic en el
botón Revisar mensajes del cuadro el mensajes que los anuncia en el panel derecho del Panel de
control.

En la página Mensajes de la postinstalación y actualizaciones, active la autenticación con un


clic en el botón Habilitar la autentificación por factor doble.

A continuación, siga el procedimiento. Empiece instalando una de las aplicaciones necesarias


(Autentificador Google por ejemplo para iPhone).

Con el sistema de Google, puede escanear el código QR. Aparecerá un código de seguridad en
su teléfono móvil y lo registrará en el campo previsto para ello.

[email protected] 146
A continuación, introduzca el código facilitado en el campo Código de seguridad.

La próxima vez que inicie sesión, debe introducir una Clave secreta necesaria para la conexión,
que se mostrará por la aplicación de su smartphone. Solo se verá unos segundos, la seguridad
será máxima.

Este procedimiento se debe realizar para cada usuario.

2. Proteger la dirección URL de la administración


Si este procedimiento puede parecerle muy agobiante, esta es otra solución que le permite proteger la
dirección URL de la administración.

Uno de los principales problemas de Joomla! es que basta con añadir \administrator después de la URL
del sitio para acceder al panel de control de la administración (WordPress también tiene el mismo
problema con "wp-admin"). Por otro lado, el código del encabezado de las páginas indica que se trata de
un sitio Joomla!, lo cual facilita la vida de los robots que exploran la web en busca de presas potenciales.

Instale Admin Tools directamente desde el enlace Instalar extensiones y la ficha Instalar
desde la web.

Abra el menú Componentes y elija Admin Tools, haga clic en Password-protect


Administrator.

Introduzca el identificador que desee y la contraseña (diferentes de los de Joomla! para aumentar la
seguridad) y luego haga clic en Password-protect.

Para acceder al panel de administración, introduzca estos identificadores y en la siguiente ventana,


introduzca los definidos anteriormente para Joomla!.

En caso de tener problemas para acceder a la administración (por ejemplo, si ha olvidado la


contraseña), puede eliminar los siguientes archivos con el acceso FTP: .htaccess y .htpasswd,
donde se almacena la información de seguridad, para modificarlos manualmente.

Si es usted una persona algo paranoica (con razón), instale el plugin Brute Force Stop, que
localizará los intentos repetitivos de introducción de contraseña y bloqueará la dirección IP de
donde proceden.

[email protected] 147
3. Prevenir las inyecciones de SQL
Joomla! es muy seguro en este sentido, pero ¿lo son las distintas y diversas extensiones que ha
instalado?

En la ventana Gestor de extensiones, localice la extensión Marco’s SQL Injection.

Haga clic en Download, descargue el archivo sin descomprimirlo e instale el plugin.

Una vez instalado el plugin, en el menú Extensiones, seleccione Gestor de plugins.

Haga clic en el plugin Marco’s SQL Injection y configure los siguientes parámetros:

Works on Front End only: active No si desea proteger también la administración.

Max hacks attempt: especifique el número de ataques antes del bloqueo de la dirección IP.

Send Email Alert…: active Yes si desea recibir una notificación por correo electrónico por
cada tentativa.

A continuación, haga clic en Guardar y cerrar.

4. Bloquear el acceso para rangos de direcciones IP


Para denegar el acceso a rangos de direcciones IP, añada las siguientes líneas de código al
archivo .htaccess:

<Limit GET>
Order Allow,Deny
Allow from all
Deny from 80.37.62.62, 80.37.62.90
</Limit>

Sin embargo, esta manipulación es tediosa, y es mejor utilizar un plugin. Hay algunos que se
dedican a esta tarea, pero son de pago. Nosotros utilizaremos ExtraWatch para gestionar las
estadísticas de nuestra página web, que tiene esta función.

[email protected] 148
Las copias de seguridad
La mejor protección consiste en realizar copias de seguridad. De este modo, en caso de ataque, bastará
con restaurar el sitio al estado anterior al ataque. La copia de seguridad de un sitio de Joomla! debe incluir
todos los archivos contenidos en la carpeta raíz del sitio, pero también la base de datos SQL que contiene
todos los contenidos dinámicos. Por supuesto, podemos realizarla manualmente, usando FTP para los
archivos y PhpMyAdmin para la base de datos, pero el manejo es tedioso. Por eso recomendamos que
instale la extensión Akeeba Backup, que ha superado todas las pruebas de manera muy satisfactoria.

1. Instalar Akeeba y hacer una copia de seguridad del sitio


En el Panel de control, haga clic en el enlace Instalar - Extensiones y luego en la ficha Instalar
desde la web.

Localice Akeeba Backup y haga clic en su miniatura.

Haga clic en el botón Install y luego, para confirmar la instalación, haga clic en el botón Instalar.

Al final de la instalación, haga clic en el enlace directly from our CDN page para descargar la
traducción al español y luego en el enlace del idioma.

Guarde el archivo y luego instale el archivo descargado como cualquier otra extensión mediante la
ficha Subir paquete.

Seleccione la opción Akeeba Backup en el menú Componentes.

Marque todas las opciones para aceptar las preferencias que se proponen.

La razón de estas preferencias es simple: en caso de error, usted es el único responsable. Si


utiliza la versión gratuita de Akeeba, no tendrá acceso al soporte. Sin embargo, existen foros
muy activos que pueden ayudar.

Haga clic en el botón Mostrar los mensajes post instalación.

[email protected] 149
Akeeba inicia un procedimiento de configuración automática durante el cual no hay que cerrar la
ventana.

Una vez efectuada la configuración, inicie una copia de seguridad con un clic en Respaldar ahora.

Introduzca la información, como por ejemplo los comentarios y haga clic en ¡Respaldar ahora!.

No cierre la ventana durante el progreso de la copia de seguridad.

Una vez finalizada, un mensaje le informa del éxito de la operación.

Haga clic en Administrar Ficheros de Respaldo.

Las copias de seguridad se comprimen en formato JPA. Puede cambiarlo por el formato ZIP, en el
panel Configuración, seleccionando esta opción en la lista Motor del archivador.

Aproveche para anotar la ubicación de estas copias de seguridad que, de forma predeterminada,
es raízdelsitio/administrator/components/com_akeeba/backup.

2. Restaurar el sitio
Configure el servidor de la misma manera que para una instalación de Joomla!:

Base de datos SQL lista y vacía.

Carpeta raíz del sitio accesible mediante FTP con permisos de escritura.

A continuación, descargue el archivo de la copia de seguridad en su equipo. Puede hacerlo desde la


ficha Administrar Ficheros de Respaldo, haciendo clic en el botón situado en la línea de la copia
de seguridad deseada, o mediante transferencia FTP, que a veces es más rápido.

Descomprima este archivo.

Coloque todos los archivos contenidos en este archivo (no la carpeta del archivo, sino su contenido)
en la raíz del sitio.

Abra la URL del sitio y siga el procedimiento propuesto por el asistente de instalación como lo haría
para una instalación de Joomla!. Al finalizar, borre la carpeta de instalación como en una instalación
estándar.

En el caso de una recuperación en un sitio operativo, siempre debe realizarse una prueba de
instalación del archivo localmente antes de hacerlo en el servidor. Así, en caso de que el archivo
pueda estar dañado (extremadamente raro, pero no imposible), evitará terminar con un sitio no
funcional.

[email protected] 150
Las actualizaciones
Un sitio actualizado correctamente es la base para una administración seria. Sin embargo, no debemos
apresurarnos y es lógico esperar una semana o dos para evitar toparnos con errores o incompatibilidades
con extensiones.

El menú del lado izquierdo del panel de control indica el estado de las actualizaciones.

Para acceder a la actualización de Joomla! abra el menú Componentes y seleccione Actualizar


Joomla!.

Para acceder a la actualización de las extensiones, abra el menú Extensiones y seleccione Gestor
de extensiones y haga clic en el enlace Actualizar visible en el panel izquierdo.

Antes de realizar una actualización de un sitio operativo, asegúrese de que:

Ha hecho una copia de seguridad del sitio que ha probado en una instalación local. En caso de
problema, puede restaurar el sitio a un estado anterior a la actualización.

Ha probado la actualización localmente, para verificar la compatibilidad de las extensiones.

Tenga presente el tipo de actualización que se ofrece. Por ejemplo RC significa Release Candidate, por
tanto, no se trata de una versión estable.

Abra la configuración y elija el tipo de actualizaciones que se se le ofrecerán, las más seguras son
las LTS (Long Term Support).

[email protected] 151
En el siguiente ejemplo, la versión propuesta no es una versión RC, sino una versión estable:

Las actualizaciones desde versiones anteriores a la versión 3 de Joomla!, se deben considerar


como migraciones, para las cuales no podemos proceder con un simple clic. Será necesario usar
una extensión como SP Upgrade, que es de pago (± 30 €), pero que tiene en cuenta la versión 1.5
como así como las principales extensiones. SP Upgrade se puede descargar
aquí:http://cyend.com/extensions/extensions/components/purchase/6-purchase-upgrade-joomla-from-
15-to-16. Para las versiones desde la versión 1.6 se debe utilizar SP Transfer, del mismo editor y al
mismo precio.

[email protected] 152
La administración cotidiana
Además de estas operaciones cruciales, relativamente poco frecuentes, el trabajo diario del administrador
está compuesto de tareas sencillas, pero que no debe pasar por alto.

1. Gestionar la caché
A través del menú Sistema, seleccione Limpiar la caché.

Seleccione los archivos que hay en la caché (a menudo pertenecientes a extensiones) y haga clic en
el botón Borrar.

En el panel izquierdo, haga clic en el enlace Purgar la caché expirada y luego en el botón del
mismo nombre que aparece.

2. Desbloquear un artículo
Para desbloquear elementos, en el menú Sistema seleccione la opción Desbloquear o haga clic en
el enlace Desbloquear del panel izquierdo de la ventana de la gestión de la caché.

Seleccione los elementos que desea desbloquear y haga clic en el botón Desbloquear.

3. Recuperar una contraseña de Administrador


Puede darse el caso de que pierda la contraseña de Administrador. Si este es el caso, no podrá acceder a
la interfaz de configuración de su sitio. Veamos cómo proceder para recuperarla.

Acceda a phpMyAdmin.

Expanda la base de datos utilizada para su sitio haciendo clic en el enlace correspondiente.

Haga clic en el botón Mostrar asociado a la tabla prefixe-users.

La contraseña aparece en la columna password.

Se presenta en forma cifrada utilizando una función de hash llamada MD5.

[email protected] 153
Haga clic en el icono Editar asociado al usuario para el que desea recuperar la contraseña.

Abra la lista password varchar(100) y seleccione la opción MD5.

En el cuadro de texto Valor asociada a la opción password varchar, escriba su nueva contraseña
y haga clic en el botón Ejecutar.

Vuelva de manera normal al BackEnd de su sitio web (consola de administración de Joomla!).

4. Seguir las estadísticas


Monitorizar las visitas que recibe un sitio es mucho más que medir su popularidad. Al hacerlo, de hecho,
sabrá con qué hardware y software se conectan los usuarios, los países de origen, las visitas de robots,
etc.

a. Google Analytics

Existen muchas herramientas de estadísticas para sitios web o blogs: Xiti, Google
Analytics, DirectStats, etc. Estas tres aplicaciones en parte gratuitas requieren que añada a las
páginas de su sitio web un código JavaScript que registrará la información correspondiente a los
visitantes de su sitio web. De este modo tendrá un análisis minucioso de la audiencia de cada una de
sus páginas. Para nuestro ejemplo, vamos a utilizar Google Analytics para analizar rápidamente el
principio de funcionamiento de este tipo de herramientas.

Abrir una cuenta Google Analytics

Necesita tener previamente una cuenta de Google.

Si todavía no la tiene, acceda a esta página web: https://www.google.com/accounts?hl=es

Haga clic en el enlace Crear una cuenta ahora.

Indique su dirección de correo electrónico actual.

Servirá como dirección de correo electrónico secundaria en caso de que olvide su contraseña,
o si no puede acceder a su cuenta de Google.

Rellene el resto de información requerida; elija una contraseña "fuerte". Puede probar diferentes
contraseñas mediante el uso de la herramienta en
línea Passwordmeter: http://www.passwordmeter.com

Para establecer una contraseña compleja, le aconsejamos que utilice métodos mnemotécnicos como,
por ejemplo, el siguiente:

Elija una frase fácil de recordar: Más vale pájaro en mano que ciento volando.

Elija un método de "transformación":

Cien se escribirá en cifras.

Utilice la primera letra de cada palabra.

Las conjunciones y pronombres en mayúsculas.

La palabra "más" se escribirá con el símbolo +.

Se añade un carácter acentuado al final de la contraseña.

Obtendrá lo siguiente: +vpEmQ100vé

La contraseña generada tiene más de ocho caracteres y obtiene una puntuación inmejorable en
Passwordmeter (100 %).

Acepte los términos de uso y la política de privacidad marcando la opción correspondiente al final
del formulario y haga clic en el botón Siguiente paso.

[email protected] 154
Siga el procedimiento de registro hasta el final.

Instalar Google Analytics

Vaya a la página de inicio de Google (http://www.google.es/) y haga clic en el enlace Iniciar


sesión situado en la esquina superior derecha de la ventana.

En el campo de texto Correo electrónico, escriba la dirección de correo electrónico que utilizó
para abrir una cuenta en Google y su contraseña, y haga clic en Iniciar sesión.

Posteriormente y si abre una cuenta de Gmail (el servidor de correo de Google), puede acceder a su
cuenta usando sólo la primera parte de su identificador de Gmail: juansoto para juansoto@gmail.
De lo contrario, deberá utilizar su correo electrónico secundario como identificador en Google. Por
razones de seguridad, no es aconsejable que difunda su dirección de Gmail.

Si no marca la casilla No cerrar sesión, deberá identificarse cada vez que quiera abrir otro
elemento en su navegador. Esto puede parecer un poco complicado pero es una buena manera de
evitar el robo de los datos de identificación de su cuenta de Google cuando visite, sin darse cuenta,
una página maliciosa. De hecho, muchos scripts pueden explotar las vulnerabilidades de seguridad y
obtener los datos que haya facilitado a los servicios a los que está actualmente conectado.

Vaya a Google Analytics desde esta dirección: http://www.google.com/intl/es/analytics/

Si es necesario, haga clic en el botón Ir a Google Analytics o en el enlace Iniciar sesión.

Acceda a Google Analytics con las credenciales de identificación de su cuenta de Google y haga
clic en Iniciar sesión.

Haga clic en el botón Regístrese.

Rellene la información requerida: indique la dirección URL del sitio web y el Nombre de
cuenta(el nombre del sitio, por ejemplo) en los campos correspondientes.

En la lista Zona horaria de informes, seleccione la opción España.

Haga clic en el botón Continuar.

Introduzca su información personal y haga clic en el botón Continuar.

Marque la casilla Sí, acepto las condiciones generales y haga clic en Aceptar del mensaje que
aparece.

Haga clic en el botón Crear una cuenta.

En la pantalla se verá el código de seguimiento ga.js similar al siguiente:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");
document.write(unescape("%3Cscript src=’" + gaJsHost + "google-analytics.
com/ga.js’ type=’text/javascript’%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-4458389-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>

Lo importante por ahora es que se notifica su ID de Google Analytics: UA-4458389-1.

Este código es único para cada usuario de Google Analytics y para cada uno de los perfiles de sitios
web que haya definido: UA-4458389-1, UA-4458389-2, etc. Este código también es el que deberá
proporcionar si desea, por ejemplo, vincular una cuenta de Google Analytics a otro servicio web.

Haga clic en el botón Guardar y terminar.

Puede agregar tantos sitios Web como desee. Para ello, haga clic en el enlace Crear nueva
cuenta.

[email protected] 155
Si no inserta el código en cada página de su sitio Web, Google Analytics no puede validar su registro.
Cuente un día antes de comenzar a acceder a sus primeras estadísticas. Más adelante explicamos
cómo insertar este tipo de código en su sitio Joomla!.

Configurar el acceso para otros usuarios

Si es necesario, abra la ventana de Ajustes de Google Analytics con un clic en el enlace


correspondiente.

Haga clic en el enlace Administrador de usuarios.

Haga clic en el enlace Añadir usuario.

Especifique la dirección de correo electrónico del usuario. Tenga en cuenta que la dirección de
correo electrónico debe corresponder a una cuenta de Google.

Seleccione el tipo de acceso deseado: Ver sólo informes o Administrador de cuentas.

Seleccione los perfiles a los que el usuario debe tener acceso.

Haga clic en el botón Añadir para copiar estos perfiles a la lista Perfiles del sitio web
seleccionados.

Haga clic en el botón Guardar cambios.

Acceder a las estadísticas diarias

No vamos a hacer un curso completo sobre el uso de Google Analytics, pero trataremos de explicar
algunos principios básicos.

Abra sesión, si es necesario, en su cuenta de Google e inicie la aplicación Analytics.

En la tabla Perfiles de sitio web, haga clic en el enlace Ver informe (en la columna Informes)
asociada al sitio web cuyas estadísticas desea consultar.

Haga clic en la fecha de la esquina superior derecha de la ventana para mostrar el minicalendario
que le permite seleccionar un período de tiempo: ayer, el mes pasado.

Para comparar el período elegido con un período anterior, marque la opción Comparar con:
Periodo anterior y especifique las fechas de comienzo y final de este período en los cuadros
correspondientes.

En función del criterio definido, puede mostrar un gráfico en el que se superpone el


rendimiento de dos períodos de tiempo. Por ejemplo, la curva de visitantes del mes de marzo
con el mes de febrero.

Haga clic en el botón Aplicar.

La página Panel de estadísticas se compone de varios informes: Uso del sitio, Información
de visitas...

Para ver en detalle un informe, haga clic en el enlace Ver informe correspondiente; para ver de
nuevo la ventana Panel, haga clic en el enlace correspondiente visible en la parte izquierda de la
ventana.

Hay una distinción entre los diferentes elementos de análisis:

Visitas: el número de sesiones iniciadas por los visitantes. En la ayuda se especifica que si un
usuario está inactivo durante 30 minutos o más en su sitio, toda actividad posterior se
considerará una nueva sesión. Si un usuario deja su sitio y regresa en menos de 30 minutos, se
contará como una sola sesión.

Visitantes únicos absolutos: el número de sesiones únicas que han iniciado los usuarios por
un período de cuatro horas. Tomemos, por ejemplo, que un visitante visita dos veces en un día
su sitio web. Google Analytics registra dos visitas pero sólo un visitante único absoluto.

Página vista: corresponde a la consulta de una página de su sitio que contiene el código de
seguimiento de Google Analytics.

[email protected] 156
Consulta de página única: representa el número de sesiones en curso de las cuales la página
en cuestión se ha mostrado una o varias veces.

Porcentaje de rebote: indica el porcentaje de usuarios que han entrado en una página y han
dejado el sitio inmediatamente. Cuanto mayor sea el porcentaje de rebotes, es más probable
creer que la página no corresponde lo suficiente al anuncio o enlace desde el que se accede a
ella.

A la izquierda del panel, el menú Fuentes de tráfico permite ver cuáles son las fuentes que generan
tráfico a su sitio web. Hay una distinción entre el tráfico generado por los motores de búsqueda y el de
los sitios de referencia, los sitios que han generado vínculos a páginas de su sitio. El enlace Palabras
clave le permite saber qué frases de búsqueda atraen visitantes.

El menú Contenido muestra las páginas más populares, las principales páginas de destino...

Haga clic en el enlace Resumen de datos/sitio para superponer los análisis a su sitio web.

Otro punto importante: si accede a menudo a su sitio (en línea), las estadísticas diarias serán
evidentemente más halagadoras, pero un tanto falsas. El principio de este truco consiste en excluir una
serie de direcciones URL de los informes generados por Google Analytics. Veamos cómo proceder:

Vaya a esta página web: http://whatismyipaddress.com

Anote la dirección IP que aparece.

En la página principal de Google Analytics, haga clic en el enlace Administrador de filtros.

Haga clic en el enlace Añadir filtro.

Escriba un Nombre de filtro y, en la lista Tipo de filtro, seleccione la opción Excluir tráfico de
las direcciones IP que son iguales a.

Escriba la dirección IP en el campo correspondiente.

Debe utilizar expresiones regulares para filtrar una dirección IP. Por ejemplo, si la dirección IP
que desea filtrar es 176.168.1.1, la sintaxis es la siguiente: 176\.168\.1\.1

Haga clic en el botón Guardar cambios.

En lo que respecta al análisis comparativo, este servicio permite comparar las estadísticas de su sitio
Web con la media reenviada por los otros sitios que también están suscritos al análisis comparativo y
que responden a los mismos criterios que el suyo: sector y número de visitas. Los sitios que se utilizan
en el análisis se dividen en tres categorías: pequeños, medianos y grandes.

Usted no puede ver los datos del análisis comparativo de sitios que pertenecen a otra categoría.

Vaya a la página de estadísticas de su sitio.

Haga clic en el menú Usuarios (a la izquierda) y a continuación en el enlace Análisis


comparativo.

La página que aparece por defecto presenta seis grupos de parámetros: Visitas, Porcentaje de
rebote, Páginas vistas, Tiempo en el sitio, Páginas vistas y Nuevas visitas.

En cada una de estas categorías, un enlace permite acceder a los parámetros clásicos: Todas las
fuentes de tráfico, Principales páginas de destino, Detalles de las páginas por
título, Duración de la visita, Número de páginas visitadas y Fidelidad de los visitantes.

La mención Análisis representa la media de otros sitios (en gris), mientras que la línea azul muestra
el rendimiento de su sitio.

Si pasa el ratón sobre una de estas curvas, una información sobre herramientas muestra las
estadísticas registradas con, cada vez, el porcentaje de diferencia. No se debe tomar literalmente las
estadísticas devueltas por esta herramienta al pie de la letra. Simplemente le permite hacerse una idea
de los puntos fuertes y débiles de su sitio.

Introducir el código de Google Analytics en Joomla!

Hemos visto cómo agregar el código de Google Analytics en cada una de sus páginas web. Para evitar
editar manualmente cada página, vamos a utilizar un componente dedicado para añadir el código de
[email protected] 157
forma dinámica.

Este componente está diseñado específicamente para ese propósito.

En el Panel de control, haga clic en el enlace Instalar - Extensiones y, en la ficha Instalar


desde la web, localice y haga clic en la miniatura GAnalytics. Haga clic en Download e instale
el archivo descargado.

En el menú Componentes, seleccione la opción Ganalytics - Panel de control.

Haga clic en Opciones.

Introduzca su nombre de usuario en el campo Client ID y su contraseña en el campo Client


Secret de su cuenta de Google, y haga clic en Guardar y cerrar.

Seleccione la ficha Profiles y haga clic en Import para importar su perfil de Google.

Por último, en el menú Extensiones, seleccione la opción Gestor de plugins y active el


plugin System - Ganalytics especificando el perfil del sitio.

b. ExtraWatch

Si desea acceder a estadísticas muy potentes, instale ExtraWatch directamente desde la


ficha Instalar desde la web. Incluso en su versión gratuita, ExtraWatch es muy potente.

Haga clic en Install y descargue la extensión.

Una vez instalada, haga clic en la opción ExtraWatch en el menú Componentes. Haga clic
en Settings y, en la lista LANGUAGE, seleccione el idioma Spanish utf_8.

En la página Estadísticas, para bloquear las no deseadas, haga clic en Ingrese IP


manualmente.

Introduzca las direcciones IP completas o indique los rangos introduciendo un valor seguido de un
asterisco. Por ejemplo 282* bloquea todas las direcciones IP que comienzan con esta secuencia.

Haga clic en Blocking para comprobar las direcciones bloqueadas y, para implementar un sistema
antispam, haga clic en Activar la prohibición. También es posible importar archivos antispam en
formato CSV.

La herramienta de estadísticas es muy completa. Observe que puede establecer "objetivos", es decir,
controles de visitas a páginas específicas.

[email protected] 158
CAPÍTULO 10

Anexos

Recursos para Joomla


Esta es la lista de las páginas web más completas o activas sobre Joomla!:

Portal Joomla Spanish: el portal de habla hispana de Joomla!: http://www.joomlaspanish.org

Joomla!: el sitio de referencia de Joomla! en inglés: http://www.joomla.org

Joomla en español: otro portal dedicado a Joomla! en español: http://xn--joomlaenespaol-1nb.com/

Joomla! Developer Network: el portal para los desarrolladores: http://developer.joomla.org

[email protected] 159
Imágenes

1. Banco de imágenes
Hemos recopilado los recursos existentes en Internet que permiten descargar imágenes libres de
derechos. Tenga en cuenta que estos sitios son en su mayoría de habla inglesa y puede que tenga que
utilizar una herramienta de traducción en línea para poder utilizar el término en inglés deseado. El
Traductor de Google (http://translate.google.es) ofrece una gama de herramientas lingüísticas muy
completa.

Los sitios que en nuestra opinión son más interesantes están marcados con un asterisco.

La logothèque (http://www.lalogotheque.com): un excelente recurso de gráficos vectoriales.

Vecteezy (http://www.vecteezy.com): un banco de gráficos vectoriales.

MorgueFile (http://www.morguefile.com).

Openphoto (http://openphoto.net).

Image After (http://www.imageafter.com).

PD Photo (http://pdphoto.org).

Stockvault (http://www.stockvault.net).

* Buzznet (http://www.buzznet.com) un banco de datos especializado en fotos de músicos.

Flickr (http://www.flickr.com).

Ourmedia (http://www.ourmedia.org).

FreeFoto (http://www.freefoto.com/).

* Search by Creative Commons (http://search.creativecommons.org): este motor de


búsqueda le permite buscar imágenes en función de su licencia de uso.

Gimp Savvy (http://gimp-savvy.com/PHOTO-ARCHIVE/).

FreeImages (http://www.freeimages.co.uk).

BigPhoto (http://www.bigfoto.com).

Thinkstock (http://www.thinkstockphotos.com).

Tofz.org (http://tofz.org/index.php).

Free Stock Photos (http://www.free-stockphotos.com).

Creating Online (http://www.creatingonline.com).

* USDA (http://www.usda.gov/wps/portal/usda/usdahome): banco de datos relacionados con la


agricultura en todos sus aspectos.

FreeMediaGOO (http://www.freemediagoo.com).

From Old Books (http://www.fromoldbooks.org): imágnes extraidas de libros antiguos.

ImageBase (http://imagebase.net).

Photocase (http://www.photocase.com).

FreePhotosBank (http://www.freephotosbank.com).

FreeDigitalPhotos (http://www.freedigitalphotos.net).

* Unprofound (http://www.unprofound.com).

* PicFindr (http://www.picfindr.com): un motor especializado en los bancos de imágenes.

Pictures Of (http://www.picturesof.net).

* Blue Vertigo (http://www.bluevertigo.com.ar/bluevertigo.htm): una excelente compilación de


recursos existentes.

[email protected] 160
* Microshots (http://www.microshots.org): imágenes de primeros planos.

Free Images (http://www.pachd.com/).

* Freerange (http://www.freerangestock.com): ofrece imágenes de calidad.

* FeaturePics (http://www.featurepics.com): otras imágenes de alta calidad.

2. Iconos

Motores de búsqueda de iconos

IConfinder (http://www.iconfinder.com).

IcoMoon (http://icomoon.io/app/#/select).

FindIcons (http://findicons.com).

Botones de sindicación

Iconos de canales electrónicos: Malevi4A (http://malevi4.wordpress.com/2008/05/09/free-of-


charge-rss-feed-icons).

Iconos de tipo "validación": LogoCreator (http://creatr.cc/blogbutton/).

Iconos de canales electrónicos: Código


Geek(http://www.codigogeek.com/2008/05/12/coleccion-de-iconos-rss-muy-particular).

Generador de botones: AdamKalsey (http://kalsey.com/tools/buttonmaker/).

17 iconos RSS: DevianArt (http://coroud.deviantart.com/art/RSS-feed-17-icons-sign-v1-0-


84684288).

Iconos de comercio electrónico

Iconos de tarjetas de crédito: Smashing


Magazine(http://www.smashingmagazine.com/2008/04/25/free-credit-card-icons-for-online-
shops).

Iconos por categorías

Galerías de iconos: Free Icons


Download(http://www.freeiconsdownload.com/Most_Downloads.asp).

12000 iconos gratuitos: Frogx Three (http://www.frogx3.com/2008/04/22/12000-iconos-


gratis).

Bancos de datos de iconos: Iconbulk (http://www.iconbulk.com/icons_new.asp).

Iconos clasificados cuidadosamente: Wikimedia


Commons(http://commons.wikimedia.org/wiki/Crystal_Clear) y
(http://commons.wikimedia.org/wiki/Category:Nuvola_icons).

Iconos gratuitos

Lista de recursos gratuitos de iconos (otros vínculos son visibles en la sección post
correlati): http://www.maestroalberto.it/2008/04/21/530-magnifiche-icone-di-alta-qualita

Muchos enlaces a recursos gratuitos: Smashing


Magazine(http://www.smashingmagazine.com/2007/08/25/20-free-and-fresh-icon-sets) y
(http://www.smashingmagazine.com/2008/03/06/35-really-incredible-free-icon-sets).

Más de 500 iconos gratuitos: CLD (http://www.crazyleafdesign.com/blog/sunday-design-


resource-issue-3-500-icons-every-designer-needs).

Iconos de alta calidad: Windows Guides (http://mintywhite.com/customize/icons/desktop-icon-


pack-collections-organized-genre).

[email protected] 161
Otros sitios de iconos

Iconos gratuitos: DryIcons (http://dryicons.com/free-icons).

Pack de 530 iconos: Diego Mattei (http://diegomattei.com.ar/2008/04/17/530-iconos-muy-


vistosos).

Iconos de deportes: Diego Mattei (http://diegomattei.com.ar/2008/05/14/top-10-iconos-de-


deportes).

5978 iconos libres de derechos: Nerd Business (http://nerdbusiness.com/blog/5978-high-


quality-icons-web-apps-rss).

72 botones de diseño limpio: Bittbox (http://www.bittbox.com/freebies/72-free-vector-glass-


buttons-and-bars).

Iconos de navegación: Markup (http://bs-markup.de/iconsets).

Iconos vectoriales: Design Work Plan (http://designworkplan.com).

Iconos de "tendencia": Icon Icon (http://iconicon.net/?cat=19).

Iconizer (http://www.iconizer.com/icons.html).

Selección temática: KDE - Look.org (http://kde-look.org, categoría Emoticon Themes).

WBC Images (http://www.wbchug.com/icons.php).

Iconos gratuitos: David Vignoni (http://www.icon-king.com/projects).

Iconos de diseño limpio: Tango! (http://tango.freedesktop.org/Tango_Icon_Library).

[email protected] 162
Marcadores para mapas
Kyle Mulka (http://maps.kylemulka.com/easygps-symbols.zip).

Sparce (http://sparce.cs.pdx.edu/mash-o-matic/tools.html).

Map Channels (http://www.mapchannels.com/markers.aspx).

Map Channels (http://www.mapchannels.com/googleearthmarkers.aspx).

Map Channels (http://www.mapchannels.com/oldmarkers.aspx).

Una herramienta para crear iconos de tipo "mapa"

Shadowmaker (http://shadowmaker.com).

[email protected] 163
Programas

1. Varios programas
Vector Magic (http://vectormagic.com): permite convertir un archivo JPEG, GIF, PNG, BMP, TIFF
y PSD en una prestación vectorial en formato EPS, SVG, PDF o PNG.

Rsizr (http://rsizr.com): permite cambiar el tamaño de una fotografía utilizando una tecnología
llamada "Seam Carving". Este algoritmo permite cambiar el tamaño de las fotos sin efecto de
estiramiento, y sin que ello suponga la eliminación de los elementos que están presentes en la
foto. También puede descargar un programa llamado LiquidResize desde esta
dirección:http://www.ononesoftware.com

Gickr (http://gickr.com): permite crear un GIF animado a partir de una imagen almacenada en
Flickr (¡y también a partir de un vídeo almacenado en Youtube!).

Este sitio japonés permite envejecer sus fotografías: http://labs.wanokoto.jp/olds

2. Edición de imágenes
Si bien Gimp es una excelente opción para los usos avanzados, también hay herramientas en línea de
edición que sólo requieren que complete un formulario de registro.

OnlinePhototool (http://www.onlinephototool.com): permite editar sus imágenes en línea como


si estuvieran guardadas en su disco duro.

Pixenate (http://pixenate.com): un editor que ofrece una amplia gama de efectos.

Phixr (http://www.phixr.com): permite editar sus imágenes y enviarlas directamente a Flickr,


Fotopic, Livejournal, Photobucket, Fotolog.com, Buzznet y Dropshots.

Picture2Life (http://www.picture2life.com): un editor de imágenes en línea que ofrece


numerosas herramientas interesantes (creación de GIF animados, pixelización, efecto acuático,
etc.).

3. Editores de imágenes avanzados


Esta es una lista de editores de imágenes que ofrecen servicios realmente potentes:

Aviary (https://www.aviary.com): ofrece un conjunto de aplicaciones RIA desde edición de


imágenes (Phoenix Image Editor) hasta 3D (Hummingbird).

FotoFlexer (http://fotoflexer.com/): otro servicio muy completo y que ofrece muchas


posibilidades de integración con los sitios de redes sociales (Picasa, Facebook, MySpace, etc.).

LunaPic (http://www.lunapic.com/editor): servicio de edición de imágenes en línea (otro


"Photoshop Like").

Adobe Photoshop Express (https://www.photoshop.com/products/photoshopexpress): una


interfaz muy agradable y multitud de características.

Pixlr (http://apps.pixlr.com/editor/): editor en línea muy completo, rápido y con una interfaz
muy similar a la de Photoshop.

[email protected] 164
Servicios de alojamiento de imágenes
Si el espacio de su proveedor de servicios de alojamiento es limitado y desea subir muchas fotos, puede
alojarlas en algunos servicios en línea gratuitos. La única restricción es que el espacio en disco es limitado.
Por otra parte, puede haber restricciones en cuanto al ancho de banda. No confunda estos servicios con
los que le permiten compartir sus imágenes ya que, en teoría, estos servicios no le permiten su
publicación fuera de su contexto y sin que, por ejemplo, se haga referencia al servicio de alojamiento.
Esta es una lista:

Photobucket (http://photobucket.com): 1 GB de espacio, tamaño máximo de una imagen de


1 GB (las imágenes de 1024 x 768 píxeles que no se ven afectadas); envíos en grupo limitados a
30 imágenes; 25 GB de tráfico al mes.

ImageShack (http://imageshack.us): sin límite, pero sus imágenes no deben exceder de 1,5 GB.

Webshots (http://www.webshots.com): puede enviar 5 imágenes cada 24 horas (sin límite de


tamaño).

ImageHosting (http://www.imagehosting.com): 900 MB de espacio en disco; ancho de banda de


750 MB al mes; tamaño máximo del archivo: 1024 KB.

TinyPic (http://www.tinypic.com): en español, tamaño de las imágenes: 1600 píxeles.

Free Image Hosting (http://www.freeimagehosting.net): tamaño máximo de imagen de 3 MB.

[email protected] 165
Servicios de alojamiento de vídeos
Existen muchos sitios que ofrecen este servicio. Este artículo de la Wikipedia ha recopilado una
interesante comparación: http://en.wikipedia.org/wiki/Comparison_of_video_services

Esta es una breve lista:

Blip.tv (http://www.blip.tv): el tamaño máximo de un vídeo no debe exceder de 1 GB.

Dailymotion (http://www.dailymotion.com/es): el tamaño de un clip multimedia no debe exceder


los 150 MB o 20 minutos.

Metacafe (http://www.metacafe.com): 100 MB.

Vimeo (http://www.vimeo.com): 500 MB.

YouTube (http://es.youtube.com): los vídeos pueden tener un tamaño máximo de 1000 MB (o 1


GB).

[email protected] 166

También podría gustarte