J3.x

Конвертирование шаблона на новую версию 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 • ‎español • ‎français • ‎Nederlands • ‎русский


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

Конвертирование Вашего шаблона для работы с версиями Joomla 3.х включает несколько шагов. Поскольку Joomla 3 использует фреймворк Twitter Bootstrap, то многие имена классов и ID [стилей CSS] изменились. Также, для того, чтобы воспользоваться преимуществом Bootstrap, Вы захотите включить [в свой шаблон] определенные файлы.

Это не приведет Вас к тому [же] результату, который Вы получаете, включая JUI [Joomla User Interface] в шаблон, но это подойдет как обходной путь и предоставит Вам некоторое время либо для перехода, либо для ухода в другое направление, если Вы предпочтете не включать Bootstrap.

В некоторых случаях, где Вы существенно стилизировали макет или положились на функционал [библиотеки JavaScript] MooTools, в качестве временного моста, Вы можете воспользоваться переопределением версии 2.5.

HTML

Названия классов

Joomla! 2.5 Joomla! 3.x notes
menu nav
pagnav pager
actions dropdown-menu Это предоставит Вам текст, но без иконок


Index.php

Добавьте этот код перед включением части [документа между тегами] head для включения Bootstrap.

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

Виды рекдактора

Для разделения блоков редактирования и опций, виды редактора лицевой части используют владки. Если Вы не желаете их использовать, то Вам будет нужно создавать переопределение, которое не включает следующий блок:

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