Joomla | Crear un formulario en la web

Cuando queremos incluir un formulario en una web diseñada con Joomla!, localizar el complemento ideal puede ser algo complicado. Se puede utilizar el integrado del sistema, pero no siempre cumple nuestras expectativas.

El complemento Fox Contact Form es perfecto, lo incluye todo, al menos, en mi opinión. Se integra bien con la plantilla, permite enviar un correo de confirmación al remitente, permite configurar los campos como obligatorios/opcionales y dispone de todos los tipos de campo que puedas necesitar, campos de texto de una línea, de lista, texto largo (ideales para campos de observaciones), e incluso dispone de campos para subir archivos, muy útil cuando el usuario necesita enviar algún tipo de documento vía web, como en el caso de una actividad de formación. El complemento está disponible en la web joomla extensions.

De momento lo he probado en la versión Joomla! 2.5 y funciona perfectamente. Si alguien lo prueba en la versión Joomla 3.0, puede poner un comentario aquí mismo.

Fox Contact Form

Joomla 3.0 | Cambiar el idioma por defecto

Joomla · Ejercicio, permitir iframe con TinyMCE

Componentes basados en código "iframe" son muy comunes hoy en día en las páginas web, sobre todo para incluir formularios. Es una de las opciones más cómodas y rápidas de incluir elementos creados por terceros, que se integran fácilmente en nuestras páginas web.

Si quieres añadir código "iframe" en un artículo con Joomla, puedes encontrarte la desagradable sorpresa que al pegarlo y guardarlo, el código desaparezca. Al principio, puede darnos más de un dolor de cabeza, sobre todo, si tenemos algo de prisa por publicar el componente.

La solución es sencilla, el editor TinyMCE está configurado por defecto para eliminar cierto tipo de código HTML en los artículos. Por razones de seguridad, no permite incluir etiquetas "iframe" "script" o "applet". Para eliminar este filtrado en nuestros artículos, debe cambiarse la configuración del editor. Selecciona la opción "Extensions/Plug-in Manager":

El editor TinyMCE se configura desde la lista de plug-ins.

Busca el plug-in "TinyMCE" y haz clic en su icono para cambiar la configuración. En la columna derecha, dentro de las opciones básicas, al final aparece un caja de texto con el título "Prohibited Elements". Elimina de esa lista el código "iframe" y guarda los cambios.

Opciones básicas de configuración del editor TinyMCE.

Ahora ya se puede volver a editar el artículo en modo HTML y pegar el componente que incluye etiquetas "iframe".

Joomla · Ejercicio, el código HTML se borra al guardar

Joomla se puede configurar para que al escribir un artículo, el código se filtre o se elimine. Es una opción muy interesante para usuarios que sólo tienen permisos para escribir contenido. Al limitar el código que puede añadirse en los artículos, se garantiza un mayor control sobre la seguridad. Cuando el filtro está activado, si se escribe código HTML y se guarda, éste desaparece.

Como ejercicio práctico, puedes insertar una imagen en un artículo, usando el editor TinyMCE. Cuando lo guardes, comprobarás que la imagen desaparece porque el código HTML asociado a ella ha sido eliminado. Este filtro se configura desde la opción "Site/Global configuration":

Opción "Site/Global configuration". Elige la pestaña "Text Filters".

Selecciona la pestaña "Text Filters" y podrás ver las opciones asignadas a cada grupo  de usuarios del sistema:

Observa el filtro activado para el super usuario.

Para el caso del usuario administrador, se aplicará el filtro que aparezca en la última fila "Super Users". Puede verse que está seleccionado "No HTML". Ésto significa que en los artículos no se admitirá código HTML. Al guardar el artículo, el filtro eliminará cualquier código y mantendrá sólo texto.

Como ejercicio, activa esta opción, guarda los cambios y trata de insertar una imagen en alguno de los artículos, guárdalo y comprueba que Joomla elimina esta imagen (borrando el código). Vuelve a las opciones, elimina el filtro y vuelve a insertar una imagen. Guarda el articulo y comprueba como esta vez, Joomla no eliminará el código y la imagen se ve perfectamente en el artículo que se ha editado.

Joomla · Ejercicio, escribir código HTML con TinyMCE

Estoy utilizando la versión 2.5.7 Stable. He comenzado a crear un artículo sencillo, añadiendo una imagen. No he instalado ningún editor, uso el que viene por defecto, TinyMCE 3.5.4.1. El primer ejercicio ha sido añadir una imagen al artículo, esta operación es muy sencilla, sólo hay que seleccionar la imagen o subirla, si no está en el repositorio y pulsar "Insertar". El resultado puede verse en la figura:

Aquí se puede ver como queda la página que va a ver el usuario.

Al insertar una imagen, Joomla escribe automáticamente el código HTML necesario. Nosotros sólo vemos la apariencia final. Si queremos ver el código de la página, sólo hay que pulsar el botón "Toggle editor". En la siguiente imagen puede verse el código asociado del artículo de arriba:

Aquí trabajamos con el editor en modo código.

En la primera línea se abre un párrafo y se inserta el texto "Pruebas". En la segunda se escribe el código necesario para mostrar una imagen. Justo debajo hay dos líneas más que insertan dos párrafos.

Como ejercicio, añade la etiqueta necesaria para dibujar una línea horizontal "hr" y observa lo que ocurre cuando vuelves al modo de edición normal. Añade también algún texto al final resaltándolo en negrita con la etiqueta "strong". Acuérdate de cerrar la etiqueta después del texto..

En este ejercicio hemos modificado el contenido de un artículo en Joomla, usando el editor TinyMCE, en modo normal y en vista de código, muy útil para escribir directamente código HTML.

Joomla · Añadir un formulario de contacto gratis

Cuando se necesita incluir un formulario de contacto en un sitio web con Joomla! una buena opción y gratuita es usar el componente ALFContact. Su uso es muy sencillo, sólo hay que instalar el paquete .zip que de la zona de descargas de la web oficial. Una vez instalado, se accede al menú Componentes/ALFContac y se añaden las personas de contacto a las que se les puede enviar la información del formulario.

Añadir las direcciones de email a las que se puede enviar los datos del formulario. 

Si hay varios departamentos, se pueden crear varias direcciones, cada una asociada a uno de ellos, por ejemplo, ventas, marketing, innovación, cada una, con un correo diferente. El componente está traducido a 14 idiomas (entre ellos el español). En la siguiente imagen puede verse un ejemplo del componente funcionando en una página donde se deseaba incluir un formulario de inscripción:

Aspecto del componente funcionando. Formulario de inscripción en una web. 

• Hoy [julio 2012], disponible para las versiones de Joomla! 1.5, 1.7 y 2.5.

Los mejores libros sobre Joomla!

Joomla · "Cree sitios Web potentes y eficaces"
ANAYA O´REILLY · ISBN 978-84-415-2749-2
-------

Mi nivel de usuario de Joomla es medio, con la lectura de este libro estoy intentando entender bien las plantillas, para ser capaz de crearlas desde cero y poder modificar algunas que ya están creadas, creo que es fundamental para controlar bien la publicación con Joomla. Aunque todo están muy bien explicado, quizá se echa de menos profundizar en algún detalle (como por ejemplo como configurar completamente el acceso por FTP). A mi entender es un libro de referencia, además está publicado en 2010 y en este tipo de materias, un par de años basta para hacer obsoleto un libro. Recomiendo echar un vistazo a la edición original del libro (en inglés).

Especialmente en este libro me parecen muy interesantes los capítulos 4 (configuración global), el 18 (soluciones recomendadas, donde se describen las que pueden resultar más útiles para ampliar la funcionalidad, gratuitas y de pago), el 11 (plantillas, donde describe como preparar una, entender el código, etc), el 17 (que amplía un poco este tema). Por último me ha parecido buena idea el capítulo 19 en el que habla de posicionamiento de las webs creadas con Joomla !(SEO). El resto de los capítulos también pueden ayudar a comprender el funcionamiento para los iniciados.

Si encuentras alguna lectura, documento o manual que pueda ser interesante compartir, envíame un correo o deja un comentario aquí, nos ayudará a todos.

Libro de Joomla!

Estaba navegando por Safari y he encontrado un estupendo libro de Joomla! en el que se incluye un capitulo para crear una plantilla desde cero. Os dejo en enlace:
www.joomlabook.com

Editar plantillas de Joomla! con Firefox

http://conticreative.wordpress.com/2006/11/04/how-to-edit-a-joomla-template-with-firefox/

Cuando cambio la plantilla, no se actualiza..

Es algo que sucede cuando tengo activada la caché de Joomla! y trabajo en local. Al estar almacenada la imagen anterior, aunque cambie elementos en la plantilla o inserte módulos, los cambios no aparecen. Para evitarlo desactivamos la memoria caché de Joomla! y también su plugin.

Incluir JEvents en Joomla!

Ejercicio propuesto

Entra en esta dirección: http://www.gnumla.com/ y elige 1 de los componentes recomendados e instálatelo en tu web de Joomla!

Instala el componente EventList de Joomla! Extensions y configúralo para mostrar los eventos del próximo mes y en castellano.

Ejercicio de Joomla

Se propone como ejercicio realizar la composición de la siguiente web:
http://www.sunstone.com/

Incluyendo el componente de imágenes en movimiento de la portada.

Hacer visible un menú en Joomla!

Recuerda que los menús se muestran en pantalla gracias a un módulo. Por lo tanto si queremos que este menú no sea visible, tenemos que cambiar las propiedades del módulo que lo gestiona. Para ello debes ir al Gestor de módulos, localizar el módulo correspondiente al menú y cambiar la marca en la casilla 'Habilitado'. Si aparece una equis roja, el módulo está desactivado y el menú no será visible, si esta marca es verde, el módulo está activo y el módulo podrá verse en pantalla.

Crear un menú nuevo en Joomla!

En este video podrás ver como se crea un nuevo menú en Joomla! Básicamente son dos pasos:

- Primero crear un menú desde el Gestor de menús.
- Segundo: crear un módulo desde el Gestor de módulos.
- Tercero: relacionar este módulo con el menú creado.

Recuerda: Para que un menú sean visible, debes crear un módulo que es el encargado de colocarlo en la plantilla y hacerlo visible.