Как создать страницу в битриксе и привязать к меню

Страница битрикс: создание

В данном видео уроке подробно разберем, создание новой страницы на 1С Битрикс при помощи мастера, чем отличается статическая страничка от динамической и какие свойства при этом можно задавать.

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

Если мы будем рассматривать создание статической странички в 1С битрикс, то в рамках файловой структуры сайта это просто файл, в тоже время раздел это просто папка и получается, что создавая простую страничку, вы просто создаете файл на сервере, а создавая разделы в 1С Битрикс, вы создаете простые папки.

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

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

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

Создание страниц при помощи мастера

Для создания простого статического материала воспользуемся «Мастер создания страниц».

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

В панели управления нажмем кнопку «Создать страницу», тем самым мы запускаем мастера, с помощью которого будем формировать её свойства.

Создание новой страницы в разделе

• первый пункт меню это ее заголовок, назовем «Первая страница»;
• поле «Имя файла» это название файла в рамках структуры сайта, формируется автоматически при условии, что скреплен замок. Мы его можем изменить и прописать свое, к примеру, пропишем «test»;
• галочка в поле «Перейти к редактированию страницы», перенаправить нас на создаваемую страничку для ее редактирования, оставим по умолчанию;
• галочка, «Добавить пункт в меню», на последующем шаге позволит выбрать в какое меню добавить создаваемый материал. В нашем случае её снимем.
• установив галочку «Ограничить доступ к странице (не публиковать)», у нас появляется список, из которого можно выбрать группу пользователей, которые будут иметь возможность ее просматривать. Например, она будет не видна всем кроме группы Контент-редактор. Этот функционал хорошо использовать, когда мы не хотим показывать всем пользователям страничку в сыром состоянии. На данный момент снимем ее, позже покажу, как это работает.

Нажмем кнопку далее.

Прописываем свойства

На этом шаге мастера, задаем свойства нашего контента. Начальные все свойства наследуются из раздела где она создана, при необходимости можем их изменить. Поля «Описание страницы», «Ключевые слова», «Продвигаемые слова», «ROBOTS» все это служит для SEO оптимизации в 1С Битрикс. Указав в поле «Заголовок окна браузера», мы увидим отображение его в окне браузера когда будем находиться в ней. В поле «Теги», заполняем ключевые слова для быстрого поиска материала в самой системе, оставим все без изменения.

Редактируем контент в визуальном редакторе

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

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

Создание страницы с добавлением ее в меню

Теперь давайте рассмотрим пример с добавлением ее в меню. Перейдем обратно в нашу категорию «О компании» и нажмем, создать новую страницу в битрикс. Активируем опцию, «Добавить пункт меню», и нажимаем далее.

Так как данный параметр у нас активирован, мы переходим на шаг по настройки его параметров:

• первый пункт «Имя нового пункта», это название, под которым эта страница будет отображаться в меню;
• пункт «Тип меню» это как раз то меню, куда будет добавлена страница, тут мы видим три варианты, выберем второй;
• «Вставить перед пунктом», укажем перед каким пунктом в меню, будет отображаться наш заголовок, оставим без изменений.

Нажимаем далее, заполняем свойства страницы 1С Битрикс если нам это необходимо, жмем Готово.

Мы создали новый материал на сайте с добавлением его в пункт меню, возможно по аналогии создавать такие же страницы в 1С Битрикс при помощи функции «Управление структурой» которая находится на панели управления.

Выберем «Структура», «Управление структурой» и перед нами отобразилась вся структура статических страниц и разделов сайта.

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

Если выбрать пункт «Добавить страницу» нам откроется мастер, которым пользовались при создании материала в начале урока.

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

Раздел 1. Создание страниц и разделов.

Перед тем как создать новую страницу или раздел нужно определить к какому типу информации они будут относиться. Для статической информации страница — это файл, а раздел — это папка. Для динамической информации необходимо создать только одну физическую страницу и разместить на ней компонент, который и создаст раздел, состоящий из динамически создаваемых страниц.

Создавать раздел или страницу со статической информацией можно как с Публичной части, так и с Административного раздела. Рекомендуется работать с Публичной части (лицевая)

Создание физических страниц

Создание страниц осуществляется с помощью кнопки:

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

Создание страниц с помощью мастера

Мастер создает страницу в несколько шагов. Число шагов зависит от активных опций, выбранным в первом шаге. Если все опции будут неактивными, то завершение страницы возможно уже после первого шага. Завершение работы мастера производится по нажатию на кнопку Готово.

• Поле Заголовок страницы — это название страницы.
• Поле Имя файла — это название файла в рамках файловой структуры сайта. По умолчанию формируется автоматически из поля Заголовок страницы. Если кликнуть по иконке , то автоматическое формирование файла отключится и название необходимо будет ввести вручную.

Задание пункта меню для страницы

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

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

• Поле Описание — описание страницы.
• Поле Ключевые слова — ключевые слова страницы, необходимы для поисковых машин.
• Поле Теги — теги для поиска страницы. Функция активна при установленном флажке правее поля.

После этого шага нужно нажать на кнопку Готово, мастер перейдет к редактированию страницы.

Удаление страниц

Удаление страницы производится с помощью кнопки Изменить страницу:

После того, как вы кликните пункт Удалить страницу, появится окно подтверждения:

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

Создание разделов

Создание раздела производится с помощью кнопки:

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

Первые два и последний шаги мастера создания раздела аналогичны мастеру создания страницы.

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

• Поле Описание страницы — дается описание раздела.
• Поле Ключевые слова — введите ключевые слова, которые будут использоваться поисковыми машинами.
• Поле Заголовок окна браузера — укажите текст, который будет выводится в качестве заголовка окна браузера на страницах раздела.
• Поле Продвигаемые слова — слова, по которым будет анализироваться раздел инструментами модуля SEO.
• Поле ROBOTS — указания на индексацию и следование по ссылкам для поисковых машин.

Раздел 2. URL-ы страниц.

Создание короткой ссылки

Короткая ссылка не заменяет реальный адрес страницы. Технически — это просто редирект внутри системы.

Создание короткой ссылки производится по команде Добавить короткую ссылку:

По этой команде откроется форма настройки ссылки:

• Ссылка — выводится реальный адрес страницы.
• Короткая ссылка — вводится новый адрес страницы. Система будет автоматически предлагать вариант короткой ссылки из случайного набора знаков. По умолчанию в предлагаемом варианте на первом месте стоит «

Список ссылок

Список созданных ссылок можно просмотреть по одноименной команде кнопки Короткий URL либо на странице Короткие ссылки ( Настройки > Настройки продукта > Обработка адресов > Короткие ссылки ).

На странице отобразится список существующих ссылок. Доступно изменение имеющихся ссылок и создание новых.

Раздел 3. SEO-оптимизация

Управление свойствами страницы

Настройка свойств страницы выполняется несколькими способами:

1. При создании новой страницы, используя мастер либо административную панель (рассматривали в разделе 1)

в форме Свойства страницы

Управление свойствами раздела

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

Использование свойств разделов позволяет:

• устанавливать значения свойств для всех страниц раздела по умолчанию;
• создавать дополнительные средства управления показом информации на страницах раздела.

Настройка свойств раздела выполняется в публичном разделе:

при создании раздела с помощью кнопки Создать раздел

в форме Мастер создания нового раздела

в форме Свойства раздела

Раздел 4. Работа с включаемыми областями.

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

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

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

включаемая область страницы – выводится только при просмотре определенной страницы;

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

Использование включаемых областей позволяет управлять не только текстом. Можно поместить в эту область картинку вместо текста (или компонент Случайное фото) и получить индивидуальный вид каждого раздела. При этом индивидуальность будет «динамическая», изменяемая.

Использование включаемых областей в плане интеграции в дизайн имеет ограничение. Оно связано с размером, отведенным под ячейку, в которой размещен компонент. Если вводимый текст, картинка, либо что-то еще по своим размерам больше, чем отведенное компоненту место, то дизайн «поедет», то есть исказится.

Задание параметров где отображать включаемую область производится в настройках компонента:

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

Создание включаемых областей может быть выполнено двумя способами:

• из административного раздела в Менеджере файлов, создав файл с соответствующим именем;
• из публичного раздела сайта в режиме Правки. В тех местах, где предполагается вывод включаемых областей, будут показаны иконки для быстрого перехода к созданию или редактированию этих областей.

Аналогично перейти к редактированию включаемых областей можно

• из административного раздела, открыв для редактирования соответствующий файл в Менеджере файлов.
• либо непосредственно из публичного раздела сайта в режиме редактирования контента или режиме разработки и настройки сайта:

Вставка включаемой области

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

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

Иконка компонента имеет вид: .

Пример вызова

Раздел 5. Меню: типы, создание, редактирование

Системные шаблоны меню

По умолчанию в bitrix включены шесть шаблонов:

Default (Вертикальное меню по умолчанию) – шаблон для вертикального меню. Самый простой шаблон. При выборе в параметрах компонента глубины вложения более 1 вы увидите список страниц сайта в общей иерархии. То есть индексная страница сайта (раздела) будет размещена на одном уровне с вложенной страницей (разделом). Это затрудняет осмысление структуры сайта посетителем. Поэтому шаблон рекомендуется для простых видов меню и главных меню верхнего уровня. Шаблон достаточно прост для кастомизации под конкретный дизайн.

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

Типы меню

Тип меню – принцип организации меню. По умолчанию в дистрибутиве используется два типа меню: Верхнее и Левое.

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

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

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

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

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

Например, пусть в системе используются два типа меню:

• левое меню – тип «left»;
• верхнее (основное) меню – тип «top».

Тип меню, заданный в настройках модуля Управления структурой, будет использован как префикс файла с шаблоном меню, а также для идентификации файлов с пунктами меню (например, .top.menu.php ).

Кроме того, имя типа меню используется для подключения меню в шаблоне дизайна.

Типы меню задаются произвольно (только символами латинского алфавита). Однако для упрощения управления меню рекомендуется давать типам меню значимые имена. Например, top , left , bottom .

Создание меню

Древовидное меню

Древовидное меню – самое распространенное меню. Оно достаточно простое и вместе с этим информативное. Создается на базе статических и динамических элементов: разделов, страниц и инфоблоков.

Одноуровневое древовидное меню

• Создайте дополнительный тип меню: Подменю ( podmenu ).
• В параметрах компонента установите следующие параметры:
  • Шаблон компонента — tree (Встроенный шаблон);
  • Тип меню для первого уровня — Главное меню;
  • Тип меню для остальных уровней — Подменю;
  • Уровень вложенности меню — 2.

  

  Результат. Результатом этой работы будет меню такого вида:

  

  Файл .podmenu.menu.php будет иметь следующую структуру:

  Многоуровневое древовидное меню

  Шаблоны компонента Меню поддерживают создание многоуровневого меню с глубиной вложения до 4-х уровней. Выполнять работу на данном этапе удобнее в административной части. Решение осуществляется на примере уже созданного выше меню с шаблоном tree.

  • Перейдите в административный раздел на страницу Управление структурой ( Структура сайта > Файлы и папки )
  • В созданном ранее разделе /test_menu с помощью команды Добавить папку кнопки Добавить контекстной панели создайте новый каталог со следующими параметрами:
    • Имя папки — test_1;
    • Название раздела — test_1;
    • Тип меню — Подменю;
    • Название пункта — test_1.

    

    Результат: результатом работы будет созданное древовидное меню в четыре уровня:

    

    Выпадающее меню

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

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

    

    Построение и редактирование меню

    Построение меню может производиться как на основе статических разделов и страниц, так и на основе динамической информации: разделов и элементов инфоблоков.

    Если, например, для некоторого раздела сайта требуется создать меню, то его создание производится с помощью соответствующей команды кнопки Меню.

    

    По этой команде откроется форма создания меню. Заполнение полей формы аналогично редактированию меню, которое описано ниже.

    Управление меню

    Для управления меню воспользуйтесь командой Редактировать пункты меню в панели команд компонента или командой Редактировать меню в выпадающем списке команд кнопки Меню Панели управления.

    

    Откроется Форма редактирования меню.

    

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

    Раздел №6. Размещение и настройка компонентов в визуальном редакторе

    Простые компоненты в визуальном редакторе представлены желтыми иконками, например, компонент Альбом.
    Комплексные компоненты представлены фиолетовыми иконками, например, комплексный компонент Фотогалерея 2.0.

    Размещение компонента

    При создании/редактировании страницы с помощью визуального HTML-редактора можно выбрать подходящий компонент из списка и переместить его в рабочую область страницы:

    

    Настройки компонента

    Вызвать Настройки выбранного компонента, можно двумя способами:

    Установить курсор на значок компонента размещенного в рабочей области страницы, тогда в панели Свойства будет выведен список настроек данного компонента:

    

    

    1. Для удобства настройки компонента его параметры разделены по группам. Например, Шаблон компонента, Основные параметры и т.д . Количество групп параметров и их содержимое зависит от конкретного компонента. Используя кнопки и рядом с названием группы параметров, вы можете скрывать и вновь отображать группы параметров.

    2. При настройке параметров компонента выполняется работа с полями различных типов:

    выбор элемента из выпадающего списка;

    Для некоторых полей типа Выпадающий список возможен выбор значения (другое)–>. В этом случае необходимо ввести код в поле, расположенное рядом.

    3. Рядом с полями расположены значки , при наведении курсора мыши на которые отображаются подсказки по заполнению полей.

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

    

    

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

    Размещение компонента на примере «Новости»

    Комплексные компоненты

    Новостной раздел можно создать с помощью комплексного компонента Новости (bitrix:news). Этот компонент нужно просто установить на страницу (например, index.php) и настроить набор его параметров. При этом настроить обязательно необходимо только поля группы Основные параметры, где указывается Тип инфоблока и сам используемый инфоблок. Все остальные параметры компонента можно оставить как есть.

    Настроив параметры компонентов должным образом, в публичной части имеем результат:

    Страница со списком новостей	Страница детального просмотра новости

    Таким образом, для создания новостного раздела физически создается одна страница, а логически несколько.

    Простые компоненты

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

    Для этого необходимо создать, например, страницу списка новостей index.php, на которой разместим компонент Список новостей (bitrix:news.list). Этот компонент выводит на странице, где он размещен, заголовок, текст анонса и прочие параметры новостей в зависимости от настроек компонента. Каждый элемент списка новостей — ссылка на просмотр детальной информации.

    

    Страница с детальной информацией должна быть создана отдельно, например, detail.php, на которой надо разместить компонент Новость детально (bitrix:news.detail).

    При этом у компонента Список новостей нужно настроить входные параметры так, чтобы он мог формировать ссылки на страницу детальной новости (с кодом новости). Для этого нужно в группе параметров Шаблоны ссылок в поле URL страницы детального просмотра задать путь к этой странице, а также название параметра, в котором будет передаваться код новости для показа:

    В данном случае страница detail.php должна находиться в том же разделе, что и страница со списком новостей.

    Для компонента детальной новости нужно настроить входные параметры так, чтобы он мог формировать ссылку на главную страницу:

    Кроме того, во входных параметрах компонента детальной новости (поле ID новости группы параметров Основные параметры) нужно задать php-код, возвращающий ID новости:

    Настроив параметры компонента должным образом, в публичной части имеем тот же результат:

    Страница со списком новостей	Страница детального просмотра новости

    Раздел №7. Информационные блоки

    Модуль Информационные блоки: основные понятия.

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

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

    В состав модуля информационных блоков входят следующие объекты:

    • типы информационных блоков;
    • информационные блоки;
    • разделы инфоблоков;
    • элементы инфоблоков.

    Типы информационных блоков

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

    

    На уровне типов информационных блоков определяются следующие параметры:

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

    Управление типами информационных блоков выполняется на странице Типы информационных блоков ( Контент > Инфоблоки > Типы инфоблоков ).

    Информационные блоки группируются в типы информационных блоков для решения двух задач:

    • Визуальной группировки данных по их виду или по сайтам. В большинстве небольших проектов удобно создавать по одному типу инфолоков для каждого сайта.
    • Ускорения выборки данных при работе с большими объемами данных.

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

    Параметры информационного блока позволяют:

    • управлять правами доступа пользователей к информационному блоку;
    • определять сайт (или сайты), на котором может быть показан инфоблок;
    • определять URL на страницы со списком всех элементов, разделов и элементов отдельного раздела информационного блока;
    • создавать свойства элементов. Например, для элементов инфоблока Книги могут быть созданы такие свойства, как Год выпуска, Авторы, Число страниц, Издатель и др. При добавлении элементов инфоблока для каждого элемента могут быть указаны значения этих свойств;
    • настраивать параметры экспорта в RSS (если экспорт в RSS был разрешен в настройках типа инфоблока).

    Перейти к списку информационных блоков можно с помощью клика по названию соответствующего типа инфоблоков в административном меню.

    Управление информационными блоками выбранного типа осуществляется на странице Информационные блоки ( Контент > Инфоблоки > Типы инфоблоков > название_информационного_блока ).

    Разделы инфоблока

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

    Элементы инфоблоков

    Элементы информационных блоков — непосредственно информация, размещаемая в информационных блоках. Например, новость, товар, фотография, вакансия, элемент справочника и т.д.

    

    Доступ к инфоблокам, разделам и элементам

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

    Общий порядок работы с информационными блоками

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

    1. Внимательное продумывание структуры инфоблоков.
    2. Создание нужного типа инфоблоков с настройкой параметров.
    3. Создание самих инфоблоков с настройкой параметров.
    4. Создание структуры внутри инфоблока.
    5. Создание элементов инфоблока
    6. Создание физической страницы (в случае использования комплексного компонента) или страниц (при использовании простых компонентов) и размещение на ней компонента (компонентов) с последующей настройкой свойств компонента.
    7. Кастомизация работы компонента под потребности ТЗ сайта.

    Четвертый и пятый пункт, как правило, выполняют контент-менеджеры, если наполнение инфоблока производится вручную, а не импортом.

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

    

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

    Создание информационного блока

    Управление информационными блоками выбранного типа осуществляется на странице Информационные блоки ( Контент > Информ. блоки > Типы информ. блоков > название_типа_информационного_блока ). С помощью кнопки Добавить инфоблок можно открыть форму создания инфоблока.

    

    Форма создания имеет несколько закладок:

    

    Значение полей и закладок описано в документации к продукту.

    Несколько замечаний, которые необходимо знать при создании и редактировании инфоблоков:

    Вкладка Инфоблок содержит настройки общих параметров информационного блока.

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

    Кроме этого от настроек в этих зависит будет ли при выборках из инфоблока автоматически формироваться правильно адреса вида DETAIL_PAGE_URL/LIST_PAGE_URL.

    • Имя пользователя: USER_NAME
    • Валюта заказа: ORDER_CURRENCY
    • Список заказов: ORDER_LIST

    

    Раздел №8. Каталог товаров: описание, размещение, редактирование

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

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

    Процесс создания каталога включает следующие этапы:

    1. Создание каталога в административном разделе:
       • создание типа информационного блока Название блока;
       • создание информационных блоков: Параметр 1, Параметр 2 и Параметр 3; (к примеру Автор, Книги, Рецензии для каталога книг)
       • добавление разделов и элементов каталога.
    2. Размещение каталога в публичном разделе сайта.

    Размещение каталога на примере Каталога книг

    Рассмотрим публикацию каталога с помощью комплексного компонента. Комплексный компонент объединяет в себе возможности простых (одностраничных) компонентов и позволяет создать полнофункциональный каталог. Для примера рассмотрим подробно публикацию каталога книг с помощью комплексного компонента. Для этого выполните следующее:

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

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

    

    Если же модуль Торговый каталог установлен в системе, то настройка вывода цен производится в разделе Цены настроек компонента Каталог.

    

    Поскольку разделы и элементы каталога мы еще не заполняли, то в публичном разделе страница пока примет вид:

    

    Далее перейдем к заполнению каталога содержимым.

    При размещении каталога в публичном разделе также можно воспользоваться простыми — одностраничными компонентами, т.е. один компонент — это одна страница или ее часть.
    Такой вариант подойдет, если полный каталог вам не нужен, а требуется создать только определенные страницы. Например, список товаров и страница с детальной информацией. Для создания полного каталога удобнее пользоваться комплексным компонентом.

    Наполнение каталога на примере каталога с книгами

    Для наполнения каталога содержимым выполните следующие шаги:

    • Перейдите в режим правки.
    • Наведите курсор мыши на место расположения компонента. Высветятся кнопки управления контентом каталога:

    

    

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

    Раздел №9. Работа с шаблонами

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

    Настройка шаблона сайта

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

    

    Или другой пример, проверка группы пользователей, к которой относится текущий пользователь по PHP выражению:

    Настройка пунктов меню

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

    

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

    Настройка доступа к элементам инфоблока

    Ряд компонентов системы допускает задание ограничений на доступ к контенту. Например, можно ограничить доступ к детальному просмотру новостей. Рассмотрим это на примере комплексного компонента Новости.

    

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

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

    Раздел №10. Типичные ошибки и их решение

    Создание страниц

    Одной из частых ошибок бывает создание страницы (раздела) через пункты меню. Т.е. чтобы добавить страницу ошибочно кликают Редактировать пункты меню, вписывают новый пункт и ждут чуда. Такой алгоритм действий контент-менеджера навеян некоторыми бесплатными CMS. Он интуитивно удобен (ведь в конечном итоге хотят увидеть именно пункт меню), но неверен в рамках «1С-Битрикс: Управление сайтом».

    

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

    Загрузка файлов

    В визуальном редакторе при загрузке файлов с локального компьютера у контент-менеджера вкладка Загрузить файл неактивная. Причём администратор сайта без проблем может загружать файлы. Ошибка в неверно заданных правах на доступ для контент-менеджера. Для решения проблемы обратитесь к администратору сайта.

    Загрузка файлов через медиабиблиотеку

    Ошибки могут возникать при загрузке файлов с несоответствующим расширением. И при загрузке файлов с шириной или высотой больше чем указанные в настройках медиабиблиотеки.

    Если файл не соответствует разрешенному разрешению, то выведется сообщение:

    

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

    Проблема

    Решение: разрешенные форматы указываются на закладке Свойства формы настройки инфоблока. В строке свойства типа Файл с помощью кнопки [. ] вызовите форму детальной настройки свойства и в поле Типы загружаемых файлов введите нужные форматы или выберите форматы в выпадающем списке:

    

    Проблема

    Проблема

    

    Решение: проверить настройки компонента в группе параметров Управление адресами страниц.

    Проблема

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

    При обратной страничной навигации количество сообщений на странице либо равно числу, указанному в настройках компонента, либо больше его. Разбиение на страницы произойдёт, если остаток при делении количества сообщений на первой странице на число, указанное в настройках компонента, будет больше или равен двум.

    Решение: исправить настройки компонента в группе параметров Настройки постраничной навигации.

    Как создать страницу в битриксе и привязать к меню

    Современные сайты наполняются содержанием с помощью специального программного обеспечения: CMS.

    Соответственно, контент-менеджер (или редактор сайта) — это специалист, работающий с CMS.

    Для кого этот курс?

    Курс Контент-менеджер адресован тем, кто работает с содержанием сайта: наполнение, изменение текста, загрузка и размещение картинок и так далее.

    • работать с элементами управления в интерфейсе системы;
    • приемам работы в визуальном редакторе — основном инструменте при работе над содержанием сайта;
    • работать с информационными блоками — местом хранения большей части информации на сайте;
    • работать с компонентами — инструментом вывода информации на страницах сайта;
    • работать с некоторыми модулями системы.

    У нас часто спрашивают, сколько нужно заплатить

    Курс полностью бесплатен. Изучение курса, прохождение итоговых тестов и получение сертификатов — ничего из этого оплачивать не нужно.

    Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.

    Баллы опыта

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

    уроке.

    Периодически мы заново оцениваем сложность уроков, увеличивая/уменьшая число баллов, поэтому итоговое количество набранных Вами баллов может отличаться от максимально возможного. Не переживайте! Отличный результат — это если общее число набранных Вами баллов отличается от максимального на 1-2%.

    Практика и тесты

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

    После изучения курса пройдите тесты на сертификацию. При успешной сдаче линейки тестов со страницы Моё обучение скачайте сертификат об успешном прохождении курса в формате PDF.

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

    Комментарии к урокам

    На каждой странице курса авторизованный на сайте посетитель может дать комментарий к содержимому страницы. Комментарий — не форум, там не ведётся обсуждений или разъяснений. Это инструмент для сообщений нам об ошибках, неточностях. Для отправки комментария воспользуйтесь расположенной в правом нижнем углу окна браузера кнопкой:

    Для преподавания офлайн

    Если данный курс берётся в качестве основы для офлайнового преподавания, то рекомендуемая продолжительность: 2 дня (16 академических часов).

    Если нет интернета

    Скачать материалы курса в формате EPUB. Файлы формата EPUB Чем открыть файл на
    Android:
    EPUB Reader
    CoolReader
    FBReader
    Moon+ Reader
    eBoox

    iPhone:
    FBReader
    CoolReader
    iBook
    Bookmate

    Windows:
    Calibre
    FBReader
    Icecream Ebook Reader
    Плагины для браузеров:
    EpuBReader – для Firefox
    Readium – для Google Chrome

    iOS
    Marvin for iOS
    ShortBook

    Linux:
    Calibre
    FBReader
    Cool Reader
    Okular
    обновляются периодически, поэтому возможно некоторое отставание их от онлайновой версии курса. Версия файла — от 25.01.2023.

    Уроки 1с-Битрикс: Как создать страницу с услугой

    

    Здравствуйте в этом уроке мы с вами рассмотрим как добавить страницу с услугой на готовый сайт 1с битрикс.

    Демонстрацию мы будем проводить на готовом решение сайта от компании АСПРО: Медицинский центр 2.0

    Первое что нам нужно сделать это залогиниться в административную панель сайта как это делается мы рассказывали в других уроках.

    Далее мы переходим в раздел «контент» в разделе «контент» есть еще один раздел «контент» открываем его:

    

    Здесь у нас расположены страницы с услугами.

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

    

    Если мы перейдем услуги вот мы видим основные подкатегории в каждой из вот этих подкатегорий есть еще категории то есть у нас выстраивается такая иерархия:

    

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

    Для того чтобы добавить новую услугу мы нажимаем голубую кнопочку в правой части экрана «добавить услугу»

    

    Страница «Услуга».

    

    — В поле «название» мы указываем название/имя услуги.

    — Поле «сортировка» дает нам возможность выставить услугу в нужном порядке. По умолчанию везде стоит 500 но мы можем поставить 1 или 2 или 3 или 10 или 20, без разницы и тогда у нас услуга в списке услуг на сайте будет идти номером 1. Например: если мы поставим здесь детская офтальмология номером 1, то она будет наверху а если номером 3 то она будет ниже.

    — Далее, мы можем подгрузить какие-либо файлы.

    Здесь указаны форматы, которые можно приложить, то есть у нас на странице с услугой будут прикреплены файлы pdf, word или какие либо еще.

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

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

    

    Вкладка анонс

    во вкладке анонс мы можем добавить изображение для анонса. Это изображение может выводиться либо вместо иконки, о которой мы говорили выше.

    Сразу хочу отметить что лучше подбирать формат изображения в пикселях на такой какой он указан в базовой конфигурации сайта. Обязательно делать все изображения в одном разрешении? например 400 на 300 пикселей.

    Описание для анонса. Описание для анонса у нас выводится в списке услуг.

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

    Если же у нас есть страница услуг на которой установлен баннер, то описание для анонса будет выводиться в баннере:

    

    Вкладка «подробно»

    Тут мы указываем детальную картинку если таковая есть. Так же мы можем указать расположение этой картинки.

    

    Поле «детальное описание»

    Здесь мы вставляем детальное описание услуги. Можно добавить просто текст, а можно отформатированный.

    «Связи»

    на данной вкладке мы имеем возможность прикреплять к нашей странице с услугой какие-то дополнительные опции.

    

    Например подключить цены. Акции, если они заранее загружены на сайт.

    Специалистов, вопросы-ответы, другие услуги или всё и сразу.

    Вкладка «баннер».

    здесь мы можем указать баннер на странице. Выглядит баннер вот так:

    

    В поле «активная картинка», мы выбираем активную картинку, а в поле фоновая картинка ставим фоновую картинку т.е задний фон.

    Нажимаем кнопочку «баннер сверху» и отмечаем галочкой чтобы он отображался.

    По желанию, мы можем здесь выставить какой-то свой код цвета для текста.

    Вкладка «SEO»

    

    Здесь мы можем указать метаданные, то есть данные для поисковых роботов которые будут выводиться на странице и в сниппете поисковых систем. Например: пишем «сдать анализ крови в Москве» — это заголовок страницы.

    поле keywords — заполняем ключевые слова. Пример: «сдать кровь, анализ крови» и так далее…

    поле meta description — мы пишем описание страницы которое также будет выводиться в сниппете поисковой выдаче. В этом поле желательно указывать максимально емко предложение которое будет отражать краткую суть содержания страницы.

    Вкладка «разделы»

    Здесь мы можем привязать страницу/услугу к другим разделам сайта. Например мы хотим чтобы наша услуга отображалась нескольких разделах. Зажимаем на клавиатуре кнопочку CTRL и отмечаем еще дополнительные разделы и тогда эта услуга будет отображаться во всех разделах к которым мы ее привязали.

    После того как все изменения сделаны мы нажимаем кнопочку «сохранить» и на этом редактирование услуги можно считать законченным.

    Похожие публикации:
    1. Molex как сделать 5 вольт черные првоад
    2. Using system collections generic c что это
    3. Как mp3 перевести в wma
    4. Сколько единиц в двоичной записи числа 205 в десятичной системе