Características Joomla 3.7

Descubre las novedades de Joomla 3.7

21 marzo, 2017 0 comentarios

Joomla es uno de los CMS para la creación de sitios webs con más aceptación en Internet. Permite el desarrollo de páginas webs de forma rápida e intuitiva. Como muestra de que está en continua evolución, en breve estará disponible la versión 3.7 donde hay un conjunto de mejoras a tener en cuenta.

En esta nota os comentamos algunas de las mejoras que más nos han llamado la atención. Revisaremos el empleo de campos personalizados, la sencillez a la hora de poder eliminar los ids de las URL’s y la posibilidad de modificar la etiqueta title de un artículo.

Hemos estado probando la versión beta de Joomla 3.7 y estas son algunas de las nuevas características:

Plantilla isis con flat design

El equipo de desarrollo ha cuidado hasta el más mínimo detalle no sólo en el corazón de este CMS sino también en su apariencia. Ahora el administrador de Joomla tiene una estética actualizada, acorde a las tendencias actuales de diseño.

Los botones se caracterizan por estar claramente divididos en icono y texto. Carecen de bisel, son algo más grandes y los colores son planos y vivos.

En la siguiente imagen se muestra el Backend de Joomla 3.6.5 y la nueva versión Joomla 3.7

Botones Joomla 3.6.5 vs Joomla 3.7

Botones Joomla 3.6.5 vs Joomla 3.7

 

Campos personalizados – Custom fields

Esta mejora es, desde luego, un pequeño paso para Joomla pero un gran paso para la usabilidad. Ya no es necesario añadir extensiones CKK (K2, por ejemplo) para definir campos personalizados. Ahora es muy sencillo completar la información tanto en los artículos o categorías añadiendo los campos que se necesiten ¿Quieres saber cómo?

A continuación, explicamos cómo definir una nueva pestaña Detalles con los campos precio, color y disponibilidad que se mostrarán para los artículos de una determinada categoría, tal y como se muestra en la siguiente imagen:

Pestaña con campos personalizados

Pestaña con campos personalizados

Primero, se crea un grupo llamado Detalles accediendo a Content > Field Groups > New. El nombre del grupo define el nombre de la pestaña a la hora de crear/editar el artículo.

A la hora de dar de alta un campo (accediendo a Content > Field > New) se muestran 4 pestañas, nos centramos en las dos primeras:

  • General
  • Options

Dentro de la pestaña General se puede elegir el tipo de campo, el texto de la etiqueta, descripción, si es obligatorio, su valor por defecto o a qué categoría está asociado.

Crear campo personalizado - General

Crear campo personalizado – General

Se puede elegir entre diversos tipos:

  • Calendario
  • Textarea
  • Campo de texto
  • Lista de opciones
  • Checkboxes

Y al menos una decena más de tipos.

Para nuestro ejemplo, se han creado los campos personalizados:

  • Precio, de tipo Text
  • Color, de tipo Colour
  • Disponibilidad, de tipo Radio

Que sólo estén disponibles para los artículos de la categoría Productos.

En la pestaña Options se pude definir el placeholder, qué clase CSS se aplica, si se debe mostrar la etiqueta o si es de sólo lectura.

Crear campo personalizado - Options

Crear campo personalizado – Options

Si por ejemplo, se crea un artículo para la categoría Productos, se pueden rellenar los campos personalizados definidos.

Crear artículo con campso personalizados

Crear artículo con campso personalizados

En la parte pública, al acceder al artículo creado: Mi primer producto, se muestran los campos personalizados:

Ver campos personalizados - frontend

Ver campos personalizados – frontend

 

Valor de Use Global

En todo momento se sabe qué valor se tiene definido para el Use global.
En la siguiente imagen, se muestra la diferencia entre las pestaña Options para la creación de un artículo en la versión Joomla 3.6.5 frente a Joomla 3.7

Valor por defecto en Use Global

Valor por defecto en Use Global

 Etiqueta title para artículos

Una de las preguntas más frecuentes desde el punto de vista SEO para nuestros clientes ha sido hasta la fecha ¿Cómo cambiar el valor de la etiqueta title para los artículos?

Joomla ha escuchado las necesidades de sus usuarios y ha observado la usabilidad de otros CMS como WordPress. El resultado es más que satisfactorio.

Cuando un artículo no está asociado a un ítem de menú, se puede indicar qué información se mostrará en la barra de título del navegador. Ahora se puede definir de forma personalizada qué title se quiere para un artículo ¿Quieres saber cómo?

Para ello, se debe acceder a la pestaña Options del artículo y, al final de la relación de opciones, se muestra la opción Browser page title.

 

Browser page title

Browser page title

Mejoras en el workflow

Simplicidad y ahorro de tiempo. Ambas premisas han sido muy tenidas en cuenta a la hora de lanzar esta nueva release.

Se simplifican las tareas en el flujo de trabajo a la hora de crear los ítems de menú de un sitio web. Así, por ejemplo, cuando se desea dar de alta un ítem de menú, se puede construir directamente la categoría, artículo o contacto asociado a dicho ítem.

A continuación tenemos diversos ejemplos donde se observa el nuevo botón Create.

Crear una categoría

Crear una categoría

 

Crear un artículo

Crear un artículo

 

Crear un contacto

Crear un contacto

 

Crear un nuevo ítem de menú

Crear un nuevo ítem de menú

Como detalle a tener en cuenta, una vez que se selecciona un ítem de menú, para cambiarlo y seleccionar otro, se debe pulsar Clear.

Cambiar a otro artículo - Limpiar

Cambiar a otro artículo – Limpiar

Como ya hemos dicho, la nueva release cuida al máximo los detalles y dota de más versatilidad al CMS. Incluyendo el backend.
Hasta la fecha sólo se podían definir menús con sus ítems de menú para el front-end. En el Joomla 3.7 se puede definir menús también para la parte de gestión del sitio web.

Menú en el backend

Menú en el backend

Evidentemente, cuando se añade un ítem de menú para un menú del backend, las opciones disponibles son diferentes a las disponibles en el front-end. Por ejemplo, dentro del grupo Articles, se tiene la posibilidad de crear directamente un artículo.

Opciones de menú backend

Opciones de menú backend

Al igual que sucede al crear un menú para el front-end, se debe asociar a un módulo de menú y especificar en qué posición del backend se debe mostrar.

Gestor de asociaciones multi-idiomas

Vivimos en un mundo globalizado y es necesario que nuestros sitios webs reflejen esta realidad. Joomla se ha actualizado para simplicarnos la tarea de mostrar las bondades de nuestro negocio en varios idiomas.

Si tu sitio web es multi-idioma, el componente Multilingual Associations te ayuda a gestionar rápida y fácilmente todo el contenido.

Nuevo componente - Multilingual

Nuevo componente – Multilingual

Se debe tener activado el plugin Language Filter.

Activar plugin System – Language Filter

Activar plugin System – Language Filter

Para nuestro ejemplo, queremos que nuestro sitio web esté en español e inglés. Tal y como se observa, no hay asociación entre los ítems de menú en español e inglés:

Listado de ítems de menú

Listado de ítems de menú

Al acceder al primer ítem de menú, se debe indicar que se desea realizar la asociación con el idioma inglés, seleccionando como Target el idioma:

Indicar asociación en inglés

Indicar asociación en inglés

Posteriormente, en la columna derecha se tendrá la posibilidad de:

  1. Copiar el ítem de español a inglés.
  2. Seleccionar el ítem de menú en inglés, si previamente se construyó.
  3. Crear el ítem de menú en inglés directamente.

 

Gestionar asociaciones

Gestionar asociaciones

Especial mención para la primera opción planteada.
Tras pulsar Copy Reference to target, se copia el ítem, automáticamente cambia el idioma, queda despublicado y en el mismo menú que el origen. Lo normal es publicarlo e introducirlo en el menú correcto, además de cambiar su título. Tras estos cambios, se debe guardar el destino (Save Target) y guardar la asociación (Save Refererence).

Nuevo router, la gran opción

Sin duda, una de las mejoras que al equipo de Kadum Desarrollo Web más ha gustado de esta versión de Joomla.

¿Cómo quitar el id de las URLs de los artículos?

Por fin se tiene la posibilidad de gestionar esta opción.

Hasta el momento, las soluciones disponibles pasaban por añadir plugins que hicieran ese trabajo, con la consiguiente ralentización de nuestra web; O bien, por modificar manualmente un fichero.
En concreto, /components/com_content/router.php. Opción nada recomendable, ya que había que cambiar el código:

$params->get('sef_advanced_link', 0);

Por:

$params->get('sef_advanced_link', 1);

Y estar pendiente en cada actualización de Joomla.

No se tenía la posibilidad de definir cómodamente el valor del parámetro sef_advanced_link. Sin embargo, en esta versión de Joomla, sí se tiene la posibilidad de modificar el valor del parámetro sef_advanced. ¿Quieres saber cómo?

Accede al administrador de Joomla 3.7 y en concreto, a Content > Articles
Tras pulsar el botón Options, ve a la pestaña Integration

Tras cambiar la opción de URL Routing de Legacy a Modern, aparece la ansiada opción:
Remove IDs from URLs

Quitar IDs de las URLs

Quitar IDs de las URLs

Se puede indicar que se desean eliminar los IDs de las URLs. De esta forma, si la URL convencional de un artículo es:

www.mi-pagina-web.es/andalucia/1-cordoba

Pasaría a ser:
www.mi-pagina-web.es/andalucia/cordoba

Conclusiones

La presentación de la versión estable está pensada para finales de marzo, pero todo depende de la disponibilidad de los voluntarios y el apoyo de la comunidad. Si deseas saber más, sigue este enlace.

Desde Kadum desarrollo web, estaremos muy pendientes para saber cuándo se permite la actualización a la versión 3.7 estable, y no ya solo por cuestiones de seguridad, sino por toda la funcionalidad extra añadida.

Si te suscribes a nuestro Facebook te mantendremos informado de todas las novedades.

 

Volver al blog

Deja un comentario