Conversión de una plantilla de una versión de Joomla! anterior
From Joomla! Documentation
If you any tips for users based on your experience please feel free to edit this page and add them to the list
Convertir su plantilla para que funcione con al versión 3 de Joomla conlleva una serie de pasos. Dado que Joomla 3 usa el framework Bootstrap de Twitter muchos nombres de clases e ids han cambiado. Asimismo, para poder beneficiarse del uso de Bootstrap tendrá que incluir ciertos archivos.
Esto no le dará los resultados que obtendría si incorporase la librería JUI completamente en una plantilla, pero funcionará como un "apaño" y le dará algo de tiempo de transición o para ir en otra dirección si prefiere no incorporar Bootstrap en absoluto.
En algunos casos en los que haya creado muchos estilos para una layout concreta o en los que se haya basado demasiado en características de MooTools puede querer usar "overrides" (modificaciones) con las layouts de la versión 2.5 a modo de "puente" temporal.
HTML
Nombres de clases
| Joomla! 2.5 | Joomla! 3.x | notes |
|---|---|---|
| menu | nav | |
| pagnav | pager | |
| actions | dropdown-menu | Esto le dará texto, pero no iconos |
Index.php
Añada este código antes de incluir la cabecera para cargar Bootstrap.
JHtml:: ('bootstrap.framework');
JHtml:: ('bootstrap.loadCss', true, $this->direction); ?>Vistas del editor
Las vistas del editor de la parte pública usan pestañas para separar las áreas de edición y las opciones. Si no quiere usarlas tendrá que hacer un override que no incluya este bloque:
<ul class="nav nav-tabs">
<li class="active"><a href="#editor" data-toggle="tab"><?php echo JText::_('JEDITOR') ?></a></li>
<?php if ($params->get('show_urls_images_frontend')) : ?>
<li><a href="#images" data-toggle="tab"><?php echo JText::_('COM_CONTENT_IMAGES_AND_URLS') ?></a></li>
<?php endif; ?>
<li><a href="#publishing" data-toggle="tab"><?php echo JText::_('COM_CONTENT_PUBLISHING') ?></a></li>
<li><a href="#language" data-toggle="tab"><?php echo JText::_('JFIELD_LANGUAGE_LABEL') ?></a></li>
<li><a href="#metadata" data-toggle="tab"><?php echo JText::_('COM_CONTENT_METADATA') ?></a></li>
</ul>