В рамках данного урока мы перенесём часть статического контента шаблона во включаемые области для того, чтобы его было проще редактировать.
Существует 3 вида включаемых областей:
- Для страницы (применяется для конкретной страницы)
- Для раздела (применяется для конкретного раздела и наследуется, если в дочернем разделе нет своего файла включаемой области)
- Из файла (содержимое берётся из конкретного файла и потому всегда статично)
В нашем шаблоне легко заметить несколько объектов, которые можно реализовать на включаемых областях последнего 3 типа, это: логотип, слоган, телефон и e-mail, а так же подпись\копирайт внизу сайта, а так же кнопки социальных сервисов:
В дальнейшем мы так же будем использовать другие виды включаемых областей (в основном для размещения в них компонентов и вывода динамического контента "по необходимости").
Все статические включаемые области мы будем хранить в одном месте - в шаблоне. Для этого создадим там папку /include/ и будем размещать файлы всех включаемых областей в ней.
Пример создания включаемой области (логотип)
В папке /include/ создадим файл logo.php содержимое которого и будет нашей включаемой область.
Перенесём внутрь файла из шаблона:
<img src="<?=SITE_TEMPLATE_PATH?>/img/logo.png" alt=""> |
В шаблоне же на это место поставим:
<?$APPLICATION->IncludeComponent(
"bitrix:main.include", "", Array( "AREA_FILE_SHOW" => "file", "PATH" => SITE_TEMPLATE_PATH."/include/logo.php", "EDIT_TEMPLATE" => "" ), false );?> |
Полный список включаемых областей, созданных в рамках данного урока:
- E-mail.php
- copyright.php
- logo.php
- phone.php
- slogan.php
- social-icons.php
Это простой и короткий урок.
Однако очень важно научиться грамотно использовать включаемые области. Никогда не используйте include функции PHP для подключения текстовых областей - для этого существуют включаемый области! Только при таком подходе редактор будет иметь возможность внести правку в контент прямо из публичного раздела:
Результаты работы данного урока вы можете скачать из репозитория