Hace poco un cliente me pidió que los módulos izquierdo y derecho tuvieran diferentes anchos. Como estaba usando Gantry, revisé un tutorial oficial y aquí les dejo el paso a paso que hice personalmente para lograrlo.
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!.
Mucho hemos hablado en la magazine, tanto en la edición en español como en la edición en Inglés de los overrides, se han dado ejemplos y se han escrito artículos con el paso a paso, ¿Pero es realmente un override lo que necesitas?
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.
Durante la Joomla! World Conference 2014 tuve la oportunidad de presentar una exposición en la serie latina, es decir, conferencias dictadas 100% en español para la audiencia de habla hispana.
Antes de entregar un sitio web realizado en Joomla es importante realizar un procedimiento estándar para asegurarnos que el sitio cumpla con una calidad técnica óptima en términos de diseño, seguridad, SEO y otros factores que dan un valor agregado a nuestros servicios como desarrolladores web.
Muchas veces creemos, que para poder personalizar un sitio a nuestro gusto hay que instalar, e instalar extensiones de terceros, y jugar con su configuración para poder obtener una personalización acorde a lo que queremos. Pero, ¿quedará exactamente como tu la quieres? No lo creo.
Una buena práctica a la hora de crear una web, es la de situar los scripts al final del documento, justo antes de la etiqueta "</body>", lo cual permite poder visualizar la página antes de cargar estos componentes. Pero, ¿y si el script debe ser cargado en el "<head>" o en cualquier otra parte? Y lo que es más importante en nuestro caso, ¿Y si el documento HTML es generado de forma dinámica y no podemos modificar directamente las etiquetas "<script>"?.
By accepting you will be accessing a service provided by a third-party external to https://magazine.joomla.org/
