Как создать включаемую область в 1с битрикс
Цитатник веб-разработчиков В тексте курса вы встретите цитаты, высказанные в разное время разработчиками системы и разработчиками проектов на базе Bitrix Framework. Надеемся, что такие неформальные замечания внесут некоторое разнообразие в процесс изучения. Заодно опытные специалисты поделятся и своим опытом.
Имена авторов цитат даются в том написании, в каком авторы зарегистрировали себя на сайте "1С-Битрикс". .
Курс для разработчиков - продолжение линейки учебных курсов по Bitrix Framework. Получение сертификата по курсу рекомендуется после успешной сдачи тестов по всей линейке курсов, так как без понятия о работе Контент-менеджера и Администратора создание успешных сайтов будет затруднено.
Чтобы научиться программировать в Bitrix Framework, нет необходимости изучать всю линейку курсов. Но есть моменты, которые необходимо знать разработчикам о системе, они раскрыты в начальных курсах:
- Интерфейс программы - в главе Элементы управления курса Контент-менеджер.
- Компоненты 2.0 (начальные сведения) в главе Компоненты 2.0 (начальные сведения) курса Контент-менеджер.
- Информационные блоки - в главе Информационные блоки (начальные сведения) курса Контент-менеджер.
- Управление доступом к файлам, элементам контента, модулям и другие права доступа в главе Управление доступом курса Администратор. Базовый.
- Работа с инструментами системы - в главе Работа с инструментами курса Администратор. Базовый.
- Модуль Поиск - в главе Поиск курса Администратор. Базовый.
- Вся информация по администрированию модулей размещена в курсах:
-
- модули "1С-Битрикс: Управление сайтом" - модули "1С-Битрикс: Управление сайтом", связанные с коммерческой деятельностью в Интернете. - модули "1С-Битрикс: Корпоративный портал"
Как построен курс
Общепринятая градация квалификации разработчиков в рамках курса обозначает что:
- Junior сможет создавать простые сайты работая со штатными компонентами и модифицируя их шаблоны.
- Middle разработчик может работать с API Bitrix Framework.
- Senior умеет работать над производительностью и безопасностью сайтов, создавать свои модули и компоненты.
Примечание: Такое построение удобно для пошагового изучения принципов работы Bitrix Framework. По этому же принципу построены и тесты. Но такая структура не очень удобна для использования содержания курса как постоянного источника информации. Что бы переключить курс в режим Справочника, воспользуйтесь переключателем в верхнем правом углу шапки курса.
Начальные требования к подготовке
Для успешного изучения курса и овладения мастерством разработки сайтов на Bitrix Framework необходимо владеть (хотя бы на начальном уровне):
- основами PHP, баз данных;
- основами HTML, CSS.
У нас часто спрашивают, сколько нужно заплатить
Курс полностью бесплатен. Изучение курса, прохождение итоговых тестов и получение сертификатов - ничего из этого оплачивать не нужно.
Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.
Баллы опыта
В конце каждого урока есть кнопка Прочитано! . При клике на неё в Вашу итоговую таблицу опыта добавляется то количество баллов, которое указано в прочитанном После нажатия кнопки Прочитано! появится
окно подтверждения:
уроке.
Периодически мы заново оцениваем сложность уроков, увеличивая/уменьшая число баллов, поэтому итоговое количество набранных Вами баллов может отличаться от максимально возможного. Не переживайте! Отличный результат - это если общее число набранных Вами баллов отличается от максимального на 1-2%.
Тесты
После изучения курса вам будет предложено пройти тесты на сертификацию. При успешной сдаче последовательности тестов на странице Моё обучение можно просмотреть результат обучения и загрузить сертификат в формате PDF.
Комментарии к статьям
Что дальше?
Одновременно с изучением курса Разработчик Bitrix Framework вам придётся обращаться к информации о других технологиях Bitrix Framework. Эта информация размещена в следующих курсах:
Для преподавания офлайн
Если данный курс берётся в качестве основы для офлайнового преподавания, то рекомендуемая продолжительность: 5 дней (40 академических часов).
Если нет интернета
iPhone:
FBReader
CoolReader
iBook
Bookmate
Windows:
Calibre
FBReader
Icecream Ebook Reader
Плагины для браузеров:
EpuBReader – для Firefox
Readium – для Google Chrome
iOS
Marvin for iOS
ShortBook
обновляются периодически, поэтому возможно некоторое отставание их от онлайновой версии курса. Версия файла - от 10.03.2022.
Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.
Компонент располагается в шаблоне дизайна сайта и определяет место расположения включаемых областей страниц и разделов.
Описание main.include
Компонент может выводить содержимое произвольного файла (например, информацию об авторских правах, название компании и т.д.). Настройки компонента позволяют определить суффикс имени файла включаемой области, указать режим редактирования включаемой области по умолчанию, шаблон области по умолчанию. Компонент является стандартным и входит в дистрибутив модуля.
В визуальном редакторе компонент расположен по пути: Служебные > Включаемые области > Вставка включаемой области.
Компонент относится к Главному модулю.
Параметры
- sect: показывать для раздела, область будет являться включаемой для всего раздела;
- page: показывать для страницы, область будет являться включаемой только для текущей страницы;
- file: показывать информацию из файла. Если компонент расположить в шаблоне дизайна сайта, то информация из файла будет выводиться на всем сайте. Установка параметра доступна только пользователю с правами edit_php.
Пример вызова
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.
Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.
IncludeComponent("bitrix:main.include","",Array(
"AREA_FILE_SHOW" => "page",
"AREA_FILE_SUFFIX" => "example",
"EDIT_TEMPLATE" => ""
)
);?>
Это означает, что для определенной страницы "page" будет показан файл с названием "index_example.php" (index в названии файла обязателен, т.к. компонент не будет находить файл )
В данном видео уроке подробно разберем, создание новой страницы на 1С Битрикс при помощи мастера, чем отличается статическая страничка от динамической и какие свойства при этом можно задавать.
Если смотрели предыдущие видео-уроки, где я рассказывал что на сайте, может представлено несколько видов информации эта статическая и динамическая, кто не знает что это такое, рекомендую посмотреть предыдущее видео, и вопросов не останется. В данной статье подробнее разберем создание статической странички на 1С Битрикс и немного затронем создание динамического контента.
Если мы будем рассматривать создание статической странички в 1С битрикс, то в рамках файловой структуры сайта это просто файл, в тоже время раздел это просто папка и получается, что создавая простую страничку, вы просто создаете файл на сервере, а создавая разделы в 1С Битрикс, вы создаете простые папки.
С динамической информацией обстоит дело немного по другому, что бы создать динамическую страницу нам достаточно в визуальном редакторе, разместить комплексный компонент, который и создаст раздел, подразделы и страницы в нем.
Как привило, шаблон сайта, настроен администратором таким образом, что пользователь, не обладающий глубокими знаниями, не нужно устанавливать компонент, и его настраивать, контент-менеджеру достаточно просто уметь им пользоваться.
Создавать странички и разделы можно из публичной части сайта, так и с Административного раздела. Начинающим пользователям желательно работать из публичной часть сайта, по этой причине в данном видео уроке рассмотрим функционал создание страницы из визуальной части.
Создание страниц при помощи мастера
Для создания простого статического материала воспользуемся «Мастер создания страниц».
Мастер – это функционал для создания новых страниц или разделов, которым задаются основные параметры и свойства перед ее публикацией в 1С Битрикс.
Для примера создадим страничку в разделе «О магазине». Первоначально перейдем в данный раздел, в котором собираемся создать новую страничку в битрикс.
В панели управления нажмем кнопку «Создать страницу», тем самым мы запускаем мастера, с помощью которого будем формировать её свойства.
Создание новой страницы в разделе
Нажмем кнопку далее.
Прописываем свойства
На этом шаге мастера, задаем свойства нашего контента. Начальные все свойства наследуются из раздела где она создана, при необходимости можем их изменить. Поля «Описание страницы», «Ключевые слова», «Продвигаемые слова», «ROBOTS» все это служит для SEO оптимизации в 1С Битрикс. Указав в поле «Заголовок окна браузера», мы увидим отображение его в окне браузера когда будем находиться в ней. В поле «Теги», заполняем ключевые слова для быстрого поиска материала в самой системе, оставим все без изменения.
Редактируем контент в визуальном редакторе
Новая страничка создана в системе битрикс и благодаря тому, что была установлена галочка «Перейти к ее редактированию» она у нас загрузилась в визуальном редакторе, где ее можно наполнить содержанием.
Давайте введем текст, «Наша первая страничка» и добавим компонент, который динамически будет выводить список новостей. Нажимаем сохранить, страница готова, она нам сразу отобразилась, и мы видим ее содержание.
Создание страницы с добавлением ее в меню
Теперь давайте рассмотрим пример с добавлением ее в меню. Перейдем обратно в нашу категорию «О компании» и нажмем, создать новую страницу в битрикс. Активируем опцию, «Добавить пункт меню», и нажимаем далее.
Так как данный параметр у нас активирован, мы переходим на шаг по настройки его параметров:
- первый пункт «Имя нового пункта», это название, под которым эта страница будет отображаться в меню;
- пункт «Тип меню» это как раз то меню, куда будет добавлена страница, тут мы видим три варианты, выберем второй;
- «Вставить перед пунктом», укажем перед каким пунктом в меню, будет отображаться наш заголовок, оставим без изменений.
Нажимаем далее, заполняем свойства страницы 1С Битрикс если нам это необходимо, жмем Готово.
Мы создали новый материал на сайте с добавлением его в пункт меню, возможно по аналогии создавать такие же страницы в 1С Битрикс при помощи функции «Управление структурой» которая находится на панели управления.
Выберем «Структура», «Управление структурой» и перед нами отобразилась вся структура статических страниц и разделов сайта.
При наведении на папку раздела, появляется стрелочка, щелкнув по папке, открывается выпадающий список, из которого можем, добавить новый материал, изменить существующий, или удалить, как страницу так и раздел, в общем, провести ряд операций, которые вам необходимы.
Если выбрать пункт «Добавить страницу» нам откроется мастер, которым пользовались при создании материала в начале урока.
Так же по аналогии можно создавать страницы и формировать разделы, как было описано в начале самой статьи.
Включаемая область - это специально выделенная область на странице сайта, которую можно редактировать отдельно от основного содержания страницы. Реализуется с помощью специального программного компонента.
Зачем нужна включаемая область
Для того, что бы разобраться в каких целях применяется включаемая область, рассмотрим в первую очередь, что это такое.
Включаемая область это стандартный компонент самого битрикса, у которого основной функционал подключить статический файл с определенными параметрами доступа.
Сама фишка включаемой области в том, что она предоставляет возможность администратору редактировать информацию этой области из визуальной части сайта, без привлечения разработчиков.
Благодаря включаемой области, которую можем разместить как на страничке, так и встроить в шаблон сайта,мы можем на сайт внедрять различную информацию как статическую, так и динамическую, подробнее о том, что такое статическая и динамическая информация смотрите в предыдущих уроках.
Включаемую область, как правило, используют для вывода, (например, название и телефоны компании, логотип организации, информацию об авторских правах и т.д.), то есть все то, что возможно в дальнейшем будет редактироваться администратором самостоятельно.
Управление включаемыми областями
Вставим на тестовой страничке включаемую область, для этого откроем ее на редактирование, в компонентах откроем служебное, включаемые области, и перетащим компонент в форму редактирования.
Появилась форма с параметрами компонента, и давайте пробежимся по ее настройкам:
Вернем наши настройки в исходные параметры страницы и сохранимся.
Для того что бы отобразилась у нас включаемая область включим режим правки.
Появилась такая иконка символизирующая что тут она присутствует.
Наводим на иконку и жмем «Добавить в область». Появилась форма редактирование, на данный момент система показывает путь к файлу находится по данной директории /test/index_inc.php, на самом деле сейчас подключаемы файл там не присутствует и появится только после сохранения данной формы.
Для примера вставим компонент Случайно фото, и настроим на вывод из инфоблока новостей. Сохранимся, в разделе test появился файл index_inc.php с компонентом случайное фото.
Установка включаемой области в шаблон сайта
Для того что бы показать как включаемая область работает для «разделов» и подключается «из файла», давайте встроим ее в шаблон сайта, в правый сайтбар.
Открываем компонент на редактирование, и меняем параметр «Показывать включаемую область» из файла. Прописываем путь к нашему файлу который будет выводиться включаемой областью/include/company_news.php, сохранимся.
Код вырезаем в буфер обмена, откроем наш шаблон на редактирование и вставим его в область самого начала в левого сайтбара, сохранимся.
Пробуем переходить по разделам, видим, что область присутствует на каждой страничке сайта.
Подключение включаемой области для раздела
Для примера отобразим включаемую область только в определенном разделе. Для этого перейдем в раздел, где хотим ее выводить «О магазине», откроем настройки компонента, выбираем, показывать для разделов, у нас появился дополнительный чекбокс, при отмеченной опции «включаемая область будет подключаться рекурсивно», то есть, до корня сайта проверяться все разделы до верхнего уровня, и выводится первая встретившаяся включаемая область на страничке, мы сохраняемся и смотрим что получилось.
Сейчас исчез компонент случайно фото и это не удивительно, так как мы подключили другой файл, который называется sect_inc.php и располагается в корне раздела. Добавляем в область наш компонент случайное фото, сохраняемся. Теперь все вложенные разделы, унаследовали данный компонент и отображают его на страничке в визуальной части сайта.
Для того что бы назначить включаемую область только для определенного раздела Контакты, достаточно просто скопировать фал sect_inc.php из раздела «О магазине» в раздел «Контакты», мы его удаляем. Переходим в визуальную часть сайта и проверяем отображение.
Как видите, включаемая область отображается только в разделе Контакты.
Применения использования включаемых областей множества, от разработки сайта и вынесения в его структуру определенных блоков в верстку, до простых задач, где требуется показать элемент на определенной страничке, а на другой его заменить или скрыть. Это все можно реализовать при помощи подключение компонента «включаемая область».
Получилось видео немного ужато, много информации которое возможно сразу не осознаете, по этому в низу есть комментарии, пишите свои вопросы, а я по возможности на них буду отвечать.
Создаем включаемые области на сайте. Рассказываю какими они бывают и возможные способы применения включаемых областей.
Сделайте ее в акциях шириной 100%, чтобы не вылезала за рамки дозволенного. либо укажите для картиинки в пикселях ширину своего тела.
Добавление скринов перетаскиванием может и можно, о ни разу не заморачивался такой фичей.
О если бы я мог это делать )) не смотрел бы ваши уроки.
т.е. этого в уроке нет? или я что-то пропустил?
. а добавление скринов ОЧЕНЬ для меня актуально, хочу с вашей помощью сделать интересный портал.
Цитата |
---|
Сделайте ее в акциях шириной 100%, чтобы не вылезала за рамки дозволенного. либо укажите для картиинки в пикселях ширину своего тела. Добавление скринов перетаскиванием может и можно, о ни разу не заморачивался такой фичей. |
Обычная верстка. Там где вызывается картинка анонса припишите ей ширину и она сама подстроится по ширине под родительский блок- в данном случае
Здравствуйте, а можете выслать мне на почту готовый template_styles.css с этого урока)) и Спасибо за хорошие уроки) сижу создаю сайт! как создам обызательно поддержу Ваш труд)
а можете скинуть этот готовый проект конечный? на почту)а то времени нет создавать просто поменять под себя все)
А если у меня есть раздел статей, и я хочу выводить для каждой статьи разные картинки. Для этого случая подойдут включаемые области?
Выглядит это примерно так, рабочая область поделена на 2 части: левая - где текст статьи, правая - картинки. Я думаю левую, где основной текст статьи, редактировать через "изменить страницу", а правую - оформить как включаемая область, но не могу пока сообразить, как сделать ее уникальной для каждой статьи раздела. Надеюсь, понятно объяснила.
Цитата |
---|
Анна пишет: А если у меня есть раздел статей, и я хочу выводить для каждой статьи разные картинки. Для этого случая подойдут включаемые области? Выглядит это примерно так, рабочая область поделена на 2 части: левая - где текст статьи, правая - картинки. Я думаю левую, где основной текст статьи, редактировать через "изменить страницу", а правую - оформить как включаемая область, но не могу пока сообразить, как сделать ее уникальной для каждой статьи раздела. Надеюсь, понятно объяснила. |
Цитата |
---|
Анна пишет: А если у меня есть раздел статей, и я хочу выводить для каждой статьи разные картинки. Для этого случая подойдут включаемые области? Выглядит это примерно так, рабочая область поделена на 2 части: левая - где текст статьи, правая - картинки. Я думаю левую, где основной текст статьи, редактировать через "изменить страницу", а правую - оформить как включаемая область, но не могу пока сообразить, как сделать ее уникальной для каждой статьи раздела. Надеюсь, понятно объяснила. |
Цитата |
---|
А если у меня есть раздел статей, и я хочу выводить для каждой статьи разные картинки. Для этого случая подойдут включаемые области? Выглядит это примерно так, рабочая область поделена на 2 части: левая - где текст статьи, правая - картинки. Я думаю левую, где основной текст статьи, редактировать через "изменить страницу", а правую - оформить как включаемая область, но не могу пока сообразить, как сделать ее уникальной для каждой статьи раздела. Надеюсь, понятно объяснила. |
день добрый, уже всю голову сломал, вставляю включаемую область,но не могу оцентровать её, постоянно занимает левый угол. не пристраивается к шаблону.
Добрый день! у меня получается нижнее меню в "режиме правки" выглядит правильно -горизонтально, а вот если выйти из "режима правки", то оно вновь расположено вертикально. В чем может быть ошибка? все делалось по уроку
Цитата |
---|
Инна пишет: Добрый день! у меня получается нижнее меню в "режиме правки" выглядит правильно -горизонтально, а вот если выйти из "режима правки", то оно вновь расположено вертикально. В чем может быть ошибка? все делалось по уроку |
Ошибка верстки, кеширование, пересохранение шаблона в другом окне- в общем причин может быть достаточно много, но поищите в верстке ошибку: не закрытый тег например.
Добрый день!
Подскажите пожалуйста, почему после вставки включаемой области блок не обтикается? либо не обтикается область.
На сайте имеется левый сайдбар и контент до вставки областей в левый сайдбар все отображалось верно, но после вставки в упор не хочет обтикаться.
Для справки- Все выведено как обычно- сайдбар имеет float:left, а див с контентом нужный отступ.
Fatal error: Call to a member function IncludeComponent() on a non-object in /home/bitrix/www/sect_article.php on line 5
Обращаюсь к этой строке и там:
Когда кликаю по названию в отдельном разделе, все работает.
Проблему мне нужно решить срочно.
Так что в чем же дело?
Читайте также: