J3.x

Omzetten van een Joomla! template uit een eerdere versie

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

Het converteren van uw template om te werken met de Joomla 3 release bestaat uit een aantal stappen. Omdat Joomla 3 het Twitter Bootstrap framework gebruikt zijn veel classes en id namen veranderd. Om ook profijt uit Bootstrap te halen zult u bepaalde bestanden moeten insluiten.

Dit zal niet het resultaat geven dat u zou krijgen als u de volledige JUI zou integreren in een template, maar het werkt als een work-around en geeft tijd voor een overgang of het volledig gaan in een andere richting als u het niet wilt opnemen.

In sommige gevallen waarbij u een lay-out zwaar gestijld heeft of vertrouwd op MooTools functies, wilt u misschien gebruik maken van overrides van de 2.5 lay-outs als een tijdelijke overgang.

HTML

Class namen

Joomla! 2.5 Joomla! 3.x notes
menu nav
pagnav pager
actions dropdown-menu Dit zal tekst maar geen iconen geven


Index.php

Voeg deze code toe om Bootstrap te laden voor de head .

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

Editor views

De website editor views gebruiken tabs om bewerk-areas en opties te scheiden. Als u dit niet wilt gebruiken, dan moet u een override maken dat dit blok niet op neemt:

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