Todo Joomla! // Plantillas Joomla! // Ja Teline III - 6ta Parte: Plugin Ja PopupVamos 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...
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...
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...
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...
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...
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...
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...
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...
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...
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 plugin soporta unos cuantos tipos de contenidos y lo que hace básicamente es cargar los mismos, según el tipo seleccionado, dispararándolo en una ventana emergente usando algunos ajaxs configurables desde back-end de la extensión. Funciona tanto en los artículos como en otras extensiones con algunas salvedades que comentaré más adelante.
Los frameworks ajax que podemos utlizar son:
3. youtube: Para los videos de youtube hay cuestiones extras a tener en cuenta y veamos la incrustación en un módulo custom o HTML personalizado y luego un ejemplo en un artículo.
Ejemplo en un artículo:
En el ejemplo indicamos como tipo "youtube", luego como "content" el enlace al video que lo podemos sacar editando el código <insertar" que nos da la misma web de Youtube, luego le damos el tamaño con width (ancho) y height (alto), también un title y cerramos la llave.
Inmediatamente seguido de la llave va un texto descriptivo y luego le indicamos que muestre una imagen en vez del texto mediante la etiqueta HTML < img >. Observen aquí que la fuente de la imagen es el mismo Youtube utilizando su subdominio http://img.youtube.com, seguido de vi y el código del video y con 2.jpg que tome el segundo fotograma. Para esto último pueden tomar cualquier fotograma indicando el número seguido de la extensión jpg.
Para el caso de los módulos agreguen cualesquiera de los ejemplos indicados aquí pero con la etiqueta HTML < div class="ja-video-thumb">, eso hará que se hagan las miniaturas con un borde especial definido por maquetación dentro del template.
Para los videos se puede repetir el plugin en la misma página sin problemas, pudiendo de esta formar armar un album de videos dentro de un artículo.
4. image: Con este tipo podemos cargar un imagen. Ejemplos:
Ejemplo 1:
{japopup type="image" content="/images/stories/joomla-dev_cycle.png" title="Imagen"}Imagen de Ejemplo{/japopup}
En este caso nos mostrará un enlace con el texto "Imagen de Ejemplo". Al cliquear sobre él aparecerá la imagen según el enlace indicado en content en una ventana emergente.
Ejemplo 2:
{japopup type="image" content="/images/stories/joomla-dev_cycle.png" title="Imagen"}Imagen de Ejemplo< img src="/images/stories/joomla-dev_cycle.png" width="100" alt="imagen" title="imagen" />{/japopup}
En este caso mostrará la imagen indicada en content en un tamaño de 100px de ancho y un enlace debajo titulado "Imagen de Ejemplo". Al cliquear sobre la imagen o sobre el texto aparecerá la misma imagen en una ventana emergente.
Ejemplo 3:
{japopup type="image" content="/images/stories/joomla-dev_cycle.png" title="Imagen"}<img src="/images/stories/joomla-dev_cycle.png" width="100" alt="imagen" title="imagen" />{/japopup}
Idem anterior solo que en este caso no aparecerá el texto.
En todos los casos explicados tengan muy en cuenta el ajax seleccionado en el back-end del módulo y prueben ya que algunos tal vez no funcionen según el tipo o type elegido.
Advertencia: No hagan copy/paste (copiar y pegar) de los ejemplos aquí mencionados ya que en algunos casos tuve que dejar un espacio en las etiquetas para poder indicar los códigos