J3.x

Конвертирование шаблона на новую версию Joomla!

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 • ‎русский
Quill icon.png
Content is Incomplete

This article or section is incomplete, which means it may be lacking information. You are welcome to assist in its completion by editing it as well. If this article or section has not been edited in several days, please consider helping complete the content.
This article was last edited by AlexSmirnov (talk| contribs) 2 years ago. (Purge)


Конвертирование Вашего шаблона для работы с версиями 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>
Advertisement