Как узнать позиции модулей в шаблоне Joomla? Позиции joomla на сайте
Как узнать позиции модулей в шаблоне Joomla?
Опубликовано в Создание сайта на CMS Joomla
Рейтинг:
Как узнать и посмотреть позиции модулей в шаблоне Joomla вам поможет следующая инструкция. Для того, чтобы просмотр позиций в шаблоне Joomla стал возможен, необходимо включить эту функцию, все делается просто и это действие требуется лишь на Joomla третьей версии, на более ранних 1.5 и 2.5 делать эту операцию не нужно.
Для просмотра позиций модулей в шаблоне Joomla используется приставка "/?tp=1". Ее нужно добавить в адресной строке, чтобы полный вид URL был таким: http://вашсайт.com/?tp=1
Но, в Joomla 3 в целях улучшения безопасности, по-умолчанию функция просмотра позиций отключена, чтобы включить ее идем в админку:
Расширения > Менеджер шаблонов > Настройки (справа под логотипом CMS Joomla). Перед вами откроется такая страница:
Здесь нужно переключить просмотр позиций модулей в режим "Включено". После этого, на вашем сайте стал возможен просмотр позиций путем добавления "/tp=1"
Все шаблоны индивидуальны и знать расположение модулей крайне важно для более четкого распределения рабочего пространства веб-сайта. Так, например, модульные позиции в шаблоне Joomla выглядят таким образом:
joomlatpl.ru
Как создать свою позицию для шаблона Joomla
Недоступен ни один перевод.
Доброго времени суток, друзья. В сегодняшней статьей я расскажу о том, как создать свою позицию в шаблоне для модуля Joomla. Тема не сложная, зато будет полезна всем тем, кто использует готовый шаблон Joomla, но текущее количество и/или расположение модулей в нем не устраивает.
Итак, что нам нужно:
- Открыть сайт в браузере и определить место в текущем шаблоне сайта, куда мы хотим добавлять модули.
- Определить с помощью специальных инструментов разработчика - "ближайшее окружение" нашей будущей позиции, т.е. какие-нибудь элементы HTML-разметки, которые расположены близко к месту предполагаемого добавления новой позиции. Это поможет нам найти нужное место в коде шаблона, куда добавить код для новой позиции.
- Изменить индексный файл шаблона - обычно это файл index.php в корневом каталоге шаблона
- Изменить специальный файл с названием templateDetails.xml, который содержит описание всех доступных позиций в шаблоне Joomla
Итак, поехали. Открываем сайт в браузере и определяем визуально позицию, куда бы мы хотели добавить новый модуль. В моем примере, я хочу, чтобы в определенном месте сайта - вверху по центру - появился рекламный блок. Да простят меня мои читатели ;)
Отлично, мы определили визуально расположение будущей позиции в шаблоне, где бы хотели видеть модули. Но этого мало - нам нужно понять, куда добавлять код для вставки позиции Joomla.
Устанавливаем плагин WebDeveloper в Chrome и определяем место в шаблоне, куда добавлять код позиции Joomla
Для решения этой задачи нам могут помочь специальные средства разработчика - плагины для популярных браузеров, предоставляющие различную информацию о странице сайта: структура дерева DOM, подключенные к сайту ресурсы, код JS-скриптов, и главное то, что нам понадобится - название элементов страницы, их классы и типы тегов. Лично я использую для цели исследования страницы браузер Chrome и установленный в него плагин WebDeveloper. Плагин содержит массу полезнейших функций. Его можно скачать и установить как любое другое расширение для Chrome в магазине расширений Chrome. После установки значок WebDeveloper появится в верхней панели справа от адресной строки в виде "шестеренки":
Нажимаем на значок и выбираем пункт "Display element information". Это позволит наводить курсор на элементы и области сайта и получать служебную информацию о коде, который их рисует. После этого действия курсор превращается в крестик и подсвечивает в виде красного прямоугольника каждую область страницы. Нас интересует центральная область сайта, наводим на неё и щелкаем левой кнопкой мыши. Тут же всплывает окно, в котором появится информация о данной области - на рисунке слева вверху:
Итак, по информации, полученной от WebDeveloper, мы узнали, что интересующая нас центральная область - это div#main_content. Это означет, что в коде нашего шаблона мы должны найти DIV-элемент с атрибутом. Теперь дело за малым - найти этот блок и добавить нашу новую позицию в шаблон
Добавляем позицию в шаблон
После того, как мы поняли название интересующего HTML-элемента, нам будет довольно просто найти его во всей куче тегов в коде страницы шаблона. Что мы делаем дальше - это идем в тот каталог, куда установлен наш текущий шаблон Joomla. Кто не знает - это <каталог_установки_Joomla>/templates/<название_текущего_шаблона>. Открываем файл с названием index.php в редакторе или обычном Блокноте Windows.
Другой способ - для тех, кто работает с сайтом через хостинг и нет доступа к файловой системе - это зайти в панель администрирования сайта, выбрать пункт меню "Расширения" -> "Менеджер шаблонов". Далее выбрать текущий шаблон и в свойствах шаблона нажать кнопку "Редактировать HTML":
В любом из случаев откроется на редактирование индексный файл шаблона index.php. После этого мы находим тот самый DIV-блок, на который нам указал плагин WebDeveloper. У меня в коде заветный DIV-блок, перед которым я хочу вставить новую позицию шаблона, выглядит так:
Теперь добавляем перед блоком конструкцию следующего вида:
<div><jdoc:include type="modules" name="<желаемое_название_позиции_шаблона>" /></div>
В моем варианте я назвал новую позицию comp0 и вставил вот этот кусок:
<div><jdoc:include type="modules" name="comp0" /></div>
как показано на рисунке:
Вот и всё, позиция добавлена в шаблон, теперь осталось "рассказать" о ней Joomla. Для этого нужно добавить информацию о новой позиции в специальный файл templateDetails.xml. Он находится также в корневом каталоге шаблона. Нужно открыть его на редактирование (тут уже нужен будет доступ к файловой системе - если работаете через хостинг, то придется скачать файл по FTP, отредактировать и снова закачать на сервер). В файле находим элемент <positions> и внутрь него добавляем нашу новую позицию:
На этом всё! Теперь можем смело заходить в панель администрирования Joomla, выбирать любой модуль и устанавливать для него нашу, созданную своими руками, позицию! :)
А вот так теперь выглядит сайт с новой позицией и установленным в неё рекламным модулем:
На этом всё. Надеюсь, что данный урок поможет создать хорошие позиции для Ваших модулей в шаблонах Joomla. Успехов!
allineed.ru
Как узнать позиции модулей в шаблоне Joomla?
Опубликовано в Создание сайта на CMS Joomla
Рейтинг:Как узнать и посмотреть позиции модулей в шаблоне Joomla вам поможет следующая инструкция. Для того, чтобы просмотр позиций в шаблоне Joomla стал возможен, необходимо включить эту функцию, все делается просто и это действие требуется лишь на Joomla третьей версии, на более ранних 1.5 и 2.5 делать эту операцию не нужно.
Для просмотра позиций модулей в шаблоне Joomla используется приставка "/?tp=1". Ее нужно добавить в адресной строке, чтобы полный вид URL был таким: http://вашсайт.com/?tp=1
Но, в Joomla 3 в целях улучшения безопасности, по-умолчанию функция просмотра позиций отключена, чтобы включить ее идем в админку:
Расширения > Менеджер шаблонов > Настройки (справа под логотипом CMS Joomla). Перед вами откроется такая страница:
Здесь нужно переключить просмотр позиций модулей в режим "Включено". После этого, на вашем сайте стал возможен просмотр позиций путем добавления "/tp=1"
Все шаблоны индивидуальны и знать расположение модулей крайне важно для более четкого распределения рабочего пространства веб-сайта. Так, например, модульные позиции в шаблоне Joomla выглядят таким образом:
joomlatpl.ru
Позиции модулей в Joomla 3 - Разное - Уроки Joomla!
Разное 27 июля 2013В Joomla, при работе с модулями всегда встаёт вопрос в позиционировании. Позиция определяет точное расположение модуля на сайте. Кроме этого, от места расположения будет зависеть и оформление модуля.
В Joomla позиции модулей определяются шаблоном. Разработчики любых шаблонов всегда определяют эти позиции.
1. Все доступные позиции для модуля отображаются в пункте "Позиция", при его создании.
Из списка нужно выбирать позиции только вашего шаблона. Стандартный: Protostar.
Но как понять, какая позиция вам подойдет? Для этого нужно обратиться к самому шаблону.
2. Все шаблоны расположены в "Менеджере шаблонов".
3. На странице расположен весь список доступных шаблонов. Слева от названия отображается иконка позиций шаблона. Изначально данная возможность отключена. Чтобы её включить необходимо войти в настройки.
4. В настройках достаточно нажать одну кнопку: "Включено".
5. Теперь, чтобы просмотреть доступные позиции - нужно нажать на иконку текущего шаблона.
6. На новой странице откроется сайт со всем содержимым. Позиции модулей будут отображены в серых блоках. В блоках будут подписаны названия позиций. Названия позиций и есть те данные, которые нужно учитывать при создании нового модуля.
Чаще всего названия подписаны понятными словами (left,right), но иногда используются и служебные имена (position-1,2). Служебные имена запомнить сложнее, но всегда можно обратиться к странице и уточнить позиции.
Читайте также:
Порядок модулей в Joomla 3 Управление 28 июля 2013В Joomla при работе с модулями, очень часто приходится изменять существующий порядок размещения. Эта задача встаёт именно тогда, когда несколько модулей расположены в одном месте.
5. Вывод контента и модулей в шаблоне Создание шаблона 19 апреля 2014Основной задачей, при создании шаблона для Joomla, является вывод динамического контента. Т.е. сделать так, чтобы работая в административной части, можно было видеть результат на страницах собственного шаблона. Попросту говоря - адаптировать шаблон для Joomla.
joomla-create.ru
Позиции модулей в шаблонах Joomla-
22 Октября 2011
Зачастую изучая описания шаблонов, многие начинающие сайтостроители не совсем понимают, для чего предназначены те или иные функции. Например, на почту сайта JoomLuck.com нередко приходят вопросы о том, что такое позиции модулей в шаблоне Joomla, и как вообще с ними работать. Вследствие этого было принято решение написать подробную статью по данной теме, чтобы все кому это необходимо, могли узнать, что собой представляет макет шаблона Joomla и как позиции модулей используются.
Смотрите также:
Любой шаблон Joomla основывается на макете, который в свою очередь состоит из так называемых модульных позиций. Но для того чтобы лучше понимать принцип структуры шаблона, необходимо в первую очередь выяснить, что же такое модуль.
Для кого-то все это элементарно, но, как правило, для начинающих сайтостроителей словосочетание «модульные позиции» абсолютно непонятно. Безусловно, если разработка, создание и продвижение сайтов выполняется профессионалами, то все это вам знать не обязательно, поскольку специализированные студии возлагают на себя все технические моменты. Но если вы решили самостоятельно научиться делать сайты, то знать азы работы с CMS Joomla! просто необходимо.
Итак, модуль – это своеобразный контейнер, с помощью которого на страницу сайта выводится самая разнообразная информация. Модуль может содержать в себе текст, меню, изображение, видео и т.д. Каждый контейнер-модуль размещается в определенном месте страницы, то есть на модульной позиции. В одном шаблоне Joomla их может быть десять, а в другом все восемьдесят. Например, в интернет-магазине один модуль выводит каталог товаров, другой - отдельный товар или определённый вид товаров, т.е. это может быть конкретная батарея для фотоаппарата canon или все аккумуляторы для Фото-Видеокамер, третий - советы по подбору и т.д. Что бы разобрать более детально, рассмотрим позиции модулей на примере данного сайта.
В каждом шаблоне существует центральный блок контента. Текст этой статьи как раз в нем и расположен. То есть в центральный блок контента выводятся статьи, которые создаются через стандартную форму добавления материала в Joomla! Все что находится вне этого блока, располагается на модульных позициях. То есть все блоки меню, приветственный текст, анонсы статей, баннер, «Новое на сайте», «Популярное» - это все модули, расположенные на модульных позициях.
Как уже говорилось выше, разработчики шаблонов оснащают свои творения различным количеством позиций для расположения модулей. Как правило, к каждому описанию шаблона прикладывается схема расположения модульных позиций, но даже если ее нет, то узнать где в том или ином шаблоне располагаются модульные позиции можно очень простым путем. Для этого достаточно к адресу Demo любого шаблона приписать значение ?tp=1 Например, Demo шаблона YOO Flux можно увидеть по адресу: http://www.yootheme.com/demo/themes/joomla/2009/flux/ Дописываем к этому адресу указанное значение http://www.yootheme.com/demo/themes/joomla/2009/flux/?tp=1 и видим модульные позиции в этом шаблоне. Точно такие же манипуляции можно проводить с любым шаблоном для Joomla!
Еще один маленький нюанс. На некоторых модульных позициях можно разместить не один, а несколько модулей. Опять же возьмем за пример сайт JoomLuck.com Модули «Шаблоны Joomla», «Новое на сайте» и «Популярное» расположены на модульной позиции «left», а модули «CMS Joomla» и «Статьи» соответственно на позиции «right».
Точно также и на большинстве других модульных позициях, которые находятся ниже хедера (шапки сайта) или основного горизонтального меню, можно располагать несколько модулей.
Вот в принципе и все, что нужно знать про позиции модулей в шаблоне Joomla! Ну а как выполняются настройки самого модуля, и как расположить модуль на нужной позиции, мы рассмотрим в другой подробной статье.
joomluck.com
Новая позиция для модуля в Joomla 2.5 и Joomla 3
Захотел как-то раз русский тракторист поставить себе баннер в шапку сайта. Модуль для баннера все могут ставить. А вот позиции для модуля "в шапке", в шаблоне не было. Как быть?
Забегая вперед скажу, что так же я решил и вопрос с расположением липкого баннера в самом верху сайта.
Новая позиция для модуля
Идем в файл index.php, лежащий в папке работающего шаблона.
И после строки с body, пишем
|
Имя стиля и имя позиции могут быть любыми, латинскими буквами и понятными для вас.
Теперь открываем файл (там же в папке шаблона) templateDetails.xml.
И в столбике где указаны имена позиций, добавляем строку с придуманной нами позицией.
<position>
<position> Имя позиции </position>
Обычным образом ставим модуль, например с баннером (размер смотрим, чтобы помещался в шапке или там, куда вы ставите новую позицию для модуля).
И в "позиция модуля" ставим наше "Имя позиции".
Баннер появится в шапке, но будет стоять криво. Нужно уточнить позицию модуля в шаблоне.
Открываем файл template.css в папке css в шаблоне. И вписываем в самом конце следующий код.
|
.Имя стиля { display: block; position: absolute; top: 100px; left: 55%; margin-left: -10px; } |
И изменяя цифры, можно двигать модуль на нужное место в шаблоне сайта. Вместо цифр с процентами можно писать размер в px.
Новая позиция модуля в Joomla 2.5 появилась. Можно ставить сколько угодно новых позиций и все они будут работать с шаблоном.
Расположить липкий баннер вверху сайта
Конкретная задача: поставить баннер сверху всего сайта (над меню), чтобы он был приклеен и не сдвигался вверх.
Решение
Делаем все так же, как и в примере вверху. Я поставил позицию и стиль "banner0".
В template.css пишу следующий стиль.
.banner0{position: relative;z-index: 999;}
Теперь этот баннер всегда будет самым верхним слоем.
Прописываю в свойствах модуля баннера (а я использую модуль, который идет в комплекте с плагином ADS Elite, для установки на сайте рекламы Google AdSense) и сразу ставлю расположение его по центру страницы) sticky и баннер становится липким (помните, как поставить себе липкий модуль Joomla на сайт?)
Возникает проблема
Если у вас, как у меня на одном проекте, стоит 2 липких модуля (один в сайдбаре, а другой, как учимся на этом примере, в шапке сайта), то верхний будет наползать на боковой, когда страница будет большая.
Лечение
1. Простое. Располагать верхний баннер, например слева. И делать его такой длины, чтобы он не перекрывал сайдбар, который справа.
2. Хитрое. Сделать над липким сайдбаром пустое место (поставить там липкий модуль html с пробелами, либо с картинкой цвета фона сайта), высотой в толщину верхнего баннера.Тогда верхний баннер будет скользить прямо до сайдбара,,и потом они продолжат свое движение прилипнув друг к другу, а не перекрывая.
мегахитрость
Можно ставить не пустой модуль, а, например баннер. или меню, или ссылки. Главное, чтобы по ширине они не высовывались из под надвинувшегося сверху баннера.
А вот так можно вставить модуль в статью и начать зарабатывать на тизерной рекламе.
- < Конфликт при изменении прав пользователя
- Название сайта в шапке Joomla 2,5 >
rtr24.ru
| Статьи в разделе |
Чтобы узнать расположение блоков или модулей в шаблоне джумлы, нет необходимости искать инструкцию к шаблону. Ведь одна инструкция будет твердить одно, другая – другое. Но необходимо ведь разобраться, как узнать позицию в шаблоне joomla под модуль. Эта статья, посвящена этой теме.| Следующая > |
vasava.ru
