Cómo tomar ventaja en los diseños alternativos para los artículos y módulos

Escrito por | 28 Febrero 2013 | Publicado en Marzo 2013
La técnica del "override" son una gran manera de personalizar nuestro sitio Joomla!. ¿Pero qué pasa si desea utilizar un diseño diferente en un artículo o módulo a través de su sitio? La arquitectura MVC de Joomla hace esto muy sencillo a través de la característica de "Diseños alternativos".

Si alguna vez has creado un override, te darás cuenta que el proceso de creación de diseños alternativos es casi idéntico. La única diferencia es que los diseños alternativos aparecerán como una opción junto con los diseños predeterminados, en lugar de reemplazarlos por completo. Los siguientes ejemplos están basados ​​en Joomla 2.5.x, y también debe trabajar para la serie 3.x Joomla.

Diseños alternativos para los artículos:

  1. Localice el diseño por defecto en: components/com_content/views/article/tmpl/default.php
  2. Copielo a la carpeta html de tu plantilla: templates/[tu_plantilla]/html/com_content/ (crear esta carpeta, si no existe ya)
  3. Cambie el nombre del archivo. Lo llamaremos myarticle.php

1

Puede editar cualquier cosa en este nuevo diseño. Por ejemplo, voy a cambiar los iconos de impresión y correo electrónico, que aparecen sobre el título del artículo, para ponerlos debajo del mismo. Y voy a cambiar el título del artículo a una etiqueta H1.

2

Para utilizar el nuevo diseño, basta con ir a las opciones de su artículo y selecciónelo en el menú Diseño Alternativo (Alternative Layout).

3

Si vamos al frontend ahora, podremos apreciar el cambio.

4

Diseños alternativos para Módulos:

Siga el mismo proceso para hacer diseños alternativos para los módulos. Voy a utilizar el módulo HTML personalizado para este ejemplo.

  1. Localice el diseño predeterminado en: modules/mod_custom/tmpl/default.php
  2. Copie este archivo a la carpeta html de tu plantilla: templates/[tu_plantilla]/html/mod_custom/
  3. Cambie el nombre del archivo. Lo llamaremos mymodule.php

5

Su nuevo diseño aparecerá en la configuración del módulo, en Opciones avanzadas > Diseño Alternativo.

6

Los diseños alternativos pueden ser creados para casi cualquier tipo de módulo. Para un ejemplo más completo, vea el artículo: How to Use Joomla's Alternative Layouts for Modules, donde se hace uso de esta técnica.

Sugerencia: Sólo crear diseños alternativos cuando sea absolutamente necesario, como editar etiquetas HTML o cambiar la posición de los elementos. Para cosas como edición de estilos y colores, es una buena práctica hacer esos cambios en los archivos CSS, en lugar de hacerlo en el interior de los diseños. Tenga en cuenta que también puede utilizar los sufijos de la clase del módulo y clases de las páginas para acceder a los estilos CSS.

Espero que esta demostración le halla mostrado cuán poderosa puede ser, la característica de los diseños alternativos. Prácticamente, cualquier parte del contenido de los diseños del core se pueden cambiar, para adaptarse a sus necesidades.

Y si eres un desarrollador de plantilla, entonces, considere incluir diseños alternativos en sus diseños. Esta es una característica importante que muy pocos proveedores de plantillas están aprovechando.

¿Ha utilizado diseños alternativos de una manera creativa? Háganos saber acerca de ello en los comentarios de abajo.

Artículo Original: Tutorial: Taking Advantage of Alternative Layouts for Articles and Modules por Scott Greenwald
Traductor: Carlos Rodríguez
Miembro del: Equipo de Marketing y Difusión de Joomla! en Español

Visto 4485 veces Etiquetado como Spanish, Desarrollador