Категории

Расположение модулей в шаблоне joomla

12.Модульные позиции

Позиции модулей CMS Joomla 3: смотрим расположение модулей шаблона

В шаблоне Joomla, сделанном в Artisteer 2.4.  предусмотрено большое количество позиций для модулей.  Более наглядно можно рассмотреть позиции модулей в административной панели Joomla.

Совершаем следующие действия:

  1. В административной панели Joomla выбираем закладку «Расширения» > «Менеджер шаблонов» находим наш установленный шаблон и жмем на него.
  2. Далее нажимаем кнопку «Просмотр» и перед нами открывается окно предпросмотра сайта с указанием позиций модулей.
  3. Для более удобного изучения позиций можно нажать на ссылку справа «Открыть в новом окне».

Описываю все так подробно, по одной причине, что на форумах я видела тупые вопросы на тему, как найти позиции модулей в шаблоне.

Общая схема размещения модулей в шаблоне Joomla, сгенерированным Artisteer,  показана на схеме.

Мы видим, что в шаблоне находится три типа позиций модулей.

Оформление модуля зависит от того в какой он позиции . Сиреневые позиции имеют стиль art-block, голубые – art-article, а серые вообще не имеют стиля. Все стили заданы позициям по умолчанию, однако вы можете переопределить стиль модуля самостоятельно.

Выполняем следующие действия:

  1. В административной панели Joomla выбираем закладку «Расширения» > «Менеджер модулей».
  2. Выбираем модуль, который хотим отредактировать, жмем.
  3. Находим блок «Параметры модуля» >  «Суффикс класса модуля» и ставим нужный нам суффикс, который и определит стиль оформления модуля.
  4. Мы можем использовать три суффикса art-block, art-article, art-nostyle.

Можно создать свой стиль оформления модулей, но эта задача под силу только тем, кто соображает в CSS.

Большие возможности шаблона обеспечиваются довольно сложным и весомым  программным кодом с использованием  PHP, CSS и Java. Поэтому, если вы полный чайник, лучше в код не лазить — ничего хорошего  из этого не получится.

Внести существенные изменения в дизайн сайта, можно и не затрагивая программного кода шаблона.

Об этом в статье "Artisteer для продвинутых программистов".

Скачивайте программу Artisteer 2.4. и творите!

Перед тем как установить программу прочтите Инструкция по установке программы Artisteer 2.4.

Читайте также:

"Генератор шаблонов Artisteer. Сайт за 10 минут - это реально!"

«Установка и использование шаблонов для CMS Joomla».

Источник: http://likbez-net.ru/sozdanie-template/12--joomla-.html

Joomla 3.3. Позиции модулей в шаблоне сайта: просмотр

Как известно, в Joomla, для того, чтобы вывести модуль на страницы сайта, нужно указать его позицию. То-есть место на странице, где он будет отображаться. Чтобы не искать подходящее место методом тыка, удобнее будет включить предварительный просмотр позиций модулей шаблона.

Как включить отображение позиций модулей

Заходим в админку Jooomla. На верхней панели выбираем «Расширения» из выпадающего списка выбираем пункт «Менеджер шаблонов»

На открывшейся странице, вверху справа выбираем «Настройки»

Откроются настройки менеджера шаблонов. На вкладке «Шаблон» включаем просмотр позиций модулей.

Сохраняем изменения.

Как посмотреть позиции модулей в Joomla

Для того, чтобы просмотреть позиции модулей, откройте главную страницу своего сайта и в адресной строке добавте к ссылке окончание /?tp=1. Должно получится что-то типа my-site.com/?tp=1. После обновите страницу. У вас должен получится похожий результат.

Просмотреть позиции модулей также можно через менеджер шаблонов.

Для этого выбираем «Расширения» — «Менеджер шаблонов». В боковой колонке выбираем вкладку «Шаблоны». Откроется список установленных шаблонов.

Под названием всех шаблонов для сайта появится ссылка «Предварительный просмотр». Нажимаем на нее и открывается страница с отображенными позициями модулей.

 

Источник: https://geekkies.in.ua/joomla/kak-posmotret-pozicii-moduley-joomla.html

Модули в Joomla. Как узнать и поменять расположение модулей на сайте

Модуль - это один из основных элементов любого шаблона Joomla, предназначенный для отображения какой-либо информации на разных частях сайта. Определяет места для расположения модулей сам разработчик шаблона, предоставляя пользователю выбор во время публикации. Для опытных пользователей, добавить собственную позицию для модулей не составит никакого труда. Но для тех пользователей, которые только начинают знакомиться с Joomla, это может оказаться сложной задачей.

Добавление новой позиции для модулей

Предположим, вы скачали очень красивый шаблон для Joomla, с великолепным дизайном и широким функционалом. Вы установили его на свой сайт и решили дополнить дизайн собственным слайд-шоу, чтобы придать ему индивидуальности. И вдруг, обнаруживается, что там, где вы хотели бы расположить свой слайдер, отсутствует позиция для модулей. Эту проблему можно решить, но вам потребуется отредактировать несколько файлов шаблона.

Редактирование index.php

Прежде всего, вам необходимо найти файл index.php, принадлежащий тому шаблону, в котором нужно добавить отдельное место для слайд-шоу. Если вы используете FTP доступ к каталогу сайта, то сможете найти его по адресу: yoursite/templates/yourtemplate/index.php.

Также, можно найти этот файл непосредственно в административной панели Joomla, выбрав его на странице редактора, находящегося по адресу: Расширения -> Менеджер шаблонов -> Шаблоны –> Параметры вашего шаблона.

Допустим, вы хотите расположить свое слайд-шоу под меню навигации. Чтобы это сделать, нужно найти в index.php код, отвечающий за отображение меню, и добавить после него новую позицию. Код меню может выглядеть примерно так:

PHP код:

  1. <?phpif(->countModules('position-1')):?>

  2. <nav role="navigation">

  3. <div>

  4. <a data-toggle="collapse" data-target=".nav-collapse">

  5. <span></span>

  6. </a>

  7. </div>

  8. <div>

  9. <jdoc:include type="modules" name="position-1" style="none" />

  10. </div>

  11. </nav>

  12. <?phpendif;?>

Возможно, что в вашем случае, этот код будет выглядеть несколько иначе, но так вы хотя бы будете иметь общее представление о нем. Теперь, добавьте после него следующие строки:

PHP код:

  1. <?phpif(->countModules('slideshow')):?>

  2. <div id="slideshow">

  3. <jdoc:include type="modules" name="slideshow" style="none" />

  4. </div>

  5. <?phpendif;?>

Сохраните файл и перейдите на страницу предварительного просмотра, чтобы проверить, появилась ли новая позиция.

Обратите внимание, что по умолчанию, предварительный просмотр не отображает позиции для модулей, но эту функцию можно включить. Для этого, нужно перейти к менеджеру шаблонов Joomla и нажать на кнопку «Настройки».

Откроется страница, на которой нужно включить опцию «Просмотр позиций модулей».

Теперь, если код вставлен верно, то в предварительном просмотре будет показана соответствующая позиция.

Редактирование templateDetails.xml

И так, место для слайд-шоу готово, но расположить там ничего нельзя, поскольку оно не доступно из в административной панели Joomla. Чтобы решить эту проблему, нужно открыть файл templateDetails.xml, находящийся в той же директории, что и index.php.

В файле templateDetails.xml вам нужно найти блок кода со строчками <positions>…</positions> и добавить туда следующее:

XML код:

  1. <position>slideshow</position>

Теперь, когда вы будете публиковать любой модуль в панели администратора Joomla, вам будет доступна новая позиция «slideshow» для его размещения.

Добавление стилей

Еще одна вещь, которую вы можете сделать, добавить собственные стили для «slideshow». Найдите файл styles.css или template.css, находящийся по пути: yoursite/templates/yourtemplate/css/

Этот файл можно отредактировать также, как и предыдущие, по FPT или через панель управления сайтом. Добавьте туда свой CSS код и сохраните его. К примеру, этот код может выглядеть следующим образом:

CSS код:

  1. #slideshow{margin:0auto;padding:0;max-width:960px}

  2. #slideshow img {width:100%;display:block;}

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

Вывод

С помощью данной инструкции, можно с легкостью расположить любой модуль на нужном месте сайта, просто добавив соответствующий код в шаблон. Все, что вам потребуется, это немного терпения и внимания, чтобы избежать ненужных ошибок. Но в любом случае, перед внесением изменений желательно сделать резервные копии редактируемых файлов, тем самым обезопасив себя от непредвиденных результатов.


 

Опубликовано: 27-05-2016

Вы не зарегистрированы, чтобы отправлять комментарии.

Источник: http://www.JoomFox.org/blog/how-to-add-own-position-for-modules-in-joomla.html
Еще интересное порево