Joomla! Community Magazine™

Con tanta información procedente de los diferentes equipos de Joomla!, puede ser difícil mantenerse al tanto de las últimas genialidades. Para hacer sus vidas un poco más fáciles, los equipos de la Joomla! Magazine y del Directorio de Extensiones de Joomla! están trabajando juntos para compartir más información a través de los canales existentes.

Cuántas veces hemos tenido la necesidad de buscar, descargar, instalar y configurar extensiones que se adapten a los requerimientos de un proyecto basado en Joomla!.

Es cierto que en el Directorio de Extensiones de Joomla! (JED) podemos encontrar miles de componentes, módulos y plugins que nos brindan la solución a nuestros problemas. Pero también es cierto que mientras menos extensiones de terceros instalemos en nuestro sitio, menos dolores de cabeza tendremos al momento de realizar los ajustes y reajustes necesarios para su correcto funcionamiento.

Una de las ventajas de crear nuestras propias plantillas desde cero es la posibilidad de tener el control total de todo lo que se muestra en el front-end. En esta oportunidad veremos cómo aprovechar esta ventaja.

Traducción y adaptación al español del artículo “Joomla JavaScript Dependency Management” escrito por Ashan Fernando publicado en la edición de Mayo de 2014 de The Joomla! Community Magazine.

IcoMoon es una librería web que nos brinda muchas colecciones de íconos vectoriales donde podemos elegir y descargar aquellos que necesitemos para usarlos en nuestros proyectos. También nos brinda la posibilidad de subir nuestros propios íconos en formato SVG y generar los correspondientes archivos de fuentes tipográficas.

Una de las características de Joomla! 3.x es que incorpora más de un centenar de íconos vectoriales de IcoMoon en la plantilla del panel de administración (back-end) y en algunos módulos que vienen por defecto (front-end). Debido a que dichos íconos vectoriales se utilizan como fuentes tipográficas, es posible prescindir del uso de imágenes o sprites, lo que representa una gran ventaja en el tiempo de carga del sitio.

Veamos cómo podemos implementar los íconos vectoriales de IcoMoon en una plantilla de Joomla!

Hace algunas semanas asumí el cargo de líder del Equipo para la Detección de Errores de Joomla! (Joomla! Bug Squad o JBS). Hasta ahora no ha habido mucha información sobre este cambio. En primer lugar quiero agradecer a Nick Savov por liderar el JBS durante los últimos dos años. (¡Una ovación para él, por favor! :D). Las últimas semanas necesitaba ordenar mis pensamientos y elaborar algunas directrices generales en cuanto a mi visión del futuro del JBS. Dichas pautas constituyen lo que he llamado "el manifiesto JBS". El objetivo es ayudarme a estar enfocado en la dirección del JBS.

En esta oportunidad aprenderemos cómo configurar nuestra plantilla para poder empaquetarla e instalarla desde el gestor de extensiones. Y también veremos cuán fácil es usar las declaraciones Jdoc de Joomla! para mostrar el contenido dinámico de nuestro sitio.

Y llegó el momento. Veremos cómo aplicar el principio “Mobile First” del diseño adaptable (“responsive design”) y aprovecharemos las ventajas que nos brinda la propiedad CSS “flex” para lograr que nuestro sitio se muestre correctamente en cualquier dispositivo conectado a Internet: smartphones (o iPhones), tablets (o iPads), ordenadores portátiles (notebooks, laptops), ordenadores de escritorio y otros dispositivos con pantallas más grandes.

En la actualidad, es relativamente fácil encontrar plantillas gratuitas o comerciales que podemos adaptar a las necesidades de nuestros proyectos web basados en Joomla! Pero también es cierto que, muchas veces, nos hemos visto en la tentación de forzar que el proyecto se adapte a las limitaciones de las plantillas creadas por terceras personas. Esto nunca será una buena práctica.

Considerando que cada proyecto web tiene características y requerimientos diferentes, es necesario que cada plantilla se desarrolle según este criterio. La gran ventaja de crear nuestras propias plantillas es que siempre tendremos el control total del diseño y la maquetación; por lo tanto, podremos realizar cualquier modificación cuando sea necesario.

Este artículo está dirigido a todos aquellos usuarios entusiastas de Joomla! que, como tú, desean dar el primer paso en la creación de sus propias plantillas sin depender de nadie.

En la primera parte de esta serie definimos los requerimientos de nuestro sitio y elaboramos algunos esquemas que nos ayudaron a visualizar cuál será el aspecto que tendrá nuestra plantilla en teléfonos móviles, tablets, laptops y ordenadores de escritorio.

También vimos la gran ventaja de utilizar un framework "front-end" como Boilerplate para optimizar nuestra plantilla y tener la seguridad de que se mostrará correctamente en todos los navegadores.

Ahora podemos empezar a configurar nuestra plantilla front-end para nuestro sitio en Joomla!.

Existen muchos componentes creados específicamente para administrar las URL amigables de Joomla! y optimizar las tareas de SEO. Si buscamos en el JED podemos encontrar las versiones comercial y gratuita de JoomSEF y la versión comercial de SH404SEF, dos componentes muy potentes que, entre otras funciones, nos brindan la posibilidad de elegir el formato de nuestras URL. En mi opinión son dos muy buenas opciones a tener en cuenta cuando desarrollamos un sitio web sobre Joomla! Sin embargo, en esta ocasión compartiré con ustedes una solución bastante eficiente para eliminar los ID de las URL de las categorías y de los artículos de Joomla!.