Plantillas Joomla!
  • 1
  • 2
  • 3
Prev Next

Ja Teline III - 2ra Parte: Frontpage - Cabecera

Vamos a ver cómo se conforma el frontpage de esta gran plantilla empezando por su cabecera, header, parte superior o como quieran llamarle. Me refiero a la sección que abarca...

Ja Teline III - 1ra Parte: Configuración

La plantilla JA Teline III de Joomla Art es una de las mejores que existen para crear diarios y/o revistas digitales y una de las que ostenta el título de...

Ja Teline III - 3ra Parte: Ja News FP

El módulo Ja News Front Page es aquel que nos permite destacar ciertos titulares en la página principal y puede tener varias apariencias según lo configuremos, inclusive podemos retocar el...

Ja Teline III - 6ta Parte: Plugin Ja Popup

A raíz de una consulta en el foro explico cómo se utiliza el plugin JA Popup que se instala con la plantilla y que está basado en varios frameworks jQuery. El...

Ja Teline III - 5ta Parte: Ja Tabs

El módulo JA Tabs de JA Teline es el que nos permite "armar" grupos de fichas para mostrar módulos o contenidos en una posición de la plantilla. Es una forma...

Ja Teline III - 4ta Parte: Ja News2

A diferencia de plantillas normales, JA Teline presenta las noticias mediante módulos, es decir, no hay una vista por defecto a traves de la API "component" de Joomla, sino que se...

Nuevas Plantillas - Panorama y Perspectivas

Tanto los que diseñamos plantillas Joomla! como los que las utilizamos, estamos acostumbrados a ver cierta estructura y ciertos archivos a la hora de instalarlas. Generalmente esos archivos se repiten...

Ja Teline III - 1ra Parte: Configuración - Upgrade!

Una sección importante y muy útil de la configuración del template es la que se titula "Page Layouts Overwrite", que sería algo así como "Sobreescribir plantillas de páginas". En el...

Ja Teline III - 4ta Parte: Ja News2 - Upgrade!

Me olvidé de comentar en el artículo anterior que hay un pequeño bugs en el módulo referente a una etiqueta. El plugin "JA User Setting for joomla 1.5.x" como hemos...

La plantilla JA Teline III de Joomla Art es una de las mejores que existen para crear diarios y/o revistas digitales y una de las que ostenta el título de "muy compleja". En efecto, está totalmente programada y es completamente diferente a una plantilla "normal" o "común". Sus distintas configuraciones o layouts la hacen muy versátil y adaptable a las nuevas tecnologías, tanto se visualiza bien en cualquier navegador como en un iphone, un handheld o en cualquier dispositivo móvil.

Ja Teline III - 1ra Parte: Configuración

Imprimir COM_CONTENT_ICON_PDF
Por: Tux Merlín : Buru
Lunes, 25 Enero 2010
(Tiempo estimado: 3 - 5 minutos)

Cuando vemos la conformación de la estructura de la plantilla vemos que trae varias carpetas y muchos archivos extras que vamos a ir desmenuzando poco a poco pero veamos primero su configuración.

Vista de la configuración de Ja Teline III

Si bien aquí no hay mucho que explicar, quiero detenerme en algunos apartados importantes. En primer lugar hay que decir que JT3 [1] tiene la capacidad de utilizar "Cufon" y ¿qué es cufon? Se trata de una interface web para fuentes y lo que hace es renderizar una tipografía mediante un javascript para poder darle efectos especiales como sombras, gradientes, etc. Técnicamente la definición exacta sería "interface web de fontforge que crea una fuente SVG partiendo de la fuente de tu tipografía utilizando un renderizador JavaScript." En el caso que nos ocupa, si elegimos utilizar Cufon, veremos las fuentes de las etiquetas h1, h2, h3, es decir de los títulos y cabeceras, con sombras, algo como esto:

 Demo Cufon en Ja Teline III

Se aprecia bien si elegimos como "Default Layout: iphone", en la plantilla normal casi ni se nota, pero podemos modificarlo. La configuración de "cufon" se encuentra en el archivo ubicado en "raízJoomla/templates/ja_teline_iii/layouts/blocks/head.php" y el código es este:

<script type="text/javascript">
Cufon.replace(
'.componentheading, .contentheading, #ja-zinfp .ja-zintitle a, div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_highlight h3',
{ fontFamily: 'Museo 500' }
);
Cufon.replace (
'.logo-text h1',
{ fontFamily: 'Museo 500', color: '-linear-gradient(#999, #000, #999)', textShadow: '#ccc 1px 1px' }
);
</script>
Observen que al principio elegimos la fuente y luego le damos el efecto con "-linear-gradient" (gradiente)y con "textShadow"(sombras, primero color y luego desplazamiento).

 

Otro parámetro es "Font Size" que solo se utiliza si elegimos como "Logo Type: text". En caso contrario no tiene efecto. Luego veremos cómo cambiar el logo y modificar esa parte de la cabecera. [2]

Un punto importantísimo a tener en cuenta es que JT3 nos permite tener plantillas individuales para dispositivos móviles como iphone y handheld. Dichas plantillas también son modificables y se corresponden a los archivos:

  • "raízJoomla/templates/ja_teline_iii/layouts/handheld.php" y los demás ubicados en la carpeta:  "raízJoomla/templates/ja_teline_iii/layouts/blocks/handheld"
  • "raízJoomla/templates/ja_teline_iii/layouts/iphone.php.php" y los demás ubicados en la carpeta:  "raízJoomla/templates/ja_teline_iii/layouts/handheld.php"


Para detectar los dispositivos móviles, JT3 lo hace a traves del script PHP
"raízJoomla/templates/ja_teline_iii/libs/mobile_device_detect.php". En este, a traves "SERVER['HTTP_USER_AGENT']" detecta el navegador que se está utilizando y luego con el selector "switch case" compara para saber de qué dispositivo se trata. Observen al final, en el último "case" hay una lista bastante extensa de dispositivos.

Si quieren modificar alguna parte de las distintas opciones de las plantillas tendrán que hacerlo por secciones, esto es, identificar si se trata de la cabecera XHTML o etiqueta HEAD (head.php), de la parte superior donde está el logo, hora, menú de usuario, etc. (header.php), del pie (footer.php), módulos inferiores posiciones del USER6 al USER10 (botsl.php), módulos superiores del USER1 al USER5 (topsl.php), columna de la izquierda o left (left.php), columna de la derecha (right.php), menú principal y ruta o breadcrumb(mainnav.php) o cuerpo principal (main.php). A su vez, existe cada uno de estos archivos para iphone y para handheld. Estos son los que "arman" el index.php final.

Para finalizar debemos decir que tanto Ja Teline como muchas otras plantillas no utilizan un módulo de menú principal sino que el mismo se "asigna" desde esta configuración. Dicho de otro modo, para poder utilizar un menú en Ja Teline, debemos crear un menú normalmente pero sin publicarlo en alguna posición, sino que seleccionándolo desde esta configuración que estamos viendo. Además, tenemos la posibilidad de elegir entre varios tipos de menú.

En el próximo artículo iremos viendo parte por parte, haciendo casi una "taxidermia" del template.

[1]JT3: Abreviatura de Ja Teline III. [Volver]
[2] Corrijo... si tiene efecto, es la fuente por defecto a mostrar cuando se inicia la web.[Volver]

Tags: configuracion | ja teline | joomla | plantillas | posiciones | template

Lo han leído: 14497 almas
Joomla-GNU.com not affiliated with or endorsed by Open Source Matters or the Joomla! Project. The Joomla!, logo and name is used under a limited license from Open Source Matters in the United States and other countries.

BLOG COMMENTS POWERED BY DISQUS