Cómo utilizar el plugin JCE Mediabox en Joomla 1.5 - enlaces con efecto pop-up

Tags: CMS | gestor de contenidos | Joomla | joomla 1.6 | joomla 1.7

Continuando con la serie de artículos destinados a utilizar el fantástico editor de textos avanzado JCE en Joomla 1.5 te mostramos diferentes modos de utilización del plugin JCE Mediabox.

Sigue nuestros artículos sobre JCE Editor en Joomla 1.5 para comprobar las ventajas de su utilización:

Sitio oficial JCE Editor: http://www.joomlacontenteditor.net/

Para utilizar este plugin en la práctica que hoy te proponemos debes primero descargarlo desde la página oficial de JCE Editor, a continuación, instalarlo en tu sitio Joomla y, finalmente, habilitarlo para comenzar a usarlo.

Descarga el plugin para Joomla 1.5 – Descargar

Instala el plugin desde el menú Extensiones – Instalar / Desinstalar

Acude al Gestor de plugins desde Extensiones y asegúrate de que su columna correspondiente esté publicado: icono verde (en caso contrario, haz clic sobre él para cambiar el estado de No publicado a Publicado).

¿Qué es un enlace con efecto pop-up?

Se trata de un efecto vistoso que puedes conseguir con el plugin JCE Mediabox. Consiste en lo siguiente: en un artículo de tu sitio Joomla creas y configuras un enlace. Al configurar y activar el plugin sobre dicho hipervínculo el usuario – visitante que acceda al artículo podrá hacer clic en el enlace y el sitio de destino se mostrará en una ventana emergente en pantalla utilizando un bonito efecto visual.

Este plugin te permite llevar a cabo esta tarea sin muchas complicaciones como verás a continuación.

Crea el artículo en Joomla 1.5 e incluye un enlace a una dirección URL externa en él

Acude al Panel de control de la administración de Joomla y haz clic en el botón Añadir un nuevo artículo. Se abre en pantalla la página de configuración del nuevo artículo.

Título. Enlace con efecto pop-up

Alias. Deja el campo vacío. Joomla se encargará automáticamente de establecerlo.

Publicado. Sí, o en caso contrario no será posible visualizar el artículo en el sitio.

Página principal. Sí, realizamos este ejercicio práctico a modo de prueba. Ubicar el artículo en la página principal es tan válido como situarlo en cualquier otro lugar de tu sitio Joomla. Adapta esto a tus necesidades concretas.

Sección – Categoría. Sin clasificar, por el mismo motivo no tenemos ninguna predilección por ninguna sección o categoría configurada en el sitio. Adapta esto a tus necesidades concretas.

En el editor de texto escribe y edita tu artículo.

Vas a incluir un enlace a una dirección URL externa en el artículo. Realizaremos la práctica con una dirección concreta, cambia las instrucciones dadas por aquella otra de tu interés.

Escribe:

Enlace al sitio oficial de Ubuntu en español

Ubuntu-es

Selecciona Ubuntu-es y haz clic en el icono Insertar / Editar link del editor:

 

En la nueva ventana debes configurar el enlace. En este caso escribe (o copia-pega) la dirección URL del sitio a visitar en el campo de texto URL:

http://www.ubuntu-es.org/

Configura el efecto pop-up

Haz clic, a continuación, en la pestaña pop-ups.

 

Despliega el menú Tipo emergente y selecciona JCE Mediabox Popups. En la ventana se muestran diferentes opciones de configuración del popup:

 

Título. Escribe en el campo de texto Ubuntu-es. Será el nombre que se muestre como título de la ventana emergente pop-up.

Título. Escribe en el campo de texto Portal en español oficial de Ubuntu. Esta descripción se mostrará en la parte inferior de la ventana emergente pop-up.

Icono emergente. Sí. El enlace mostrará un pequeño icono para indicar al usuario que se abre una ventana emergente al hacer clic sobre él.

Dimensiones. Establece en el primer campo de texto el largo de la ventana en píxeles, el alto en píxeles en el segundo. Por ejemplo, escribe 800 y 600 respectivamente.

Haz clic finalmente en el botón Insertar para añadir el enlace con efecto pop-up al artículo.

Guarda los cambios. Actualiza el Frontend de tu sitio y comprueba el comportamiento del enlace y el efecto pop-up del mismo.

 

Descarga nuestro tutorial en formato PDF - 190 kb - Descargar

Mostrar este artículo en su sitio web

Próximo >

Joomla - Componentes