Es decir, si en la plantilla se requieren módulos, entonces aparecerá el Módulo específico que originalmente se encuentra en su directorio y ahora se refleja en el sitio. Igualmente sucede con los Componentes.
Todo Módulo y Componente tiene insertada su propia estructura HTML, así como instrucciones PHP particulares para cada caso, y algunas veces hasta su propia hoja de estilos CSS. Los Módulos están en el directorio /modules/ y los Componentes en /components/. Puedes probar personalizando el Módulo que más te guste con tus propias etiquetas y opciones de configuración, ya que cada Módulo tiene sus parámetros en un archivo XML.
Lo anterior constituye una explicación muy básica (quizás haga falta otro artículo más técnico y específico al respecto), pero ahora sabes que la "compleja estructura" no es tan compleja; un archivo llama a otro y todo se refleja como HTML a la vista de tus visitantes.
Tips para mejorar tu desempeño con Joomla!
El siguiente artículo presenta una serie de tips y recordatorios sobre Joomla!, también hablaremos sobre la importancia de la planificación, el método y algunas desventajas del software que hay que tomar en cuenta.
Este es el tercer artículo de la serie de Joomla! en los cuales hemos realizado una introducción para los que no tienen conocimiento algunos sobre el software, hemos realizado los primeros ejercicios de creación de plantillas y finalmente hablaremos sobre algunos aspectos que hay que tomar en cuenta al momento de trabajar con Joomla!.
Planifica tu web
Con un trabajo previo de planificación tendrás una idea más precisa de los elementos que intervendrán en la misma y los recursos que utilizarás.
Simplifica tu método
Tal como se mencionó, el mejor método es el que te proporcione más comodidad, pues así te concentrarás más en lo que debes hacer y menos en los procedimientos rutinarios. Esto reviste de especial importancia si hablamos de elaborar plataformas dinámicas con ayuda de Joomla!.
Piano piano…
Si pretendes abarcar todo de un solo golpe y "a la fuerza" no te garantizo mucho éxito en tu proceso de aprendizaje. Esto te llevará a buscar atajos a problemas específicos cuyas causas aún no conoces (o peor aún, dejarlos pasar).
Cada problema resuelto es una lección en sí, pues el trabajo que invertirás en su resolución seguramente involucrará, a su vez, otros factores que también conocerás y dominarás con más destreza a medida que se vayan presentando, adquiriendo un mayor nivel de aprendizaje integral en pocos meses.
Si en cambio esquivas los obstáculos que encuentres, es poco probable que en un futuro puedas obtener un conocimiento satisfactorio del Sistema Joomla!.
No te conformes
Si necesitas una extensión y la que encontraste no te agrada del todo, trata de adaptarla a tus necesidades. Estudia su código, compáralo con otros similares y haz las pruebas que necesites. Igualmente puedes adaptar la presentación a tu gusto manipulando su hoja de estilos CSS.
Ayúdate con scripts externos
Joomla! es muy versátil en este sentido. Con ello puedes insertar código externo (propio o prestado) y agregar condimento productivo a tu web.
De hecho muchas de las extensiones fabricadas por terceros incluyen scripts que puedes bajarlos libre y gratuitamente de sitios como DHtmlGoodies o DinamycDrive. Si no eres muy ducho(a) en el tema, te agradará saber que Joomla! permite separar el HTML del PHP en sus plantillas, lo cual agrega sencillez a la hora de recurrir a recursos foráneos.
Aprende a diseñar Interfaces
Si deseas desarrollar un portal informativo, convendría mucho que te instruyeras en el Diseño de Interfaces Web, a fin de construir sitios que respondan lo mejor posible a su objetivo sin que por ello sacrifiques tu toque estético.
Unas sólidas nociones de Diseño de Interfaces te llevarán a una etapa más profesional de desempeño otorgándote, a la vez, la capacidad de atender un nivel distinto de clientes. Esto se aplica a Joomla! y a toda clase de desarrollo de plataformas dinámicas en la web.
Practica y ¡Equivócate en grande!
No tengas miedo de experimentar y fallar. Las fallas son las que te estimularán a practicar más, y la práctica productiva te dará el éxito.
Descarga el pack Joomla! traducido al español; usa tu servidor local (¿No sabes cómo instalar un servidor propio?). Luego experimenta, investiga y haz las pruebas que desees; arruina todos los packs que sean necesarios mientras vas comprendiendo cómo funciona.
Versión 1.5 de Joomla!: un notable avance en el campo de los CMS
Actualmente la versión estable de Joomla! es la 1.0.12 [Sunfire], declarada como Estable el 25 de Diciembre de 2006. La nueva versión será la 1.5 [Red Barchetta], cuyo estado de desarrollo se encuentra en su fase Beta 2 y próximamente nos traerá excelentes beneficios integrales.
La más notables de las mejoras está constituida por la reescritura completa del código actual, una acción que no sólo separará definitivamente a Joomla! de la "herencia Mambo", sino también se ha optimizado la estructura de sus archivos de una forma más lógica y organizada que las versiones anteriores a la 1.5.
En tal sentido cabe resaltar la reconfiguración de la estructura del código asignado a las distintas funciones del sitio. El desarrollador encontrará mucha facilidad en la localización de elementos que desea modificar.
Dicha organización también incluye -¡Ya era hora!- la disposición de las líneas de idioma en archivos separados y dispuestos en directorios específicos. En las versiones 1.0.X de joomla! estas líneas se encuentran dispersas a lo largo de toda la aplicación. Con este nuevo sistema organizativo, las traducciones de Joomla! serán aún más sencillas y ágiles que en el presente.
En cuanto a la interfaz y opciones administrativas, se agregaron suficientes características como para notar las grandes ventajas que llegan de la mano con esta nueva versión. Aspectos como la gestión de detalles de plantilla desde el mismo Panel de Administración (Colores, ancho, fondo, etc.).
Posibilidad de cambiar "al vuelo" el tipo de Menú, la adición de opciones en la Configuración Global y la aparición de un motor FTP interno para gestionar archivos y permisos, son parte del conjunto de mejoras que se obtendrán con la versión 1.5 de Joomla! al ser anunciada como Estable.
La licencia de uso de Joomla!
Joomla! es Software Libre bajo licencia GNU/GPL. Puedes modificar el software, distribuirlo libremente, crear elementos que se adapten a éste y comercializar tu trabajo sin permiso previo o posterior.
Puedes remover los créditos del pie de página y colocar los tuyos si así lo deseas. Dale un vistazo a los términos de la Licencia GNU/GPL y te informarás mejor al respecto.
¿Los recursos y extensiones de Mambo también le sirven a Joomla!?
Actualmente Joomla! y Mambo comparten muchos puntos comunes en su arquitectura, por lo cual es común que las extensiones de una aplicación puedan servirle a otra.
Sin embargo esto no es una regla inflexible, pues a medida que las versiones suben dicha semejanza está disminuyendo, afectando la compatibilidad de los recursos fabricados para cada una.
¿Por qué tanto peso en el conjunto de archivos de Joomla! comparado con otras aplicaciones web?
De forma nativa, Joomla! contiene una serie de recursos, características y ventajas los cuales, en el caso de otros CMS, habría que instalarlos (y actualizarlos) por separado. Dichos recursos están divididos en módulos, componentes y plugins (Mambots), además de opciones administrativas muy usables y de amigable interfaz.
Algunas desventajas de Joomla!
A continuación una lista de aspectos negativos observados en Joomla!. Advertimos que consiste en un análisis netamente subjetivo de quien escribe este artículo, basado en la experiencia personal con la aplicación:
El código HTML generado no es semántico: (Explicado más arriba).
No existen acciones sólidas del Grupo de Desarrollo para hacer la aplicación más accesible: A pesar de la creciente importancia de la accesibilidad en las webs, poco se ha hecho al respecto con Joomla!.
Esperemos que las acciones futuras apunten más hacia esta necesidad primaria.
Dependencia excesiva del Javascript en su Panel de Administración: Una buena dosis de alternativos no vendría nada mal.
Limitación en las opciones para personalizar rangos de usuarios: No sólo para personalizarlos, sino para crear nuevos rangos y permisos. Muchas veces se hace insuficiente con los actuales. Existe un componente denominado Community Builder que mejora un poco lo presente, pero tampoco da la talla en algunos casos. Lo ideal sería un buen motor de usuarios que venga de forma nativa.
Deficiente planificación de la interfaz administrativa: Este aspecto es una de las herencias de Mambo y mejoró notablemente en la versión 1.5, actualmente en fase beta. En especial nos referimos a la presencia de funciones redundantes que muchas veces han causado confusión a la hora de configurar el sitio, lo cual causa cierta confusión a los usuarios que se inician en Joomla!. Igualmente hay quienes lo consideran cómodos desde la primera vez. Cuestión de instalarlo y experimentar el feeling con la aplicación. No obstante, lo colocaremos en la lista de aspectos negativos, ya que también tenemos el hecho de que existe un extenso cúmulo de código destinado a ejecutar dichas funciones.
Diseñando tu primera plantilla Joomla!
Mucho se ha documentado y discutido en torno al tema. Sin embargo, este artículo apunta al interés de quienes deseen ahondar en algunos aspectos técnicos de esta aplicación y aprender a realizar el diseño de su primera plantilla utilizando Joomla!.
Personalizando Joomla!
No hay límites en la personalización de una web hecha con Joomla! si se conoce la aplicación suficientemente. En este momento podríamos dividirla en dos niveles: Básico y Avanzado.
El Nivel Básico:
Está constituido por todo el conjunto de acciones ejecutadas a nivel de plantilla (template). A esta altura encontramos muchas herramientas útiles a nuestra disposición, tales como el HTML, CSS y la mayoría de las funciones PHP del software, obteniendo la posibilidad de lograr excelentes resultados finales, tanto en la apariencia del sitio como en sus capacidades operativas.
El Nivel Avanzado:
Se resume en la personalización total de la aplicación. Si bien el Nivel Básico ofrece abundante disponibilidad de recursos, es en el Avanzado donde se fabrican las mejores webs, ya que las modificaciones abarcan los archivos de núcleo.
También llamados archivos del Core y con ello nos liberamos de las limitaciones que causa la parte de la estructura que no se puede controlar desde el diseño de la plantilla. Por supuesto hay un precio que el diseñador/desarrollador debe pagar, y es dedicar el tiempo necesario para documentarse, practicar, errar y llegar a un rango satisfactorio en el conocimiento del programa; no obstante, la recompensa es grande.
La relativa desventaja que acarrea el Nivel Avanzado es que debe tenerse en cuenta el total de modificaciones efectuadas a la hora de una actualización de la aplicación y/o componentes, módulos y plugins afectados. Al respecto resulta necesario llevar un registro (log) de cada cambio llevado a cabo, a fin de proceder sin problemas con las futuras actualizaciones.
Aún así el Nivel Avanzado sigue siendo la mejor opción para lograr la excelencia en la construcción de un sitio y con ello ofrecer más calidad de adaptación a clientes exigentes.
No obstante, como recomendación personal sugerimos comenzar con el Nivel Avanzado sólo cuando se domine el conjunto de opciones que ofrece el Básico, cuya gama de alternativas son muy amplias y deberían ser explotadas antes de decidir modificar los archivos del núcleo.
Versión de cuatro clics
Es cierto que con Joomla! es posible poseer una web completa y operativa con sólo una instalación de 4 clics. Pero a medida que vamos adentrando en las capacidades del programa, descubrimos que el verdadero valor de Joomla! no radica en esa visión de "4 clics" sino más bien en su calidad de materia prima, la cual nos otorga un sinfín de posibilidades para poder moldearla a nuestras verdaderas necesidades y gustos.
Diseñando tu primera plantilla Joomla!
Antes de comenzar con este segmento, es necesario acotar que el diseño web es una disciplina completa e independiente que no debería tomarse a la ligera. Como toda carrera, el diseño tiene sus principios y mucho material para leer, practicar y aplicar.
Sobre todo en el campo de la web, el diseño se ha convertido en una disciplina integral que aglomera varias ramas. Sin embargo ahora es preciso continuar con el hilo del tema, así que lo retomamos.
¿Cuál es el método para diseñar una plantilla en Joomla!?
Muchas personas han hecho está pregunta en distintos foros, otros tantos han respondido con una serie de pasos para tal fin, pero la verdad es que el método más efectivo es el que te haga sentir más cómodo(a).
Por ejemplo, puedes comenzar elaborando tu trabajo como si se tratara de una web estática, agregando luego el código Joomla! correspondiente; o si eres de esas personas valerosas que no temen tropezar con piedras y metales se podría pensar en diseñar la plantilla directamente.
Por otra parte, como método de iniciación muchos diseñadores han encontrado buen feeling en modificar plantillas existentes. Algunos(as) prefieren un programa Wisywig, otros(as) un simple editor de textos. En la variedad está el gusto, pero lo importante no es adaptarse a un sistema específico de procedimientos, sino encontrar la forma de proceder que más se adapte a ti.
Adentrándonos más en la aplicación, muchas de las opciones de ubicación de los elementos las controlarás desde tu Panel de Administración, así que también debes conocer los recursos disponibles (y sus limitaciones) y aprender a combinarlos para que trabajen a tu favor.
Funciones como la definición de algunos estilos CSS predeterminados, la posición de los módulos y la configuración de los menús son asuntos directamente relacionados con el diseño/maquetación del sitio, a la vez que se gestionan desde el Panel, ya que sus detalles de configuración irán a la Base de Datos.
En cuanto a la estructura CSS de Joomla! podemos dividirla en tres grandes ramas:
Las etiquetas generales
Los estilos nativos u originarios de Joomla!
Nuestros estilos personalizados. Vale la pena que revises esta Guía CSS de Joomla! que te orientará con respecto a los estilos nativos.
Tal como la generalidad de los CMS, la plantilla de Joomla! controla la mayoría de la presentación del sitio. También existe la opción de asignar una plantilla distinta a los diversos Componentes de la web. La gestión de Módulos también es muy flexible.
Pueden aparecer o no a lo largo de todo el sitio según la configuración ejecutada desde el mismo Panel o si lo prefieres ayudándote del PHP que insertarás en la misma plantilla. Éste último método es el que mejor permite personalizar dicha parte, ya que las posibilidades de maquetación aumentan y no se limitan a las opciones de configuración que vienen de fábrica.
¿Las plantillas prediseñadas representan una ayuda inicial?
¡Sin duda!. Todo el tiempo que puedas invertir en estudiarlas, modificarlas y jugar con ellas vale la pena. En especial te recomendamos dos plantillas especiales que vienen incluidas en el pack Joomla!: "Made Your Web" y "Rhuk Solarflare II". Éstas no sólo fueron elaboradas para decorar el sitio, sino que tienen un fin netamente didáctico.
Están debidamente estructuradas y comentadas para los interesados e interesadas en profundizar conocimientos en el tema. Especialmente la "Rhuk Solarflare II" posee interesantes funciones dinámicas (como el ocultamiento automático de tablas) que merecen unas buenas sesiones de estudio.
¿Joomla! posee una estructura semántica?
Sin mucho preámbulo: No. Al menos si empleas su configuración original. Ciertamente la aplicación fue pensada para quienes no se quieren romper la cabeza entre códigos (el usuario común que quiere tener una web dinámica de inmediato).
Por otra parte, desde un principio se exigía una arquitectura a la cual se pudiesen adaptar componentes y añadidos fabricados por terceros. Es por tal motivo que gran parte de la estructura de Joomla! es un atentado mortal a la semántica y la accesibilidad.
Veamos un ejemplo, un simple titular de artículo que no debería requerir más que:
¿Un poquito "feo" verdad? Técnicamente el fragmento anterior no está mal dispuesto. De hecho (a excepción del Componente "Wrapper") todo el código generado por Joomla! pasa la prueba de validación W3C -como XHTML 1.0 de Transición-, lo cual significa que una plantilla correctamente elaborada no debería causar errores de validación al sitio (algo de lo cual no puede presumir todo CMS).
Pero al mismo tiempo es válido reconocer que semánticamente Joomla! es un desastre, pues se aplican tablas indiscriminadamente a contenido que no necesita ser tabulado, resultando en una inconveniente ensalada de etiquetas cuyos datos de diseño -para colmo- no están totalmente controlados por estilos CSS, lo cual se traduce en diversos inconvenientes de diseño, accesibilidad y posicionamiento.
Afortunadamente esto y mucho más se puede modificar a criterio del desarrollador sin mayores problemas que los que pudiese enfrentar con las actualizaciones, la compatibilidad con extensiones prefabricadas y, naturalmente, el tiempo que le tome efectuar dichos cambios.
Autor:
Daniel Ricardo Sanchez Jaramillo
| Página siguiente |