JCE - Editor

Mientras que el editor de Joomla por defecto se limita a modificar el contenido HTML,  JCE Editor es verdaderamente un potente editor WYSIWYG con muchas características. JCE incluye imágenes avanzada, manejo de archivos y enlaces, soporte para plugins, y una interfaz de administración para la configuración del editor. Es posible crear cualquier tipo de contenido que quieras sin necesidad de saber HTML, XHTML, CSS, etc. También podrás crear usuarios personalizados o perfiles de usuario con su propio directorios de imágenes, diseños del editor,botones y funciones de plugins. JCE hace que editar el contenido sea rápido y fácil.

Compatibilidad: Joomla 1.5, 1.6, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 370+
Votos: 780+

Sitio web - Descargar

AllVideos - Video player

AllVideos es un plugin increíble para quienes quieran compartir o subir videos y audio a sus webs. Esta extensión te permite integrar fácilmente los medios alojados en los servicios más populares como YouTube, Vimeo, Dailymotion, SoundCloud (y muchos más) en artículos de Joomla (o en otros componentes, como el K2, Redshop, Virtuemart, etc.). Vas a poder crear reproducciones de casi cualquier formato de archivo de audio / vídeo alojados en tu servidor, o incluso un servidores remotos.

Compatibilidad: Joomla 1.5, 1.6, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 200+
Votos: 370+

Sitio Web - Demo - Descargar

Mini FrontPage - Frontend News

Mini FrontPage, es una de las extensiones  más valoradas en el JED, es una gran opción para que puedas mostrar artículos o anuncios de prensa estilo headline (o titular tipo diario online). Podemos organizar los artículos y noticias de las secciones preferidas o de las categorías por fecha, popularidad, etc. Podemos también configurar la cantidad de texto introductorio y el número de columnas que figuran en los parámetros del módulo. También se puede personalizar su estilo entre varios diseños.

Compatibilidad: Joomla 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 80+
Votos: 180+

Sitio Web - Demo - Descargar

DJ Image Slider - Image MooTools Slideshow

Esta extensión nos permite mostrar una galería de imágenes con un título y una breve descripción relacionado con cualquier elemento del menú o de una url. Podrás también crear categorías para las diapositivas o personalizar la interfaz de parámetros del módulo.

Compatibilidad: Joomla 1.5, 1.6, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 80+
Votos: 100+

Sitio web - Demo - Descargar

Art Sexy Lightbox Lite - Photo Gallery

Con esta extensión es fácil crear una impresionante galería de imágenes de diferentes maneras: visualización de fotos locales o grupos de fotos con efectos lightbox. Tiene 6 temas o templates de personalización de las miniaturas. Permite mostrar múltiples galerías y mucho más.

Compatibilidad: Joomla 1.5, 1.6, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 80+
Votos: 100+

Sitio Web - Demo - Descargar

JFusion - Authentication bridges

JFusion es un plugin gratuito para Joomla. Se trata de una solución definitiva de puente o bridge, que ayuda a conectar a Joomla con diversas aplicaciones con facilidad. Podrás utilizar JFusion para integrar los usuarios de Joomla con los de las aplicaciones de forma muy fácil.

JFusion incluye algunas características útiles, tales como plugin de búsqueda, módulo de inicio de sesión, módulos de actividad, etc. JFusions soporta entre otras aplicaciones: vBulletin 3.8.0, phpBB 3.0.x, 1.4 MyBB, SMF 1.1.8, Wordpress y mucho más.

Por último, pero no menos importante, el soporte de esta extensión es excelente.

Compatibilidad: Joomla 1.5, 1.6, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 180+
Votos: 320+

Sitio web - Descargar

AcyMailing Starter - Newsletter

AcyMailing es un sistema de newsletter para Joomla. Es una herramienta fácil de usar para gestionar de forma eficaz las suscripciones, boletines de noticias y correos electrónicos de clientes y usuarios de tu web. Además, utiliza el MVC Joomla (Model-View-Controller) que te permitirá personalizar cualquier vista del componente.

Sólo la edición de AcyMaling Starter es gratuita para su descarga, por lo tanto, tiene características y funciones limitadas en comparación con las otras versiones, sin embargo, será muy útil para pequeños blogs o sitios web con una cantidad media de visitantes.

Compatibilidad: Joomla 1.5, 1.6, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 330+
Votos: 430+

Sitio web - Demo - Descargar

JDownloads - Download

JDownloads es un gestor de descargas para Joomla con funciones excepcionales. Se considera un componente de gran alcance y excelente para muchos usuarios. Con JDownloads, se puede controlar fácilmente cargas y descargas, permitir o restringir la descarga, también crear categorías, subir e insertar archivos en artículos, mostrarlos dentro de módulos y mucho más. Hay muchas otras características muy útiles, vale la pena tenerlo en cuenta.

Compatibilidad: Joomla 1.5, 1.6, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 100+
Votos: 180+

Sitio web - Demo - Descargar

Display News by BK - Frontend News

Este es un módulo que integra un puñado de características esenciales para la visualización de noticias / artículos. BK es sinónimo de Boris Komraz, desarrollador de la extensión. Hay muchas opciones en los parámetros del módulo para configurar, para hacer una presentación de tus contenidos muy personalizada.

Compatibilidad: Joomla 1.5, 1.6, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 110+
Votos: 160+

Sitio web - Demo - Descargar

JoomGallery - Photo Gallery

JoomGallery tiene grandes características con muchas configuraciones de apoyo a la creación de galerías exclusivas para cada categoría. Tendrás el control completo sobre el diseño de las galerías a través de CSS.

Además, existen una gran cantidad de extensiones de terceros que se integran con esta galería de imágenes como pueden ser Community Builder, JomSocial, Kunena, AlphaUserPoints, JComments, JomComment, XMap, sh404SEF, JoomSEF Artio, SEFAdvanced,JoomFish y reCaptcha.

Compatibilidad: Joomla 1.5, 1.7 and 2.5
Licencia: GPLv2 or later
Comentarios: 140+
Votos: 250+

Sitio Web - Demo - Descargar

Espero que les resulten de utilidad y si consideran alguna más pueden dejar sus comentarios. Como comentaba al principio del artículo, es muy difícil estar al tanto y compartir este tipo de información suele ayudarnos mucho a la hora de descubrir herramientas de gran utilidad. Espero sus comentarios!

Primero tenemos que ingresar a recaptcha.net y generar las claves públicas y privadas. Este es un servicio gratuito proveído por Google, por lo tanto solo necesitamos una cuenta de Google para poder hacer login.

1 – Una vez en la administración de tu sitio Joomla, vamos a la opción Sitio > Configuración Global > Pestaña "Sitio"

2 – Veras una opción llamada "Captcha predeterminado", allí seleccionamos la opción ReCaptcha.

3 – Guardamos y cerramos la Configuración Global.

4 – Ahora en el menú del administrador vamos a Extensiones > Gestión de Plugins

5 – Buscamos el plugin "Captcha - ReCaptcha" y hacemos clic sobre el nombre para ingresar a las opciones de edición.

6 – En la lista "Estado" seleccionamos la opción "Habilitado"

7 – En la sección de Opciones Básica, ingresamos la clave pública y privadas que nos dio el sitio recaptcha.net antes de empezar.

8 – Podemos configurar diferentes estilos para el Captcha, según el diseño de nuestro sitio.

9 – Cerramos y guardamos el plugin

Ahora podemos acceder a los formularios de nuestro sitio y veremos que la opción de ReCaptcha está activa y por lo tanto dejaremos de recibir los molestos y abusivos mensajes de SPAMMERS.

1 - En primer lugar buscamos el archivo css de K2. Por lo general estará ubicado en:

{codecitation}components/com_k2/cssk2.css{/codecitation}

2 - Luego buscamos la siguiente parte de código dentro de k2.css:

{codecitation}div.itemTagsBlock ul.itemTags li a{/codecitation}

3 - Ahora reemplazamos el código que buscamos antes por el siguiente:

{codecitation}

div.itemTagsBlock ul.itemTags li a {

float:right;

height:24px;

line-height:20px;

position:relative;

font-size:11px;

margin-left:20px;

padding:0 10px 0 12px;

background:#0089e0;

color:#fff;

text-decoration:none;

-moz-border-radius-bottomright:4px;

-webkit-border-bottom-right-radius:4px;

border-bottom-right-radius:4px;

-moz-border-radius-topright:4px;

-webkit-border-top-right-radius:4px;

border-top-right-radius:4px;

}

div.itemTagsBlock ul.itemTags li a:before{

content:"";

float:left;

position:absolute;

top:0;

left:-12px;

width:0;

height:0;

border-color:transparent #0089e0 transparent transparent;

border-style:solid;

border-width:12px 12px 12px 0;

}

div.itemTagsBlock ul.itemTags li a:after{

content:"";

position:absolute;

top:10px;

left:0;

float:left;

width:4px;

height:4px;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

background:#fff;

-moz-box-shadow:-1px -1px 2px #004977;

-webkit-box-shadow:-1px -1px 2px #004977;

box-shadow:-1px -1px 2px #004977;

}

div.itemTagsBlock ul.itemTags li a:hover{background:#555;}

div.itemTagsBlock ul.itemTags li a:hover:before{border-color:transparent #555 transparent transparent;}

{/codecitation}

4 - Por último guardan el archivo k2.css y al refrescar el sitio tendrán que ver el nuevo aspecto.

Si no modifican nada en el código que les indico, el aspecto de sus etiquetas será el mismo que ven en nuestro sitio. Pero por supuesto que al ser puro CSS3, pueden modificar todos los parámetros que quieran para que el diseño se ajuste al diseño de su Web. Espero les resulte de utilidad y lo utilicen ya que el cambio no puede tardarles más de 5 munutos y lograrán una considerable mejora visual en sus artículos K2.

Me gustaría ver sus sitios si lo implementan, pueden dejar el link en los comentarios.

Los Frameworks nos proporcionan una base sólida para comenzar el desarrollo de nuestros diseños, con infinidad de recursos ya optimizados y funcionales. Brindándonos un conjunto de herramientas de inicio con las que podamos ahorrar mucho tiempo y así hacer del desarrollo de sitios un negocio más rentable.

Les dejo los que considero los mejores Frameworks para Joomla y los invito también a visitaar nuestros otros post sobre Gantry: Todo sobre Gantry Framework y Agregando posiciones en Gantry.

T3 Framework de Joomlart

JV Framework de Joomlavi

Helix Framework de Joomshaper

Construct Framework

Gantry Framework de Rocket Themes

Warp Framework de Yootheme

Morph Framework de JoomlaJunkie

La cuestión es ahora investigar las posibilidades y diseños que nos permite cada uno y comenzar a utilizar el que mejor se adapte a cada sitio que desarrollemos. En breve vamos a compartir más información sobre este Hot Topic!.

Paso 1. Preparando todo

Determinar el nombre de la posición y lugar en la plantilla donde deseamos que se vea el nuevo "módulo". En nuestro ejemplo vamos a utilizar "ejemplo" como nombre de la posición.

Paso 2. Agregar la posición al archivo index.php

Por ejemplo:

<div id="pos-ejemplo">
<?php echo $gantry->displayModules('ejemplo','standard','standard'); ?>
<div class="clear"></div>
</div>

La posición por el momento no funcionará, aparecerá después de haber configurado algunas cosas más sobre Framework. Hasta entonces todo va a lucir igual.

Paso 3. Agregar posición en el Framework Gantry

Abrimos el archivo templateDetails.xml dentro del directorio /templates y vamos a las "posiciones" donde están ya enumeradas todas las posiciones por defecto de Gantry. Y aquí tenemos que agregar el nombre de nuestra posición con el siguiente formato:

Cúal es el objetivo de esta nueva versión?

1. Permitir hacer pruebas a los administradores y desarrolladores para que puedan informar de cualquier problema antes del lanzamiento final.
2. Aumentar la conciencia de que el fin del ciclo de desarrollo actual se está acercando rápidamente.
3. Permitir pruebas de actualización de la versión 1.7 a 2.5.0 y que se reponrte cualquier error.

Cuál NO es el objetivo de esta versión?

Cúal es la fecha de la salida final de Joomla 2.5?

Muy bien, una vez aclarado esto, quiero contarles que esta será una serie de tutoriales donde voy a intentar introducirlos al tema del desarrollo de templates con el uso de este potente Framework. A partir de hoy todas las semanas vamos a lanzar un nuevo tutorial sobre alguno de los tópicos más importantes sobre este fascinante tema. Puede que algunas cosas sean demasiado básicas para algunos usuarios, pero me interesa que todos puedan llegar a entender hasta lo más complejo que les voy a presentar y para eso necesitamos entender bien todo desde el principiio. Si sos un usuario un poco más experimentado, tal vez algunas cosas de las que voy a explicar ya las sabés y seguramente podés hacer alguna aportación por medio de los comentarios para que mejoremos el material.

Para que nos enfoquemos, en esta primera entrega voy a explicar un poco las ventajas de usar Gantry y como instalarlo. En las siguientes semanas vamos a ir abarcando nuevos tópicos cada vez más complejos y desafiantes.

Por qué usar Gantry Frameworks?

Existen varios Frameworks muy buenos para el desarrollo de templates en Joomla, pero creo que este es el más potente, versatil y sobre todo fácil de usar. Estas son algunas de las ventajas que puedo destacar:

• Interfase de administración de fácil uso
• Varias características pre diseñadas, como ampliador de texto, Mensaje de alerta para IE6, etc.
• 65 posiciones de módulos básicas (y se siguen agregando).
• No tablas HTML, es decir que se reduce casi hasta desaparecer el uso de tablas, algo muy bueno para mejorar el SEO de nuestros sitios.
• Soporte para dspositivos móviles.
• Personalizar cualquier convinación de parámetros de configuración y guardar la configuración personalizada.

Estas son algunas de las características que a mi criterio lo hacen una opción insuperable. Podés ver la lista de características completas (en ingles) en el sitio oficial de Gantry Framework, incluso las características de las próximas versiones.

Cómo instalar el Framework?

Lo primero, es obviamente descargar el Framework. Como verás nos enfrentamos a varias opciones en el sitio:

Vamos a hablar en todo momento de Joomla 1.7, ya que en este caso no existen grandes diferencias sobre las versiones anteriores y es conveniente comenzar por la última versión estable de Joomla.

Entonces vamos a encontrar tres opciones de descarga dentro de las posibilidades:

1. Gantry Framework for Joomla 1.7: Esta opción nos descarga solamente el Framework, es obviamente la más "dura" de las opciones, ya que al instalar solo el framework no vamos a ver ningún cambio en nuestro sitio y si queremos iniciar con un template desde cero, va a ser bastante complicado  sin conocimientos avanzados, pero a no preocuparse que hay una forma más fácil de empezar.
2. Gantry Default Template for Joomla 1.7: Este es un template básico hecho para funcionar con Gantry, obviamente si descargamos el template también vamos a tener que descargar e instalar el Framework del que hablé en la opción 1. Por lo cual todo nos lleva a la tercera opción.
3. Gantry Template Bundle for Joomla 1.7: Esto es un "Combo" donde se instalan de una vez, el Framework, el Template básico de Ejemplo y algunos Plugins complementarios. Creo que es la opción más lógia y sobre la que vamos a seguir la explicación.

La instalación es muy fácil y se hace tal cual la instalación de cualquier otra extensión para Joomla.

Accedemos al administrador de Joomla, luego a la opción Coponentes > Instalar/Desinstalar y luego en la caja de búsqueda buscamos el archivo que acabamos de descargar, tiene un nombre similar a este: rt_gantry-3.2.12-bundle.zip (los número de la versión pueden ir variando con el tiempo).

Seleccionamos el archivo y damos clic en el botón instalar tal como se ve en la imágen siguiente:

Si todo salió correctamente vas a recibir un mensaje de confirmación similar a este:

Si hubo algún error en la instalación, tendrás que solicitar soporte en el sitio de Gantry o bien podés plantear tu duda en nuestros foros.

Bien, ahora podemos asignar el template rt_gantry_j17 por defecto y comenzar a probar algunas de las opciones que nos brinda el uso de este template usando Ganry Framework. En esta primera entrega vamos a llegar hasta aquí así pueden ir familiarizándose con el tema, para finalizar les dejo algunos videos del canal oficial en Youtube para que puedan tener una idea más gráfica de cómo funciona:

Video Promocional

Video de la Instalación de Gantry Framework

Espero sus comentarios y manténgase atentos al sitio para las nuevas entregas de esta serie de tutoriales.