Размещение визуального компонента

Чтобы разместить необходимый компонент на странице сайта, выполните следующие действия:

Ø Перейдите к редактированию страницы сайта, информация на которой будет выводиться с помощью визуального компонента ( > Страницу в редакторе ), или создайте новую страницу ( > Страницу ).

Ø На панели Компоненты 2.0 выберите раздел и подраздел, в котором расположен нужный визуальный компонент.

Ø Из списка выберите компонент и мышью перетащите его в нужную часть страницы.

Рис. 6.3 Размещение визуального компонента на странице

Настройка визуального компонента

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

На панели отображаются параметры компонента, значения которых могут быть изменены пользователем.

Рис. 6.4 Настройка параметров визуального компонента

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

Для каждого визуального компонента панель настройки будет содержать свой набор параметров.

После размещения и настройки компонента сохраните созданную/отредактированную страницу.

Использование на странице сайта произвольного PHP - кода

Если в коде страницы использован произвольный php-код, то при редактировании в визуальном редакторе он будет отображен в таком виде:

Рис. 6.5 Редактирование произвольного php-кода

Для создания произвольного php-кода на странице подходит режим редактирования исходного кода (кнопка ). Тогда в визуальном режиме php-код будет отображен иконкой " php". Выделив ее, можно будет редактировать код в панели Свойства (Рис. 6.5).

Важно! Если на странице будет использован только произвольный php-код, т.е. не визуальные компоненты, то лучше редактировать страницу как HTML:

Рис. 6.6 Изменить страницу как HTML

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

Сниппеты

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

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

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

Если панель Сниппетов не отображается, то

Ø Нажмите кнопку в нижней части редактора. Если же эта кнопка отсутствует, то

Ø Включите отображение панели Сниппетов в настройках редактора (кнопка в панели инструментов):

Рис. 6.7 Настройки редактора

Для создания нового сниппета служит ссылка на панели задач.

Рис. 6.8 Ссылка на добавление сниппета

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

Рис. 6.9 Форма добавления/редактирования сниппета

Существующий сниппет можно отредактировать или удалить, используя средства визуального редактора. Для этого:

Ø Кликните по иконке сниппета в панели задач.

Ø В панели Свойства отобразится код сниппета и изображение, если оно загружено для данного спиппета

Рис. 6.10 Код сниппета

Ø Для изменения сниппета нажмите кнопку Редактировать сниппет

Ø Для удаления сниппета нажмите

Глава 7. Включаемые области

Включаемая область - это специально выделенная область на странице сайта, которую можно редактировать отдельно от основного содержания страницы.

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

Включаемая область может быть создана:

· для страницы;

· для всего раздела;

· для всего сайта и выводит содержание какого-либо файла (например, информацию об авторских правах, название компании и т.д.).

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

Создание включаемой области

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

Рис. 7.1 Параметры компонента Вставка включаемой области

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

Для страницы и раздела определяется:

· Суффикс имени файла включаемой области определяет формат имени файла включаемой области, в котором будет храниться выводимая информация. По умолчанию поле содержит inc и в этом случае имя файла включаемой области для страницы имеет такой вид: [имя_страницы]_inc.php. Для раздела: sect_inc.php

· Опция Рекурсивное подключение включаемых областей разделов (только для разделов) означает если в папке более низкого уровня есть своя включаемая область, то она будет показана. Если текущий раздел не имеет своей включаемой области, то рекурсивно до корня сайта будут проверяться все разделы. Будет выведена первая встретившаяся включаемая область.

· В поле Шаблон области по умолчанию указывается шаблон страницы, который будет использован в данной включаемой области. Все шаблоны страниц располагаются в папке соответствующего шаблона в разделе /page_templates/.

Для примера вставим в шаблон сайта Web 2.0 информацию об авторских правах из файла. Информация хранится в файле /include_areas/copyright.php папки шаблона.

Ø Перейдите к списку шаблонов: Настройки > Сайты > Шаблоны сайтов

Ø Откройте на редактирование шаблон Сайт - по ссылке с ID шаблона, двойным кликом по записи или из меню действий - пункт Изменить.

Ø Перейдите к визуальному редактированию шаблона – опция Использовать визуальный редактор.

Важно! Если опция не отображается, то проверьте настройки Главного модуля. Должен быть отмечен флаг Использовать визуальный редактор для редактирования шаблонов сайта.

Ø Разместите компонент Вставка включаемой области из раздела Служебные > Включаемые области в нужном месте шаблона и настройте его:

Рис. 7.2 Размещение и настройка включаемой области

Ø В параметре Показывать включаемую область выберите вариант из файла.

Ø В параметре Путь к файлу задается полный путь от корня сайта к файлу с информацией, которую надо вывести в этой части шаблона. Укажем путь к файлу с авторскими правами: /bitrix/templates/web20/include_areas/copyright.php.

Ø Сохраните изменения в шаблоне.

Ø В публичной части видим результат:

Рис. 7.3 Включаемая область с авторскими правами

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

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

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

⇐ Предыдущая12345678Следующая ⇒

Поделиться: