Joomlaos. Su Joomla personalizado y a medida
Componentes imprescindibles para Joomla 1.5
Independientemente del contenido de nuestra página web, existen una serie de aplicaciones que se han convertido en indispensables en cualquier instalación de Joomla 1.5.
La página de Good web practices ha realizado un ranking basándose en aspectos como el tipo de licencia que utilizan, su grado de compatibilidad con Joomla 1.5 y, por supuesto, su utilidad.
Los ganadores han sido los siguientes:
- Sh404sef: urls amigables. Gracias a esta extensión las tradicionales rutas del tipo “index.php?option=com_content&task=view” son sustituidas por las palabras que queramos, mejorando considerablemente la relación con los buscadores.
- Joomla Pack: copias de seguridad. Esta herramienta permite hacer backups de nuestra instalación Joomla, incluyendo tanto las bases de datos como los directorios.
- JCE 1.5: editor WYSIWYG. . En nuestro caso preferimos el FCK Editor, similar en cuanto a funcionalidades, higiene del código fuente y cumplimiento de estándares.
- Xmap: mapa web. El Xmap crea mapas web de un modo sencillo y automático. Una de sus mayores ventajas es que puedes elegir qué partes del árbol se muestran y cuáles no.
A estos componentes añadimos uno que también se ha convertido en imprescindible para gestionar archivos, el Joomla eXtplorer. Esta aplicación evita que tengamos que acudir constantemente al cliente de FTP, ya que sirve para cambiar permisos de directorios y archivos desde el Panel de Administración de Joomla. Funciona incluso en casos en los que el cambio de permisos no se puede hacer ni desde el FTP.
Menú horizontal con pestañas ( Tabs Menu) para Joomla
Para el diseño de la plantilla de la Estación de Servicio Pena de Malate se nos plantea un menú horizontal con pestañas de un sólo nivel. Para conseguir el efecto pedido decidimos basarnos en el código de #Professional 5 de CssPlay para menús horizontales.
Código original
.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(pro_five_0c.gif) repeat-x left bottom; font-size:11px;} .menu5 li {float:left; height:40px; margin-right:1px;} .menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(pro_five_0a.gif) no-repeat;} .menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(pro_five_0b.gif) no-repeat right top;} .menu5 li.current a {color:#000; background:url(pro_five_2a.gif) no-repeat;} .menu5 li.current a b {background:url(pro_five_2b.gif) no-repeat right top;} .menu5 li a:hover {color:#000; background: url(pro_five_1a.gif) no-repeat;} .menu5 li a:hover b {background:url(pro_five_1b.gif) no-repeat right top;} .menu5 li.current a:hover {color:#000; background: url(pro_five_2a.gif) no-repeat; cursor:default;} .menu5 li.current a:hover b {background:url(pro_five_2b.gif) no-repeat right top;} </style> </head> <body> <ul class="menu5"> <li><a href="#nogo"><b>Home</b></a></li> <li><a href="#nogo"><b>Privacy Policy</b></a></li> <li><a href="#nogo"><b>Products</b></a></li> <li><a href="#nogo"><b>Where to find us</b></a></li> <li class="current"><a href="#nogo"><b>Contact us</b></a></li> <li><a href="#nogo"><b>Search</b></a></li> </ul> </body> </html>
Cambios realizados en las CSS
- Sustituimos la referencia a .menu5 por .menu que es nombre que le da Joomla por defecto
- La referencia a <b> la sustuimos por la referencia a <span>
- En Joomla el activo se marca con id="current" por lo que en las CSS debemos poner #current en vez de .current
Las CSS resultantes son:
.menu {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(pro_five_0c.gif) repeat-x left bottom; font-size:11px;}.menu li {float:left; height:40px; margin-right:1px;}
.menu li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(pro_five_0a.gif) no-repeat;}
.menu li a span {float:left; display:block; padding:0 16px 5px 12px; background:url(pro_five_0b.gif) no-repeat right top;}
.menu li#current a {color:#000; background:url(pro_five_2a.gif) no-repeat;}
.menu li#current a span {background:url(pro_five_2b.gif) no-repeat right top;}
.menu li a:hover {color:#000; background: url(pro_five_1a.gif) no-repeat;}
.menu li a:hover span {background:url(pro_five_1b.gif) no-repeat right top;}
.menu li#current a:hover {color:#000; background: url(pro_five_2a.gif) no-repeat; cursor:default;}
.menu li#current a:hover span {background:url(pro_five_2b.gif) no-repeat right top;}
Importante:
La configuración del menú está en Lista.
Ver la implementación
JOOMFISH 2.0, el fin de la tensa espera
El componente imprescindible para proyectos multilingües en Joomla. Así es Joomfish, el pez de tres ojos, que se convirtió en un componente esencial en Joomla 1.0 y que, tras varios meses de espera, sale ya para 1.5.
Esta tensa espera provocó que los desarrolladores paralizaran proyectos por no tener herramientas multilingües para Joomla 1.5, o bien que se decantaran por trabajar todavía con el 1.0.
Todavía no es la versión final de Joomfish, tan sólo una Beta completada al 95%, pero lo importante es que por fin está liberada y no es sólo para “supporters”, como la versión Alpha. Los foros del pez de tres ojos se llenaron de desarrolladores dispuestos a realizar donaciones a cambio de un software sin acabar.
Novedades
- Funciona en Joomla 1.5
- Utiliza código nativo, y no es un legacy del 1.0, lo cual garantiza su estabilidad
- Por lo que se viene comentando en las últimas semanas en los foros, y por lo que hemos comprobando tras la primera instalación de la Beta, el componente no va a sufrir grandes cambios respecto a las versiones anteriores, al menos en cuanto a su funcionamiento.
Aunque desde su site no recomienda usarlo todavía, estamos ansiosos por probarlo.
Empezando con Joomla 1.5. La evolución que no defrauda.
Esta es la primera instalación de Joomla 1.5 - RC3, y hasta ahora todo va perfecto. Se notan a primera vista las mejoras. Tanto en el FrontEnd como en el BackEnd.
En el Frontend de este Joomla llama la atención el código generado. Un código limpio, ¡por fín! sin tablas, y sin tener que estar instalando forks adicionales para conseguir un código decente com nos tenía acostunbrado la versión anterior.
En el Backend llama la atención sobre todo lo simple que parece, frente a la mareante cantidad de opciones que aparecían en la versión anterior, y el sistema de menus se hace más agradable.
Página 2 de 2
