J3.x

Convertir le template d'une version précédente de Joomla!

From Joomla! Documentation

This page is a translated version of the page J3.x:Converting A Previous Joomla! Version Template and the translation is 100% complete.
Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français • ‎български • ‎русский


If you any tips for users based on your experience please feel free to edit this page and add them to the list

Convertir votre template afin qu'il fonctionne sous Joomla! 3 implique un certain nombre d'étapes. Joomla! 3 utilisant le framework Twitter Bootstrap, nombre de classes et noms d'ID ont changés. Pour profiter pleinement de Bootstrap, vous devrez inclure certains fichiers.

Cela ne vous donnera pas les résultats que vous pourriez obtenir avec une intégration complète de JUI dans un template, mais cela fera le travail et donnera du temps pour la transition ou pour changer complètement de direction si vous préférez ne pas l'incorporer du tout.

Dans certains cas où vous auriez fortement modifié un rendu ou eu recours aux fonctionnalités MooTools, vous souhaiterez utiliser des substitutions avec des rendus 2.5 comme étape temporaire.

HTML

Noms des classes

Joomla! 2.5 Joomla! 3.x notes
menu nav
pagnav pager
actions dropdown-menu Vous obtiendrez du texte, mais pas d’icônes


Index.php

Ajoutez ce code avant l'insertion de l'en-tête afin de charger Bootstrap.

JHtml:: ('bootstrap.framework');
JHtml:: ('bootstrap.loadCss', true, $this->direction); ?>

Vues éditeur

Les vues éditeur en frontend utilisent des onglets pour séparer les zones de modification et les options. Si vous ne souhaitez pas les utiliser, vous devrez créer une substitution qui n'inclut pas ce bloc :

<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>