Контент-менеджер
0 / 140
Содержание

Справочная информация

Все продукты компании «1С-Битрикс» сопровождаются документацией, которая расположена на сайте в разделе Документация.


Документация для продукта «1С-Битрикс: Управление сайтом» включает в себя:
  • Онлайн документация для пользователей

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

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

    Рекомендуется таким группам пользователей, как Контент-менеджер и Администратор.

  • Онлайн документация для разработчиков

    Документация, предназначенная для технических специалистов со знанием PHP и HTML. В ней содержатся сведения о технологиях и основных принципах, заложенных в систему, описание классов и функций.

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

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

  • Онлайн документация для разработчиков по Rest_API

    Документация, предназначенная для технических специалистов со знанием PHP и HTML. В ней содержатся сведения о технологиях и основных принципах, заложенных в систему, описание классов и функций, относящихся к сервису Битрикс24.

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

  • Документация в файлах формата .chm

    Содержит копию онлайн документации в формате справки Windows (.chm). Данная документация обновляется реже, чем источник на сайте. Удобно использовать при отсутствии интернета.

    Если не видно содержание файла CHM

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

  • Онлайн Курсы

    Методические пособия по работе с продуктом, которые включают в себя описание и примеры работы с системой.

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

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

  • База знаний

    Каталог ссылок на примеры решения практических задач при работе с системой. Подробнее.

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

  • Частые вопросы

    Подборка решений наиболее часто встречающихся проблем при работе с продуктом в удобном представлении.

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

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

  • Учебные видеоролики

    Видеоролики демонстрируют основные функциональные возможности продукта.

    Внимание! материалы роликов могут отставать от текущих версий продуктов.

    Рекомендуется таким группам пользователей, как Контент-менеджер и Администратор.

Примечание: В дополнение к документации, информацию, касающуюся продуктов компании «1С-Битрикс», можно получить на сайте в разделе форум.

Для администраторов и разработчиков так же рекомендуется познакомится с опытом разработок сайтов на системе "Bitrix Framework", который описывается в блогах разработчиков и в группах Социальной сети сайта компании 1С-Битрикс.


Примеры решения типовых задач

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

Из других курсов:


Видеоматериалы

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

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

Название видеоролика Размер файла, Мб Длительность, мин:сек
Интерфейс продукта
Режим просмотра * 14.34 4:07
Режим редактирования * 15.66 3:59
Режим разработки * 12.11 2:39
Управление настройками интерфейса * 12.01 2:32
Интерфейс административного раздела *8.112:16
Интерфейс Эрмитаж14.5911:44
Общий вид вики-страницыинтерактивный видеороликинтерактивный видеоролик
Работа с элементами
Список элементов *17.834:38
Работа со списком элементов8.763:32
Форма редактирования элемента *4.91:02
Работа с формой редактирования6.171:48
Работа с формой фильтра3.541:44
Работа с контентом
Создание новой страницы *10.544:26
Создание страницы в Wikiинтерактивный видеороликинтерактивный видеоролик
Работа с разделами Wikiинтерактивный видеороликинтерактивный видеоролик
Редактирование страницы *9.862:52
Типы меню *flashflash
Редактирование меню *5.61:50
Модули и компоненты
Фотогалерея14.874:53
Календарь *22.318:41
Размещение веб-формы на сайте *7.412:20
Модуль Поисковая оптимизация *35.438:12
Анализ эффективности рекламной компании8.443:36
Визуальный HTML-редактор. Режимы работы
Режимы работы редактора. Редактирование страницы *10.463:03
Режим редактирования. Редактирование текстовых описаний *10.681:48
Режим редактирования. Редактирование шаблона *14.344:07
Визуальный HTML-редактор. Интерфейс
Внешний вид редактора. Часть первая *7.862:17
Внешний вид редактора. Часть вторая *7.672:01
Настройка внешнего вида редактора *7.092:28
Визуальный HTML-редактор. Работа с текстом
Текст. Форматирование. Часть первая *15.453:24
Текст. Форматирование.Часть вторая *9.783:14
Текст. Копирование и вставка. Часть первая *12.013:01
Текст. Копирование и вставка.Часть вторая *5.051:51
Текст. Проверка орфографии. Часть первая *17.592:02
Текст. Проверка орфографии. Часть вторая *6.991:04
Текст. Добавление спецсимволов *2.550:29
Визуальный HTML-редактор. Загрузка графики
Загрузка и размещение изображения. Часть первая *6.084:07
Загрузка и размещение изображения. Часть вторая *7.752:07
Загрузка и размещение изображения. Часть третья *6.72:38
Загрузка видеоролика *5.321:36
Визуальные компоненты
Работа с гиперссылками. Часть первая *9.752:48
Работа с гиперссылками. Часть вторая *12.562:07
Работа с таблицами *7.742:46
Управление параметрами компонента из публичной части *flashflash
Панель задач. Компоненты 2.0. Часть первая *10.732:46
Панель задач. Компоненты 2.0. Часть вторая *11.622:14
Пример использования простых и комплексных компонентов *flashflash
Панель задач. Сниппеты. Часть первая *7.282:05
Панель задач. Сниппеты. Часть вторая *12.932:37
Панель задач. Работа с PHP-скриптом *8.892:08
Визуальный HTML-редактор. Дополнительные возможности
Дополнительные возможности. Разбиение страниц *5.221:05
Дополнительные возможности. Редактирование шаблона *6.561:42
Дополнительные возможности. Управление и настройка *11.533:42

Примечание: ролики по Визуальному редактору подготовлены компанией Teachvideo.

Авторизация на сайте

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

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

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


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


Система одноразовых паролей

Система одноразовых паролей дополняет стандартную систему авторизации и позволяет значительно усилить систему безопасности интернет-проекта. Для включения системы можно использовать аппаратное устройство (например, Aladdin eToken PASS) или использовать соответствующее программное обеспечение, реализующее OTP (One-Time Password).

Использование системы одноразовых паролей позволяет избежать:

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

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

Примечание: Подробнее о системе одноразовых паролей (OTP) см. раздел Безопасность на сайте «1C-Битрикс».


Для авторизации на сайте с включенной системой одноразовых паролей необходимо:

  • Сгенерировать одноразовый пароль на устройстве OTP;
  • Ввести данные для авторизации на сайте:

    • Логин пользователя;
    • Пароль: сначала вводится основной пароль (см. 1 на рисунке выше) и одноразовый (см. 2 на рисунке выше) без пробелов.

Авторизация с помощью Bitrix OTP

Компания «1С-Битрикс» разработала собственное программное обеспечение, реализующее систему одноразовых паролей - Bitrix OTP, которое позволяет обойтись без использования аппаратных устройств (например, Aladdin eToken PASS) или соответствующих программных аналогов. Bitrix OTP работает на мобильных устройствах под управлением Apple iOS, Android OS.

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

Примечание: Начиная с версии 10, программное обеспечение Bitrix OTP входит в состав продуктов «1C-Битрикс».


  • Установка Bitrix OTP
  • Запуск и настройка Bitrix OTP
  • Авторизация с помощью Bitrix OTP
  • Редактирование и удаление профиля сайта
    •

    Важно! Одновременное использование аппаратного устройства (например, Aladdin eToken PASS) и мобильного программного обеспечения Bitrix OTP невозможно! При регистрации Bitrix OTP в системе в качестве устройства OTP, аппаратное устройство (например, Aladdin eToken PASS) будет отключено (если оно было подключено ранее администратором сайта). Для повторного включения необходимо обратиться к администратору сайта.


    Установка Bitrix OTP

    Существует два пути установки Bitrix OTP на мобильные устройства:

    1. Загрузка непосредственно с сайта под управлением «1C-Битрикс: Управление сайтом».

      2. Примечание: Для загрузки Bitrix OTP непосредственно с сайта необходим «1C-Битрикс: Управление сайтом» версии 10 и выше.

      • Перейдите в браузере мобильного устройства по адресу: http://<ваш_сайт>/bitrix/otp/.

      • В соответствии с указаниями на экране установите Bitrix OTP на мобильное устройство. На рабочий стол мобильного устройства будет добавлена иконка Bitrix OTP:


    2. Бесплатная установка Bitrix OTP непосредственно из онлайн-магазина приложений.

      Используя браузер компьютера или мобильного устройства, установите приложение Bitrix OTP:

      Примечание: Как установить приложение из Google Play и Apple AppStore см. инструкцию к вашему мобильному устройству.

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


    Запуск и настройка Bitrix OTP

    Для запуска Bitrix OTP используется иконка на рабочем столе мобильного устройства:

    • При первом запуске Bitrix OTP предложит создать профиль для входа на сайт. Нажмите на кнопку Добавить.

    • Заполните необходимые данные и нажмите на кнопку Далее:

      • Адрес сайта - указывается URL сайта, для которого настраивается доступ;
      • Описание - произвольное описание сайта, которое будет отображаться в главном меню Bitrix OTP;
      • Имя входа на сайт - указывается логин пользователя на сайте;
      • Пароль - указывается пароль доступа к сайту.

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

    • Устройство с Bitrix OTP будет синхронизировано с сайтом, который появится в списке проектов.


    Авторизация с помощью Bitrix OTP

    Для авторизации на сайте с включенной системой одноразовых паролей необходимо:

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

    • Ввести данные для авторизации на сайте:

      • Логин пользователя;
      • Пароль: сначала вводится основной пароль (см. 1 на рисунке выше) и одноразовый (см. 2 на рисунке выше) без пробелов.

    Редактирование и удаление профиля сайта

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

    • Перейти в профиль сайта и нажать на кнопку Изменить.

    • В окне настроек профиля сайта можно:

      • Перейти к списку проектов, нажав кнопку Отменить;
      • Отредактировать настройки и нажать кнопку Сохранить;
      • Удалить профиль по нажатию кнопки Удалить.

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

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

        Важно! Для корректного удаления профиля из Bitrix OTP рекомендуется выбирать Удаление профиля сайта с разрегистрацией устройства.

      Примечание: Использование Bitrix OTP возможно не только с помощью отдельных устройств или систем Apple и Android. Возможно использование обычных мобильных телефонов.


      Элементы Управления

      Раздел Элементы управления познакомит контент-менеджера с основными элементами управления Публичного и Административного разделов.

      Внимание! Рекомендуется все работы по сайту проводить через Публичный раздел. Административный раздел предназначен для администраторов сайта и разработчиков. Тем не менее, некоторые виды работ с сайтом могут потребовать обращения к Административному разделу.

      Все скриншоты в учебном курсе взяты из стандартного дистрибутива программы.

      Примечание: с версии 12.0 панель Эрмитаж получила новое оформление. Иллюстрации со старым оформлением спрятаны в спойлеры, где вы их можете просмотреть простым кликом мыши:

      Публичный раздел

      Публичный раздел - основное место работы контент-менеджера. Он является частью "1С-Битрикс: Управление сайтом", видимой обычным пользователям. При наличии достаточных прав в нем можно производить работы по редактированию содержимого сайта.

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

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

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

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

      Примечание: ограничения на доступ касаются не только кнопок Панели управления, но и некоторого другого функционала, например, задания прав доступа при создании страниц.

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

      Публичный интерфейс Эрмитаж (с версии 9.5)

      Панель управления имеет два основных режима:

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

      Панель управления в Эрмитаже v.9.5

      Режим Администрирование описан в главе Административный раздел.

      Панель управления

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

      Панель управления в Эрмитаже v.9.5

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

      Панель управления имеет:

      • кнопку Меню;
      • закладки Сайт и Администрирование;
      • индикатор Обновления, отображается только при наличии новых уведомлений;
      • индикатор авторизованного пользователя, нажав на который можно перейти к странице редактирования свойств пользователя;
      • ссылку Выйти;
      • кнопку Горячие клавиши;
      • кнопку фиксации панели.

      Кнопка Меню

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

      Команды кнопки Меню

      Кнопка Меню в Эрмитаже v.9.5

      Кнопка Меню повторяет в верхней части Область выбора функций, о которой рассказывается в главе Административный раздел. Далее расположено меню Избранное, в которое контент-менеджер может добавить любой нужный ему пункт административного меню или страницы Публичного раздела.

      Примечание: двойной клик указателем мыши по любому из промежуточных пунктов выпадающего меню (кроме непосредственно пунктов Контент, Сервисы, Магазин, Аналитика, Настройки, Избранное) позволяет сразу перейти в административный раздел на соответствующую страницу.

      Закладка Сайт

      Закладка Закладка Сайт - инструмент для работы с контентом сайта, настройки компонентов, выполнения других операций по работе над сайтом.

      Команды закладки Сайт


      Кнопки закладки Сайт в Эрмитаже v.9.5

      Закладка Администрирование

      Закладка Закладка Администрирование соответствует Административному разделу системы (см главу Административный раздел).

      Уведомления

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

      • Наличие обновлений;
      • Трафик CDN;
      • Параметры резервного копирования;
      • Задания в рамках Бизнес-процессов;
      • Параметры Проактивной защиты;
      • Используемое место на сервере.

      Индикатор Обновления в Эрмитаже v.9.5

      Индикатор авторизованного пользователя

      Индикатор авторизованного пользователя и ссылка Выйти

      Индикатор авторизованного пользователя позволяет в один клик перейти к форме настройки параметров аккаунта пользователя. Ссылка Выйти завершает работу системы под правами авторизованного пользователя.

      Кнопка "Горячие клавиши"

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

      Свернутый режим панели

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

      Свернутый режим панели в Эрмитаже v.9.5

      Режим правки

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

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

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

      Выделение компонента в Эрмитаже v.9.5

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

      Меню компонента имеет типовые кнопки и кнопки, которые соответствуют выполняемой функции компонента. Так, например, выглядит меню компонента Каталог:

      Меню компонента каталог

      Меню компонента Каталог в Эрмитаже v.9.5

      Команды имеют следующее значение:

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

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



      Команды меню компонента в Эрмитаже v.9.5

      Отмена действий и Автосохранение

      Отмена действий

      Система допускает отмену последнего совершенного действия.

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

      Строка отмены действия в Эрмитаже v.9.5

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

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

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

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

      Автосохранение

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

      Автосохранение - функция, позволяющая сохранить данные введенные в поля формы в случае нештатной ситуации.

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

      Значки автосохранения в Эрмитаже v.9.5

      После повторного открытия формы, если в ней есть сохраненные данные полей, система выдаст запрос на восстановление данных:

      Запрос на восстановление данных в Эрмитаже v.9.5

      Автосохранение происходит все время пока контент-менеджер редактирует форму (изменяет значения полей формы) и сработает сразу после окончания редактирования формы. Нажатием на кнопку можно выполнить ручное сохранение.

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

      Примечание: Описанные на этой странице функции - первые шаги в реализации функционала Корзины, которая появится в полном объеме ближайшее время.

      Горячие клавиши

      Горячие клавиши (англ. hot key) для программного обеспечения - разновидность интерфейса взаимодействия с компьютером, представляющая собой нажатие клавиши (или сочетания клавиш) на клавиатуре, которому назначены (запрограммированы) определённые команды (операции). Как правило, частично дублирует интерфейс меню или кнопок. Использование сочетаний клавиш значительно ускоряет работу и увеличивает количество возможных действий, выполняемых с помощью клавиатуры.

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

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

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

      Примечание: Администратор системы может создавать дополнительные команды, которых нет в стандартном наборе. Если вам необходимы такие команды - обратитесь к администратору сайта.

      Для настройки:

      • Нажмите на кнопку на Панели управления. Появится окно настроек горячих клавиш:

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

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

        • Примечание: Удалить можно только пользовательские наборы, то есть добавленные администратором сайта.

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

        Кнопка По умолчанию - удаляет все клавиши назначенные пользователем и назначает клавиши по умолчанию. Кнопка Удалить все - просто удаляет все назначенные горячие клавиши.

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

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

      Если вы забыли какие горячие клавиши назначены для того или иного действия, то при наведении курсора мыши на данную кнопку всплывёт подсказка:

      Веб-мессенджер

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

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

      Примечание: В «1C-Битрикс: Управление сайтом» версии 12 и выше можно написать сообщение пользователю не из вашего контакт-листа (не из ваших друзей), используя Веб-мессенджер. Для этого нужно найти пользователя через поиск в Социальной сети, зайти в его профиль и кликнуть на ссылку Написать сообщение. Откроется окно диалогов Веб-мессенджера.


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

      - панель Веб-мессенджера до версии 12;

      - панель Веб-мессенджера версии 12.

      • 1 - вызывает окно диалогов.
      • 2 - вызывает окно Центра нотификаций, в котором выводится информация о различных событиях на портале.

      Примечание: Подробнее о работе Веб-мессенджера см. в курсе «Пользователь корпоративного портала».


      Примечание: Веб-месенджер и Уведомления доступны, только если установлен модуль Социальная сеть, который входит не во все редакции «1C-Битрикс: Управление сайтом».

      Публичный интерфейс до версии 9.5

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

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

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

      Панель управления поддерживает 4 режима работы системы. Из них три - это режимы работы публичного раздела сайта, а четвертый - это переход в административную часть:

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

      Режим Просмотр

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

      • Создание страницы или раздела:

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

      • Редактирование текущей страницы и изменение свойств страницы или раздела:

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

      • По кнопке можно управлять структурой сайта непосредственно в публичном разделе сайта:

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

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

      • Инструменты для поисковой оптимизации сайта доступны по кнопке . При ее нажатии прямо в публичном разделе загружается форма Инструменты для поисковой оптимизации страницы:

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

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

      • Редактирование меню:

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

        После сохранения изменения сразу вступят в силу.

      • Получение информации по статистике данного сайта:

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

      • Управление кешем страницы:

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

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

      Развернуть ее в нужный момент можно по стрелке вниз:

      Панель может быть зафиксирована вверху экрана:

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

      Таким образом, вы можете сразу перейти, например, на страницу со списком заказов:

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

      Режим Редактирование

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

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

      • Изменить страницу или свойства раздела также можно с помощью мастера из публичного раздела или в административном разделе с помощью форм редактирования:

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

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

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

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

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

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

      Вы можете:

      • Отредактировать включаемые области:

      • Управлять содержанием компонентов, размещенных на странице.

        Например, меню действий компонента, выводящего структуру разделов инфоблока Каталог книг, содержит такие операции:

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

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

        После сохранения элемент будет добавлен и опубликован в публичной части.

      Режим Разработка

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

      Режим Разработка содержит все действия из режимов Просмотр и Редактирование и дополнительно позволяет:

      • Редактировать текущую страницу в режиме полного php-кода:

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

      • Редактировать шаблон: изменить стили сайта и стили шаблона в форме из публичной части или перейти к полному редактированию шаблона в нужном разделе панели управления:

      • Расширены возможности работы с кешем: можно обновить кеш компонентов:

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

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

      В режиме Разработка доступны следующие действия над компонентами (например, для компонента Меню (bitrix:menu)):

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

      Примечание: подробно о работе с компонентами смотрите в разделе Компоненты 2.0 (начальные сведения).

      Административный раздел

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

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

      Для перехода в Административный раздел служит закладка , расположенная на Панели управления в публичном разделе сайта (в продукте до версии 9.5 вид закладки такой: ).

      Элементы административного раздела

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

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

      Интерфейс содержит следующие области:

      1. Административная панель;
      2. Административное меню;
      3. Меню функций;
      4. Рабочая область.

      Области административного интерфейса в Эрмитаже v.9.5

      Административная панель управления

      Интерфейс Эрмитаж (с версии 11.0)

      Функционал панели:

      Команды Панели управления
      Закладка Сайт - переход в публичный раздел.
      Закладка Администрирование.
      Центр уведомлений
      Открывает форму настроек активного модуля, либо позволяет перейти к настройкам интерфейса административной части. Например, если открыт раздел Управление структурой, эта кнопка открывает форму настроек модуля Управление структурой.
      Открывает (в отдельном окне) соответствующую страницу системы помощи с сайта компании 1С-Битрикс.
      Поиск в Панели управления по пунктам меню и настройкам модулей.
      Переход к изменению профиля текущего пользователя в форме административного раздела. Ссылка Выйти завершает авторизованный сеанс в административном разделе.
      Позволяет переключиться на другой (установленный в системе) язык административного интерфейса.
      Кнопка вызывает окно настроек горячих клавиш и позволяет их настроить для удобства текущей работы.
      Позволяет закрепить административную панель управления. Эта кнопка расположена на правом конце панели.

      Административный интерфейс в Эрмитаже v.9.5

      Административный интерфейс до версии 9.5

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

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

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

      Набор функций Контент содержит инструменты для управления информационными блоками, структурой сайта (т.е. папками и файлами), а также настройки документооборота и управления документами.

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

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

      Набор функций Веб-аналитика полностью посвящен функциям сбора, обработки и отображения статистики по сайтам. Этот раздел присутствует, только если установлен модуль Веб-аналитика.

      Набор функций Marketplace позволяет обновлять систему, устанавливать и обновлять партнерские модули и решения.

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

      Административное меню в Эрмитаже v.9.5

      Меню функций

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

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

      Меню функций в Эрмитаже v.9.5

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

      Сворачивание панелей в Эрмитаже v.9.5

      Основная рабочая область

      Рабочая область - это основная область, в которой происходит большинство операций по управлению сайтом:

      • просмотр элементов, составляющих контент сайта (например, информационных блоков, баннеров и т.п.);
      • добавление контента;
      • создание и удаление папок и файлов;
      • настройка меню и т.д.

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

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

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

      Для удобства текущего управления сайтом рекомендуется настроить Рабочий стол в Основной рабочей области.

      Пиктограмма (В интерфейсах до версии 11.0 она выглядит так: ), расположенная рядом с названием, содержит ссылку на текущую страницу (с учетом переходов по AJAX). Скопировать ссылку в буфер обмена можно, нажав на пиктограмме правой кнопкой мыши и выбрав команду Копировать ярлык. Ссылка на страницу может понадобиться вам, например, при обращении в службу технической поддержки компании 1C-Битрикс.

      Контекстная панель

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

      Контекстная панель имеет кнопку , в которой содержатся дополнительные команды. Обязательно присутствуют команды:

      • кнопка Настроить выводит диалоговое окно, в котором пользователь может выбрать колонки, которые требуется отобразить в таблице отчета данной формы, а также задать некоторые параметры, применяемые по умолчанию (поле и направление сортировки и т.п.).
      • кнопка Excel позволяет выполнить экспорт элементов формы отчета в Microsoft Excel.
      Контекстная панель в Эрмитаже v.9.5

      Форма отчета (Списки элементов)

      Форма отчета (Списки элементов)

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

      Список баннеров в Эрмитаже v.9.5

      На странице со списком элементов обычно выводится фильтр, контекстная панель, сам список элементов и панель действий под списком.

      Фильтр

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

      Типичный фильтр выглядит так:

      1. Область закладок.
      2. Кнопка сворачивания фильтра для освобождения места на экране монитора.
      3. Поля параметров поиска с кнопкой подсказки по условиям поиска.
      4. Чекбокс включения точного поиска. При использовании этого поля фильтр будет искать только точное совпадение введённого значения.
      5. Настройка фильтра
      6. Включение дополнительных параметров поиска.

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

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

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

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

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

      Активный фильтр меняет свой цвет. Если фильтр свёрнут, то меняет свой цвет действующая закладка:

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

      Фильтр в Эрмитаже v.9.5

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

      Настройка вывода в Эрмитаже v.9.5

      Таблица элементов

      Таблица элементов - основное средство для группировки и отображения информации в системе. Они бывают самые разные, в зависимости от типа элементов. Несмотря на свое разнообразие,таблицы имеют схожие поля.

      1. Контекстная панель. Состав панели может сильно различаться в зависимости от списка элементов.
      2. Колонка флажков.
      3. Меню действий.
      4. Собственно таблица, где размещаются элементы.
      5. Панель действий.
      6. Постраничная навигация.
      7. Окно выбора числа элементов в списке.

      Колонка флажков

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

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

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

      Панель действий в Эрмитаже v.9.5

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

      Меню действий

      Колонка Меню действий содержит кнопки, нажатие на которые приводит к появлению контекстного меню, в котором можно выбрать желаемое действие, допустимое над элементом таблицы. Например, элементы таблицы страницы Статьи (Контент > Статьи > Статьи) предполагают такие действия:

      Меню действий в Эрмитаже v.9.5

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

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

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

      Настройка списка в Эрмитаже v.9.5

      Полностью удалять все параметры из поля Выбранные колонки – нельзя, должна оставаться хоть одна колонка. Кроме изменяемых колонок в Таблице элементов есть и постоянные, неудаляемые. Это Колонка флажков и Колонка действий.

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

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

      Примечание: В некоторых формах с помощью кнопки Настроить можно осуществить импорт данных таблицы в файл формата Excel.


      Пример быстрого редактирования группы элементов

      Пример быстрого редактирования группы элементов

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

      В административном разделе зайдите на страницу со списком элементов инфоблока новостей:

      Список элементов в Эрмитаже v.9.5

      В меню действий новости, которую требуется удалить, выберите Удалить:

      Удаление элемента в Эрмитаже v.9.5

      Нажмите ОK в окне подтверждения и новость будет удалена:


      Отметьте все оставшиеся новости, выставив галочку в поле Отметить все/Снять отметку у всех:

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

      Выбор всех элементов в Эрмитаже v.9.5

      Примечание: При отметке хотя бы одной новости станет видна Панель действий каким бы большим не был список элементов.

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

      Групповое редактирование в Эрмитаже v.9.5


      Форма редактирования элемента

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

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

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

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

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

      Закладки в Эрмитаже v.9.5

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

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

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

      Кнопка переключения режима формы в Эрмитаже v.9.5

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

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

      Все формы работающие с контентом позволяют загрузить изображения:

      Настройка форм

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

      Отмена настроек формы в Эрмитаже v.9.5

      Подробнее про настройку формы смотрите в уроке Настройки форм инфоблоков.

      Навигация, Избранное и поиск

      В Административном разделе предусмотрено несколько способов навигации и поиска.

      Навигация

      Традиционно навигация осуществляется с помощью пунктов в Административного меню и Меню функций. Но есть и быстрый способ навигации - с помощью навигационной цепочки:

      Избранное

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

      В избранное можно добавить любую страницу как Публичного, так и Административного раздела, а так же созданные вами фильтры.

      Добавить страницу с публичного раздела в Избранное можно так:

      • В Публичном разделе:
        • Откройте необходимую страницу.
        • Выполните команду Меню > Избранное > Добавить в избранное. В Административном разделе откроется форма редактирования ссылки Избранного.
        • Заполните поля ссылки и сохраните изменения.
      • В Административном разделе:
        • с помощью специальной кнопки:

        • перетаскиванием (drag&drop) страницы (или предустановленного фильтра) из Меню функций к правому краю экрана:

      Ссылки в Избранном можно удалить, расположить в определенном порядке, так же как вы это будете делать с любыми другими данными с помощью команды Меню > Организовать избранное. При этом откроется страница Административного раздела Настройки > Избранное. При редактировании ссылки на странице можно изменить название ссылки, но нельзя менять ее путь (поле Ссылка). При необходимости можно добавить комментарий в специальное поле.

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

      "Умный" поиск

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

      Поиск по файлам

      В рамках файловой структуры есть ещё один механизм поиска, который предназначен для администраторов сайта. Если у вас есть доступ к файловой структуре, то про этот вид поиска можно прочитать здесь.

      Рабочий стол

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

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

      Рабочий стол в Эрмитаже v.9.5

      Гаджеты

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

      Гаджетом еще называют современные электронные приборы типа мобильного телефона, карманного компьютера и других. В «1С-Битрикс: Управление сайтом» описываемые программные элементы называют гаджетами по аналогии с похожими программными элементами от компании Google. Аналогичные программные элементы для операционной системы Windows называются виджеты. Но так как «1С-Битрикс: Управление сайтом» может быть установлен не только на ОС Windows, но и на ОС Linux и другие, то решено не использовать термин «виджет».

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

      Список гаджетов

      Настройка "Рабочего стола"

      Управление Рабочим столом

      Управление Рабочим столом выполняется с помощью кнопки:

      Доступно:

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

      Управление гаджетами

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

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

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

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

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

      Пример параметров настройки:

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

      Горячие клавиши

      Пользователям проектов на Bitrix Framework доступен инструмент Горячие клавиши. Система допускает не только использование, но и задание новых клавиш.

      Управление горячими клавишами производится на странице Настройки > Настройки продукта > Интерфейс > Горячие клавиши:

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

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

      • Наименование - выводится у пользователей в окне настроек горячих клавиш;
      • Выполняемый JavaScript код - код, вызывающий нужное действие.

      Примечание: Описание других полей смотрите в документации.

      Пустое поле Адрес (URL) где будет работать означает, что действие для привязки к горячим клавишам будет доступно везде, где есть административная панель. Если необходимо, чтобы действие выполнялось на какой-то конкретной странице, или в конкретном разделе, то их нужно указать в данном поле, например:

      http://127.0.0.1:84/bitrix/admin/hot_keys_list.php

      или

      /bitrix/admin/

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

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

      Пример

      Можно назначить по горячей клавише переход в наиболее часто используемый раздел. Код JavaScript для открытия страницы Настройки > Настройки продукта > Интерфейсы > Горячие клавиши Административного раздела будет выглядеть так:

      location.href='/bitrix/admin/hot_keys_list.php';

      Информация на сайте и работа с ней

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

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

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

      Управление информацией это:

      • Создание страниц и разделов сайта.
      • Задание свойств страниц и разделов.
      • Размещение статической информации на странице.
      • Управление правами доступа к страницам и разделам.
      • Размещение и настройка компонентов на странице.
      • Добавление данных в информационные блоки.

      Контроль сессии

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

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

      В системе "1С-Битрикс: Управление сайтом" с версии 9.5 реализована "живая сессия". Если вы долго пишете в блог или заполняете какую-либо форму, обращений к серверу не происходит, т.е. сессия формально истекает, но система проверяет ваши действия - нажатия кнопок клавиатуры, движения или клики мышью и при наличии активности автоматически продлевает вашу сессию. И только в том случае, если в окне браузера, где открыт сайт никаких действий не происходит, то сессия истекает и по истечении сессии выдается сообщение:

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

      Примечание: Время жизни сессии можно изменить. Если в этом возникла необходимость - обратитесь к администратору сайта.

      Типы информации

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

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

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

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

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

      Разделы статические и динамические

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

      Но с технической точки зрения - это разные вещи:

      • Раздел в динамической структуре - это запись в базе данных и такой раздел создается с помощью команды Создать раздел при включенном режиме Правка: . (Указатель мыши должен быть наведен на область сайта, где расположен компонент.)
      • Раздел в статической структуре - это папка с файлами, которая создается по кнопке на Панели управления.

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

      Пример размещения статической и динамической информации

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

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

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

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

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

      Примечание: Детально о размещении компонентов смотрите в разделе Компоненты 2.0 (начальные сведения).

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

      Примечание: Детально о размещении информации в информационных блоках смотрите в главе Информационные блоки (начальные сведения).

      Управление любым видом информации возможно как с Публичного, так и с Административного разделов.

      Редактирование и удаление информации

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

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

      Структура страниц сайта

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

      В общем случае все страницы сайта имеют следующую структуру:

      Структурно дизайн поделен на три части:

      • Верхняя - header. Включает в себя, как правило, верхнюю и левую часть дизайна со статической информацией (логотипом, лозунгом и так далее), верхним горизонтальным меню и левым меню (если они есть в дизайне). Может включать в себя информационные динамические материалы.
      • Основная рабочая область - work area. Рабочая область страницы, в которой размещаются собственно информационные материалы сайта. В качестве Основной рабочей области может подключаться как физический файл, так и создаваемый системой на основе комплексных компонентов динамический код.

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

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

      Эти три части могут занимать разную площадь, иметь разную форму. Неизменно одно: их порядок.

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

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

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

      Включаемые области могут отображаться:

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

      Подробнее про работу с включаемыми областями смотрите в уроке Работа с включаемыми областями.

      Создание новых страниц и разделов в интерфейсе Эрмитаж

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

      Для статической информации в рамках файловой структуры сайта страница - это файл, а раздел - это папка. Соответственно, создавая страницу вы создаете файл, создавая раздел - папку.

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

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

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

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

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

      Создание страниц в Эрмитаже v.9.5

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

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

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

      Первый шаг

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

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

        В названии файла недопустимо использование следующих спецсимволов: / ? * < > " '.

      • Снятие флажка Перейти к редактированию страницы исключит из мастера последний шаг и система создаст пустую страницу.
      • Снятие флажка Добавить пункт меню исключит из мастера второй шаг и система создаст страницу, не отображаемую в меню.
      • Установка флажка Ограничить доступ к странице позволит создать страницу, наполнить ее содержанием и добавить в меню, но ограничить доступ для определенных групп пользователей, например, всех пользователей, кроме разработчиков сайта. Функция удобна, если создаваемая страница должна быть наполняться содержанием несколькими людьми или с течением времени перед ее вывешиванием на сайт.
      • Ссылка Настроить группы редакторов по умолчанию позволяет быстро перейти в Административный раздел для редактирования прав доступа конкретных групп.

      Второй шаг

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

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

      Третий шаг

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

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

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

      Четвертый шаг

      Наполнение страницы содержанием.

      Добавьте на страницу нужную статическую информацию или компоненты.

      Создание страниц через документооборот

      Функция доступна во всех редакциях "1С-Битрикс: Корпоративный портал" и в "1С-Битрикс: Управление сайтом" начиная с редакции "Бизнес". Использование этой функции имеет ограничения: нельзя сразу назначить странице пункт меню, нельзя задать ключевые слова и теги, недоступно использование автоматической транслитерации.

      Для создания новой страницы через Документооборот воспользуйтесь командой Через документооборот кнопки в Публичной части (либо кнопкой Добавить на контекстной панели страницы Контент > Документооборот > Документы в Административной части). Откроется форма создания страницы (в Административном отделе системы):

      • Поле Шаблон, по умолчанию используется стандартный шаблон.
      • Поле Статус - выбирается текущий статус страницы. Для всеобщего доступа документ должен иметь статус Опубликован.
      • Поле Полное имя файла - имя файла и путь до него в структуре файловой системы сайта. Возможно изменение и имени и пути.
      • Поле Заголовок - заголовок страницы.
      • Поле для ввода содержания страницы. Можно использовать визуальный редактор или вводить текст в текстовом формате или тегах HTML.

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

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

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

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

      Удалить страницу можно и из административного раздела с помощью контекстного меню. Читайте об этом в уроке Менеджер файлов.

      Внимание! Удаление индексной (главной) страницы может привести к недоступности всего раздела.

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

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

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

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

      Третий шаг

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

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

      Внимание! При создании раздела автоматически создается страница index.php, которая и отображается на сайте как главная страница раздела. Удаление этой страницы приведет к тому, что раздел станет недоступен для просмотра.

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

      В рамках файловой структуры сайта страница - это файл, а раздел - это папка. Соответственно, создавая страницу вы создаете файл, создавая раздел - папку.

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

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

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

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

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

      Первый шаг. Создание собственно страницы.
      • В открывшемся окне мастера укажите Имя файла и задайте произвольный Заголовок страницы.
      • Если сразу после создания страницы необходимо перейти к ее редактированию, то отметьте опцию перейти к редактированию. В этом случае по окончании работы мастера откроется визуальный редактор, с помощью которого выполняется наполнение страницы содержимым.
      • Для добавления страницы в меню отметьте опцию добавить пункт меню. Создание пункта меню выполняется на следующем шаге.
      		  Нажмите на рисунок, чтобы увеличить
      Второй шаг. Создание пункта меню.
      • Укажите Имя нового пункта меню. По умолчанию в поле подставляется заголовок страницы.
      • Выберите Тип меню, в которое будет добавлен новый пункт.
      • Укажите, перед каким пунктом меню должен быть добавлен новый пункт.
      		  Нажмите на рисунок, чтобы увеличить
      Третий шаг. Задание свойств страницы.
      • Значения свойств страницы наследуются из раздела, в котором она создана. Для изменения свойства кликнете по полю и укажите необходимое вам значение.
      • Если необходимо, то задайте Теги страницы, которые будут использоваться при ее поиске.
      		  Нажмите на рисунок, чтобы увеличить
      Четвертый шаг. Редактирование страницы.
      • Используя средства визуального редактора, наполните страницу содержимым. На странице может быть размещена как статическая, так и динамическая информация.
      • Сохраните внесенные данные с помощью кнопки Сохранить.
      		  Нажмите на рисунок, чтобы увеличить

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

      Скачать ролик (10,5 Мб, длительность 4 мин. 26 сек.)

      Кроме того, вы можете ознакомится с видеороликом "Редактирование страницы" (9,9 Мб, длительность 2 мин. 52 сек.), в котором описаны возможные режимы редактирования страницы.

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

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

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

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

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

      Откроется мастер, с помощью которого будет создан новый раздел в текущем (открытом в данный момент) разделе сайта:

      В процессе создания нового каталога независимо от того, в каком разделе сайта (публичном или административном) он создается, вы можете:

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

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

      • создать индексную страницу раздела.
      Внимание! При создании раздела автоматически создается страница index.php, которая и отображается на сайте как главная страница раздела. Удаление этой страницы приведет к тому, что раздел станет недоступен для просмотра.

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

      Свойства раздела и страницы — это параметры, которые влияют на отображение страницы в браузере и ее взаимодействие с поисковыми системами.

      Предлагаемая в продукте возможность задавать свойства страниц и разделов позволяет:

      • организовать гибкое управление показом информации на сайте;
      • управлять мета-данными страниц (например, ключевыми словами) для оптимизации сайта под поисковые системы;
      • управлять показом навигационной цепочки;
      • и т.д.

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

      • вывод заголовка документа в верхней части браузера:

        Заголовок окна веб-браузера
      • вывод заголовка документа в содержательной части документа:

        Заголовок страницы

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

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

      • устанавливать одинаковый заголовок для страницы сайта и окна веб-браузера;

        Одинаковый заголовок
      • задавать различные заголовки для страницы сайта и окна веб-браузера;

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

          Название раздела
        • названия текущего товара или новости;

          Название элемента каталога
        • и т.д.

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


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

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

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

      • при создании страницы с помощью кнопки Создать страницу

        в форме Мастер создания новой страницы

        • либо

      • при редактировании страницы с помощью пункта меню Заголовок и свойства страницы кнопки Изменить страницу

        пункт меню "Заголовок и свойства страницы"

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

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

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

      Внимание! Любое действие кнопок, размещенных на Административной панели, относится к открытой на данный момент странице или разделу. Если необходимо изменить свойства какого-либо конкретного раздела (страницы), то нужно перейти в Публичном разделе именно в этот раздел (на эту страницу) либо воспользоваться кнопкой Структура.

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

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

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

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

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

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

        • либо

      • при редактировании раздела с помощью пункта меню Свойства раздела кнопки Изменить раздел

        пункт меню "Свойства раздела"

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

        пункт меню "Свойства раздела"

      Примечание: Создание пользовательских типов свойств описано в курсе Администратор Базовый, урок Создание типов свойств.

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

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

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

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

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

      Пример принципа наследования

      Рассмотрим пример интернет-магазина:

      Допустим, перед нами стоит задача запретить доступ ко всем страницам раздела Бытовая техника. Если отдельно для страниц данного раздела (Кухонные электроприборы; Холодильники, морозильные камеры; Вентиляторы, пылесосы, кондиционеры; Телевизоры) не изменялись права доступа, то все они будут наследовать право вышележащего раздела. Поэтому нам достаточно изменить право доступа для раздела Бытовая техника.

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

      В открывшейся форме показано, что раздел наследует от вышележащего раздела (Каталог товаров из 1С.Предприятие) для всех пользователей право доступа Чтение. Изменим его на Доступ закрыт:

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

      Право доступа к страницам будет наследовать право раздела Доступ закрыт.

      Ограничение доступа

      Ограничить доступ можно:

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

      Ограничение доступа на этапе создания страницы или раздела

      На данном этапе для ограничения доступа используется опция Ограничить доступ к странице/разделу (не публиковать), которая позволяет создать страницу/раздел видимую только для указанных групп пользователей. Это позволяет создавать страницу с контентом в течение некоторого времени разными людьми и только потом опубликовать её на сайте.

      Примечание: Создание страницы или раздела подробно описано в уроке Создание новых страниц и разделов в интерфейсе Эрмитаж.

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

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



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

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

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

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

      диалог "Права доступа к разделу"

      Для добавления нового правила используйте ссылку Добавить право доступа. При этом откроется окно выбора объекта (пользователя или группы) для выбора:

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

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

      кнопки "Изменить страницу/Изменить раздел" c символом замок

      Примечание: Кнопки на панели будут так же отображаться с символом замок, если при создании раздела/страницы в мастере создания нового раздела/страницы была отмечена опция Ограничить доступ к разделу/странице (не публиковать).

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

      ссылка "Отменить ограничения доступа для этого раздела/страницы"

      Примечание: Данная ссылка отображается только после изменения прав доступа на отличные от прав по умолчанию.

      Включение ЧПУ

      Для более успешной работы поисковых машин с сайтом и более адекватного восприятия адресов сайта посетителями рекомендуется использовать человеко-понятные URL (ЧПУ).

      ЧПУ (англ. Friendly URL) — веб-адреса, удобные для восприятия человеком (а также систем и методов построения таких адресов). Является аббревиатурой от словосочетания «человеко-понятный урл» (где «урл» — жаргонное обозначение URL).

      Настройка показа страницы

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

      При выводе содержимого сайта, будь то новости или обзоры, компонент может генерировать человеко-понятные URL, если в его настройках включен режим ЧПУ:

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

      После этого ссылка, скажем на новость, будет иметь вид mysite.com/news/1/. Чтобы ссылка содержала заголовок новости, при ее добавлении из административного режима укажите символьный код, который в нашем случае представляет собой заголовок новости на латинице:

      На этой же вкладке вы можете указать основные теги новости.

      В параметрах компонента, на вкладке Управление адресами страниц в качестве каталога ЧПУ укажите имя раздела с нужной информацией (в нашем случае это /content/articles/), а в поле Страница детального просмотра введите #ELEMENT_CODE#/.

      Сохраните внесенные изменения и URL страницы примет более удобный для восприятия вид:

      Настройка показа раздела и страницы

      В первом случае инфоблок не имел разделов и все его элементы хранились в корне инфоблока, а на сайте выводились без учёта разделов. Если же у инфоблока есть разделы, то необходимо настроить ЧПУ и для разделов.

      Общий порядок действий в этом случае аналогичный:

      • настроить символьные коды для разделов и элементов;
      • настроить условия вывода в компоненте.

      Заполнение Символьных кодов для элементов была показана выше, заполнение Символьных кодов в разделах выполняется аналогично: заполнением одноимённого поля в закладке Дополнительно при создании или редактировании раздела:

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

      В результате получится такой адрес новости:

      Примечание: Возможно использование вместо символьного кода для раздела или элемента его ID в системе. Тогда можно не заполнять поле Символьный код, а в настройках элемента использовать #SECTION_ID# и #ELEMENT_ID#. В этом случае адрес страницы будет выводиться в виде чисел:

      Возможно использование в настройках отдельных слов перед регулярными выражениями на латинице или на кириллице. Например: /#SECTION_CODE#/Новость#ELEMENT_CODE#/. В этом случае эти слова также отобразятся в адресе страницы:

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


      Управление адресами страниц

      Короткая ссылка - функционал, позволяющий изменить вид адреса любой страницы в рамках домена. То есть ссылка вида: http://dev.1c-bitrix.ru/learning/course/index.php?COURSE_ID=34&CHAPTER_ID=637 может выглядеть как http://dev.1c-bitrix.ru/Эрмитаж.

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

      Внимание! Данный функционал должен быть разрешен контент-менеджеру администратором сайта.

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

      Контент-менеджер имеет возможность изменить адрес страницы. Задачи, которые можно решать с помощью такого изменения:

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

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

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

      Поля формы:

      • Ссылка - выводится реальный адрес страницы.
      • Короткая ссылка - вводится новый адрес страницы. Система будет автоматически предлагать вариант короткой ссылки из случайного набора знаков. По умолчанию в предлагаемом варианте на первом месте стоит "~" (тильда). Делается это специально для легкой зрительной идентификации короткой ссылки от других адресов. Использование тильды не является обязательным, но рекомендуется.
      • Код HTTP статуса - выбирается тот или иной статус. Выбор конкретного статуса для конкретной страницы рекомендуется согласовывать с SEO-специалистом.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      В обоих случаях контент-менеджерам рекомендуется второй способ.

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

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

      Примечание! Система поддерживает использование файлов с именами как на латинице, так и на кириллице, без ограничений по регистру. Недопустимо только использование спецсимволов: \ / ? * < > " '.

      Подробнее про загрузку файлов смотрите в курсе Администратор. Базовый, урок Загрузка файлов на сайт.

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


      Применение шаблонов дизайна

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

      Как правило для большинства страниц сайта используется один и тот же шаблон внешнего вида. Однако "1С-Битрикс: Управление сайтом" допускает использование любого количества шаблонов. Вплоть до того, что можно назначить свой собственный шаблон на каждый раздел сайта, на каждую страницу. И более того, выводить разные шаблоны для одной и той же страницы в зависимости от разных условий, например, для авторизованных пользователей один шаблон, для неавторизованных - другой.

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

      Применение шаблонов к странице производится в Административном разделе на странице редактирования сайта Настройки > Настройки продукта > Сайты > Список сайтов. Перейдите на эту страницу и откройте для редактирования нужный сайт.

      Внимание! Это очень важная страница! На ней, кроме описанных ниже действий, ничего более выполнять нельзя без ведома администратора!

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

      • Без условия - выбранный шаблон будет применен к каждой странице сайта, к которой не указано условия.
      • Для папки и файла - выбранный шаблон будет применен только к указанной папке (разделу) или файлу (странице). При выборе этого условия в колонке Условие появится поле для указания папки или файла. Папку или файл можно указать вручную, либо с помощью кнопки [...].
      • Для групп пользователей - страница в выбранном шаблоне будет отображаться только тем пользователям, которые относятся к указанным группам. В колонке Условия отобразится список всех групп, имеющихся в системе. Можно выбрать одну или несколько групп.
      • Период времени - страница будет отображаться в выбранном шаблоне в указанный период времени.
      • Параметр в URL - страница в выбранном шаблоне будет отображаться только в случае если в ее адресе стоит определенный параметр.
      • Выражение PHP - шаблон применяется к странице, которая будет выбрана в соответствии с заданным выражением PHP.

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

      Дополнительная информация


      Работа с бизнес-процессами

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

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


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


      Управление структурой

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

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

      • через Публичный раздел с помощью кнопки Структура;
      • через Административный раздел с помощью Менеджера файлов.

      Контент-менеджеру рекомендуется использовать первый способ. Тем не менее, в ряде случаев допустимо и обращение к Менеджеру файлов.

      Кнопка Структура

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

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

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

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

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

      Менеджер файлов

      Из Административной части управление структурой осуществляется с помощью Менеджера файлов. Несмотря на то, что все работы по управлению структурой рекомендуется осуществлять из Публичной части, Контент-менеджеру будет полезно знать основные моменты по работе с Менеджером файлов.

      Инструменты и средства управления Менеджера файлов позволяют:

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

      Перейти в Менеджер файлов можно из административного меню (Контент > Структура сайта). Меню для секции Структура сайта создается динамически по мере погружения в уровни иерархии:

      В рамках этой секции представлена логическая и физическая структура сайта.

      • Логическая структура - список папок и файлов в том виде, как они представляются пользователям сайта.
      • Физическая структура - список папок и файлов в том виде, в котором они существуют на сервере.
      Внимание! Разница между логической и физической структурой в свете выполнения базовых действий на сайте в том, что в рамках логической структуры невозможно удаление, перемещение файлов. А только редактирование и просмотр.

      Логическая структура

      Логическая структура в Эрмитаже v.9.5

      Эта структура сайта создается на основе заголовков, которые задаются в диалоге управления свойствами папок (страниц). Эти же заголовки используются при построении цепочки навигации по сайту. Например, если для папки /about установлен заголовок О проекте, данная папка будет показана в менеджере файлов следующим образом:

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


      Физическая структура

      Физическая структура или структура файлов и папок представлена аналогично логической структуре.

      Физическая структура в Эрмитаже v.9.5

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

      Менеджер файлов содержит следующие элементы управления:

      • Контекстная панель;
      • Контекстное меню;
      • Панель групповых операций.

      Контекстная панель

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

      • Добавить - кнопка с выпадающим меню, позволяющая создать в текущей директории новую папку, файл или создать меню для текущего раздела сайта;
      • Загрузить файл - кнопка, позволяющая перейти к форме загрузки файлов в текущую директорию;
      • Дополнительно - кнопка с выпадающим меню, позволяющая перейти к форме управления свойствами текущей папки или показать в столбце Права на доступ продукта уровень прав доступа к файлам и папкам для выбранной группы пользователей;
      • Путь - строка, которая позволяет перейти в указанную директорию сайта. Для перехода по указанному пути используется кнопка OK;
      • Поиск - переход к форме поиска;
      • Настройки (пиктограмма "шестеренка") - кнопка с выпадающим меню, позволяющая перейти к форме настройки внешнего вида списка или экспортировать данные из отображаемой таблицы в формат MS Excel.

      Контекстное меню

      Контекстное меню позволяет выполнять определенные действия над выбранным файлом или папкой. Вызвать контекстное меню элемента можно с помощью кнопки , расположенной в столбце Действия, либо с помощью клика правой кнопкой мыши на выбранном элементе:

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

      Примечание: Полный список действий доступен на странице пользовательской документации Менеджер файлов.

      Поиск

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

      Большинство значений полей ясно из их названий, а:

      • кнопка [...] позволяет выбрать папку из структуры;
      • кнопка позволяет выбрать сайт;
      • ссылка Дополнительно позволяет задать дополнительные параметры поиска.

      Для замены файлов или папок используется закладка Заменить формы Поиск:

      Панель групповых операций

      Данная панель позволяет выполнять групповые операции над элементами списка, отмеченными в Колонке флажков.

      ИконкаОписание
      применение выбранного действия ко всем элементам в списке;
      быстрое редактирование выбранных элементов непосредственно в списке (и т.ч. переименование файлов и папок);
      удаление выбранных элементов;
      список действий, доступных для выполнения над выбранными элементами.

      Примечание: Полный список действий доступен на странице пользовательской документации Менеджер файлов.

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

      где:

      • в поле Файл(ы) перечислены файлы и папки, над которыми производятся операции;
      • в поле В папку указывается путь для операций над файлами и папками;
      • кнопка [...] позволяет выбрать папку из структуры;
      • кнопка позволяет выбрать сайт;
      • ссылка Дополнительно позволяет задать действия при совпадении имен папок и файлов.

      Примечание: В системе поддерживается операция создания архивов форматов *.tar.gz и *.zip для файлов или папок, как по отдельности, так и для всех сразу. Создание архивов выполняется с помощью соответствующего пункта меню действий для файла/папки или панели групповых операций.

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

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

      Меню в системе "1С-Битрикс: Управление сайтом" наследуемое. Это значит, что если для одного компонента Меню в шаблоне сайта выбран определенный тип меню, то это меню будет транслироваться ниже на все разделы и страницы сайта с этим шаблоном, если в этих разделах и страницах не было созданного собственного меню. Этот механизм удобен для главного меню сайта, обычно ему присваивают тип Верхнее (Top).

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

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

      Типы меню (тема для углублённого понимания системы, не обязательно к изучению)

      Построение меню

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

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

      Примечание: Если создание динамического меню необходимо произвести самостоятельно, то обратитесь к курсу Разработчик Bitrix Framework.

      Создание

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

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

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

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

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

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

      ПоляОписание
      Название Имя пункта меню.
      Ссылка Ссылка на пункт меню.
      Инструменты Описание
      Перетащить пункт меню мышьюИнструмент для изменения положения пункта меню в общем порядке способом Drag&Drop.
      Открыть диалог выбора файла Переход к диалогу выбору ссылки на раздел или страницу, по которой будет осуществлен переход при выборе данного пункта меню.
      Передвинуть пункт выше Инструменты для пошагового изменения положения пунктов меню относительно друг друга.
      Передвинуть пункт ниже Инструменты для пошагового изменения положения пунктов меню относительно друг друга.
      Удалить пункт меню Удаление пункта меню

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

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

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

      Пункт меню с ограниченным доступом

      Система допускает создание меню с ограниченным доступом. Такой доступ настраивается из Административного раздела. Если у контент-менеджера не хватает прав на доступ к расширенному редактированию меню, обратитесь к администратору сайта. Детально расширенная настройка пунктов меню описана в уроке Расширенный режим настройки меню курса Администратор. Базовый.

      Управление цепочкой навигации

      Цепочка навигации - последовательный список ссылок на разделы и страницы сайта, который показывает уровень "погружения" текущей страницы в структуру сайта.

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

      Навигационная цепочка подключается с помощью визуального компонента Навигационная цепочка (bitrix:breadcrumb). Чтобы цепочка навигации по умолчанию выводилась на всех страницах сайта, ее обычно подключают в шаблоне дизайна сайта. Эту операцию выполняют разработчики сайта при его создании. Контент-менеджеру остается только управление названиями разделов, которые будут отображаться в цепочке навигации

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

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

      В результате откроется форма настройки свойств текущего раздела:

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

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

      Примечание: Дополнительная информация по управлению свойствами представлена в разделе Управление свойствами страниц и разделов.

      Медиабиблиотека

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

      Коллекции медиабиблиотеки группируются по типам содержимого:

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

      Медиабиблиотека включает в себя следующие функциональные возможности:

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

      Настройки медиабиблиотеки

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

      • Перейдите на вкладку Медиабиблиотека на странице настроек модуля Управление структурой (Настройки > Настройки продукта > Настройки модулей > Управление структурой ).
      • Измените настройки Медиабиблиотеки:
        • Отметьте опцию Использовать медиабиблиотеку, иначе данный функционал будет не доступен:

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

      Управление коллекциями

      Медиабиблиотека (Контент > Структура сайта > Медиабиблиотека) представляет собой многоуровневую структуру.

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

      Панель содержит следующие элементы:

      • Кнопка (либо )- просмотр содержимого коллекции (либо сворачивание ее в компактный режим).
      • Флажок - выбор коллекций, к которым предполагается применить какое-либо действие. Для каждого элемента коллекции также доступен флаг выбора.
      • Меню действий содержит следующие действия:

      Клик мышью по панели используется для просмотра содержимого коллекции:

      Панель действий медиабиблиотеки включает в себя всего два действия: Для всех и Удалить.

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

      Добавление новой коллекции

      Любая коллекция Медиабиблиотеки может иметь неограниченное количество вложенных в себя коллекций.

      Чтобы добавить новую коллекцию, выполните следующее:

      • По кнопке Новая коллекция откройте форму добавления коллекции медиаданных;

      • Заполните поля формы:
        • Название - укажите название коллекции;
        • Описание - задайте произвольное описание элемента;
        • Ключевые слова - задайте ключевые слова, которые в дальнейшем будут использоваться для поиска элементов данной коллекции;
        • Расположение - укажите расположение коллекции (коллекция может находиться на Верхнем уровне структуры, или быть вложенной в другую коллекцию):

      • Нажмите кнопку Сохранить. Новая коллекция будет создана и отобразится на странице Медиабиблиотека.

      Редактирование коллекции

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

      • В меню действий, расположенном на контекстной панели коллекции, выберите пункт Редактировать:

      • Внесите необходимые изменения, заполнив поля открывшейся формы:

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

      Типы содержимого медиабиблиотеки

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

      Создание нового типа

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

      • Нажмите на кнопку Настроить типы, расположенную на контекстной панели медиабиблиотеки. Откроется страница настройки модуля Управление структурой.
      • В самом низу формы, после форм настройки типов есть кнопка Добавить. По её нажатии на странице отобразится секция Новый тип.
      • Заполните поля формы:

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

      Настройка типов

      Настройка типов содержимого медиабиблиотеки производится на странице настройки модуля Управление структурой, вкладка Медиабиблиотека.

      Типы Изображения, Видео и Аудио являются системными типами и для них можно настроить только Список расширений файлов, остальные поля для изменения не доступны. Тип Изображения является основным типом Медиабиблиотеки и не может быть удален. Типы, созданные пользователями, доступны как для редактирования, так и для удаления.

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

      Добавление элемента коллекции

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

      • Нажмите кнопку Новый элемент, расположенную на контекстной панели Медиабиблиотеки, или выберите пункт Добавить элемент меню действий коллекции ().
      • В открывшейся форме, в поле Файл укажите путь к файлу, который должен быть добавлен в медиабиблиотеку:

        • Файл может быть загружен с локального компьютера либо выбран из уже загруженных файлов в структуре сайта:

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

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

        Список разрешенных расширений файлов задается на странице настроек модуля Управление структурой в поле Другие разрешенные расширения медиафайлов:

      Множественная загрузка

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

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

      • Нажмите на кнопку Множественная загрузка, расположенную на контекстной панели Медиабиблиотеки. Откроется страница Множественная загрузка элементов в медиабиблиотеку:

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

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

      Параметры загружаемых элементов

      После отправки элементов в Медиабиблиотеку открывается страница Параметры загруженных элементов:

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

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

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

      Управление элементами коллекции

      Контекстная панель элемента

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

      • - перейти к детальному просмотру элемента:

      • - перейти к редактированию элемента;
      • - удалить элемент из коллекции.

      Редактирование элемента

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

      • Наведите курсор на изображение и кликните по иконке ;
      • В открывшейся форме редактирования элемента внесите необходимые изменения:

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

      • Нажмите кнопку Сохранить, чтобы изменения вступили в силу. Чтобы изменения не были сохранены, воспользуйтесь кнопкой Отмена.

      Настройка прав доступа к коллекциям

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

      • Нажмите на кнопку Доступ, расположенную на контекстной панели, или выберите пункт Доступ меню действий коллекции () медиабиблиотеки. Откроется форма Установка прав на доступ к коллекциям медиабиблиотеки:

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

        • Примечание: по умолчанию настройки прав доступа к коллекции распространяются на все вложенные коллекции.

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

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

        • Доступ закрыт – доступ пользователей к данной коллекции закрыт;
        • Просмотр коллекций – пользователям разрешено просматривать содержимое коллекции;
        • Создание новых – пользователи могут создавать новые коллекции;
        • Редактирование элементов – пользователи могут не только создавать коллекции, но и управлять их элементами;
        • Редактирование элементов и коллекций – пользователи могут управлять и элементами, и коллекциями медиабиблиотеки;
        • Полный доступ – пользователи имеют полный доступ к медиабиблиотеке.
      • Нажмите кнопку Сохранить. Изменения прав доступа вступят в силу.

      Поиск

      Поиск элементов Медиабиблиотеки осуществляется по полям свойств этих элементов.

      Например, чтобы отобрать элементы, соответствующие теме отпуск, выполните следующее:

      • Введите в поле Поиск слово отпуск:

      • Нажмите кнопку Искать.
      • Результатом поиска станут элементы, в Названии, Описании или Ключевых словах которых присутствует слово отпуск:

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

      Ссылка Скрыть закрывает результаты поиска.

      Важно! при удалении элементов, отображаемых в Результатах поиска, они будут удалены из всех коллекций медиабиблиотеки.

      Примеры использования медиабиблиотеки

      Работа с медиабиблиотекой при редактировании страницы сайта

      Добавление изображения:

      • По нажатию кнопки Изменить страницу перейдите к редактированию страницы в визуальном редакторе.
      • Нажмите кнопку Изображение , расположенную на контекстной панели редактора, чтобы добавить изображение на страницу сайта. Откроется форма Новый рисунок.
      • В поле Путь к изображению укажите Выбрать из медиабиблиотеки:

      • В открывшейся форме выберите подходящее изображение:

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

      • Заполните остальные поля формы.
      • Нажмите кнопку Сохранить.

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

      Размещение на странице компонента для проигрывания медиафайлов:

      • По кнопке Изменить перейдите к редактированию страницы сайта в визуальном редакторе.
      • Добавьте на страницу компонент Медиа проигрыватель (bitrix:player) (Контент > Медиа > Медиа проигрыватель).
      • В Параметрах компонента в поле Путь к файлу укажите расположение файла.

      • С помощью кнопки […] выберите нужный файл из Медиабиблиотеки:

      • Сохраните результаты редактирования страницы.

      Использование медиабиблиотеки при работе с информационными блоками

      В качестве примера рассмотрим добавление элементов каталога:

      • Добавьте новый элемент в Каталог книг (Контент > Каталог книг > Книги).
      • В открывшейся форме создания элемента перейдите на вкладку Подробно.
      • В строке Детальная картинка с помощью кнопки выберите команду Выбрать из медиабиблиотеки:

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

      Визуальный редактор

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

      WYSIWYG (произносится как «ви-зи-виг», от англ. What You See Is What You Get — «что видишь, то и получишь») — способ редактирования, при котором корректируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат.

      Визуальный редактор в "1С-Битрикс: Управление сайтом" является штатным функционалом и не требует дополнительной установки. Администратор сайта может запретить использование редактора в некоторых случаях. Если Визуальный редактор недоступен, то обратитесь к администратору.

      Редактор работает с браузерами:

      • Internet Explorer версии 7 и выше;
      • Firefox версии 3.x и выше;
      • Opera версии 10.x и выше;
      • Safari версии 5 и выше;
      • Google Chrome версии 7 и выше.

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

      Внешний вид редактора

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

      Панель инструментов

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

      • Стандартные

      • Шаблон сайта

      • Управление и настройки

      • Стиль

      • Форматирование

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

      При наведении курсора на выделенную область курсор меняет внешний вид.

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

      Восстановить отображение панели можно с помощью кнопки Настройки.

      Примечание: Подробнее о настройке внешнего вида смотрите в уроке Настройка внешнего вида редактора.

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

      Панель задач

      Панель задач может состоять из нескольких закладок: Компоненты и Сниппеты.

      Примечание: В версии продукта до 9.5 присутствует закладка Компоненты 1.0. Она позволяет добавлять на страницу компоненты 1.0, которые устарели и не рекомендуются к использованию.

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

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

      Ниже вы можете познакомиться с видео-роликом, в котором подробно рассматриваются внешний вид редактора и его панели. (2 минуты 17 секунд, 7.86 Мб.)

      Загрузить ролик.

      Панель переключения режимов редактирования

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

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

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

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

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

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

      Панель отображения свойств объектов (Свойства)

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

      • По кнопке Свернуть можно временно скрыть панель. Вернуть ее можно, используя кнопки панели 6.
      • Кнопка Настроить вызывает форму настройки внешнего вида редактора, которая также доступна по кнопке Настройки панели инструментов.

      Ниже вы можете познакомиться с видео-роликом, в котором подробно рассматриваются внешний вид редактора и его панели. (2 минуты 17 секунд, 7.86 Мб.)

      Загрузить ролик.

      Кнопки панели инструментов визуального HTML-редактора

      Настройка внешнего вида редактора

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

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

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

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

      • Панели инструментов - служит для настройки показа панели инструментов. Есть возможность отключить ненужные в данный момент панели (снимая флаги рядом с названием панелей). Панель Стандартные отключить невозможно.

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


      • Панели задач

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

      • Дополнительные настройки

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

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

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

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

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

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

      Ниже вы можете познакомиться с видео-роликом, в котором наглядно демонстрируется процесс настройки внешнего вида редактора. (2 минуты 28 секунд, 7.09 Мб.)

      Загрузить ролик.

      Режимы работы

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

      1. Для редактирования страниц;
      2. Для редактирования текстовых описаний внутри формы, например, для редактирования элементов информационных блоков;
      3. Для редактирования шаблона сайта.

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

      Редактирование страницы

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

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

      Редактирование страниц из публичного раздела

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

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

      Редактирование страниц из административного раздела

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

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

      Примечание: Редактирование страниц из административного раздела подробно рассмотрено в курсе Администратор. Базовый, урок Редактирование страниц из административного раздела.

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим способы редактирования страницы. (3 минуты 3 секунды, 10.46 Мб.)

      Загрузить ролик.

      Редактирование текстовых описаний

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

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

      Приведем пример управления новостями.

      • Для этого перейдите в Режим правки.

      • Наведите курсор мыши на внутреннюю область страницы, где размещены новости.
      • На появившейся Панели компонента выберите кнопку Добавить новость/раздел.

        • Панель компонента

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

      Форма добавления новости


      Аналогичный режим редактирования возможен для веб-форм:


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

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

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

      Работа с текстом

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

      Также будет рассмотрено создание таблиц и ссылок.

      Форматирование текста

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

      Стили шаблонов сайта

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

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

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

      Примечание: Все стили шаблона разделены на две таблицы стилей, хранящиеся в двух разных файлах. Один из них носит название styles.css и содержит стили для представления внутреннего содержания страниц на сайте. Во втором – с именем template_styles.css – описаны стили для представления шаблона дизайна. Эти стили отображаются при редактировании шаблона сайта с помощью визуального редактора.

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

      Работа со стилями

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

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

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

      Для изменения названий стилей:

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

      • Сохраните внесенные изменения.

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

      Работа с заголовками

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

      Значение Normal из списка выбрано по умолчанию, оно соответствует отсутствию заголовка.

      Таблица соответствий внешнего вида заголовка и его кода

      Шрифты

      В визуальном редакторе доступны следующие шрифты:

      Задание шрифта при редактировании в режиме кода

      Цвет фона текста задается по кнопке .

      Задание цвета фона текста при редактировании в режиме кода

      Цвет самого текста задается по кнопке .

      Задание цвета текста при редактировании в режиме кода

      Размер шрифта

      В редакторе могут быть использованы следующие размеры шрифтов:

      Задание размера шрифта при редактировании в режиме кода

      Кнопки форматирования

      Рассмотрим, с помощью каких тегов реализуется различное написание текста.

      КнопкаТекстТеги
      Жирный<strong>Жирный</strong>
      Курсив<em>Курсив</em>
      Подчеркнутый<u>Подчеркнутый</u>

      Кнопка удаляет текстовое форматирование, т.е. удаляет тег <font> со всеми его атрибутами, отменяет выделение жирным, курсивом, подчеркивание.

      Кнопка позволяет вставить горизонтальный разделитель. В коде это действие выполняется с помощью тега <hr>

      Кнопка Оптимизировать HTML-код убирает пустые HTML-теги.
      Список убираемых пустых тегов: b, em, font, h1, h2, h3, i, li, ol, p, small, span, strong, u, ul и т.д.

      Выравнивание текста

      КнопкаТекстТеги

      По левому краю

      		<p align="left">По левому краю</p>

      По правому краю

      		<p align="right">По правому краю</p>

      По центру

      		<p align="center">По центру</p>

      Выравниваем по ширине

      		<p align="justify">Выравниваем по ширине</p>

      Списки элементов

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

      1. первый
      2. второй
      3. третий
      Нумерованный список при редактировании в режиме кода

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

      • первый
      • второй
      • третий
      Маркированный список при редактировании в режиме кода

      Сдвиг текста

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

      Сдвиг текста вправо при редактировании в режиме кода

      Кнопка сдвигает текст влево и убирает из кода тег <blockquote>

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

      Свойства текста


      Если выделено изображение, то:

      Свойства изображения


      А если выделить ссылку в рабочей области, то в Свойствах отобразится следующее:

      Свойства ссылки

      Ниже вы можете познакомиться с видео-роликами, наглядно показывающим различные средства форматирования текста.

      1. (3 минуты 24 секунды, 15.45 Мб.)

      Загрузить ролик.


      2. (3 минуты 14 секунд, 9.78 Мб.)

      Загрузить ролик.

      Копирование и вставка текста

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

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

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

      Скопируем этот фрагмент в буфер и вставим его в содержание страницы тремя разными способами:

      1. При вставке текста из редактора MS Word по кнопке Вставить появляется вопрос:

        При ответе OK действия редактора будут теми же, что и при вставке текста по кнопке Вставить из Word. Работа в этом случае подробно описана ниже.

        Если на вопрос Хотите ли Вы очистить текст перед вставкой? ответить Отмена, то текст будет вставлен без удаления каких-либо элементов форматирования:

        В этом случае код будет таким:

        <p style="LINE-HEIGHT: normal; MARGIN: 12pt 0cm 3pt; mso-outline-level: 2" class="MsoNormal">
        <b><i><span style="FONT-FAMILY: &quot;Arial&quot;,&quot;sans-serif&quot;; COLOR: black; FONT-SIZE: 18pt;
         mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU">
        Осень 
        </span></i></b><b>
        <span style="FONT-FAMILY: &quot;Times New Roman&quot;,&quot;serif&quot;; FONT-SIZE: 18pt;
         mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU">
              <p></p>
            </span></b></p>

        <p style="LINE-HEIGHT: normal; TEXT-INDENT: 35.4pt; MARGIN: 0cm 0cm 0pt" class="MsoNormal">
        <span style="FONT-FAMILY: &quot;Arial&quot;,&quot;sans-serif&quot;; FONT-SIZE: 9pt; 
        mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU"> 
        Еще очень тепло, но наступление осени ощущается в каждом дуновении ветерка. 
        Деревья сбрасывают обожженную за лето листву. Кажется, что стволы темнеют, 
        они устали и хотят спать. Неугомонные мелкие паучки с невероятной скоростью плетут паутины, 
        и ты, не видя, срываешь их ловушки&hellip; 
        </span><span style="FONT-FAMILY: &quot;Times New Roman&quot;,&quot;serif&quot;; FONT-SIZE: 12pt; 
        mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU"> </span> 
        <span style="FONT-FAMILY: &quot;Arial&quot;,&quot;sans-serif&quot;; FONT-SIZE: 12pt; 
        mso-fareast-font-family: 'Times New Roman'; mso-fareast-language: RU">
            <p></p>
          </span></p>

        <p></p>

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

        Если копировать текст из редактора MS Word с помощью комбинации клавиш Ctrl+Insert или Ctrl+C, а вставлять при помощи Shift+Insert и Ctrl+V соответственно, то редактор будет реагировать как в случае вставки текста по кнопке .


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

        Вставим его в содержание страницы с помощью кнопки . Внешне он будет таким же как и в браузере, откуда мы его копировали. Код этого фрагмента текста будет таким: 
        <ul>
        <li><strong><font class="text">15% </font></strong><font class="text">- 
        при покупке товаров на сумму больше чем на $500</font> </li>

        <li><strong><font class="text">20% </font></strong><font class="text">- 
        при покупке товаров на сумму больше чем на $800</font> </li>

        <li><strong><font class="text">25% </font></strong><font class="text">- 
        при покупке товаров на сумму больше чем на $1500</font> </li>

        </ul>
        Код этого фрагмента текста – стандартные HTML-теги без дополнительного форматирования.
      2. По нажатии на кнопку Вставить из Word появляется диалоговое окно для установки уровней очистки текста от тегов редактора MS Word. Отметим, что пустые теги (<span></span>, <p></p>), незначащие стили, все размеры шрифта и некоторое другое форматирование будет удалено автоматически. Это позволяет сократить размер страницы и увеличить скорость ее загрузки, при этом сохранив основное оформление текста.

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

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

        После нажатия кнопки Сохранить текст в визуальном редакторе будет выглядеть так:

      3. Если вставлять "как текст", т.е. по кнопке Вставить как текст, то удаляется вообще какое-либо форматирование. Как видим, осталось только выделение абзацев:

        Код в этом случае будет таким:

        Осень 
        <br />
        Еще очень тепло, но наступление осени ощущается в каждом дуновении ветерка.
        Деревья сбрасывают обожженную за лето листву.
        Кажется, что стволы темнеют, они устали и хотят спать.
        Неугомонные мелкие паучки с невероятной скоростью плетут паутины,
        и ты, не видя, срываешь их ловушки&hellip; 
        <br />
        То есть, при вставке текста по кнопке любое форматирование будет удалено, не зависимо от источника копирования.
      Примечание: в любой момент (до сохранения изменений) вы можете отменить выполненные действия с помощью кнопки и заново повторить действие после отмены по кнопке .

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

      Загрузить ролик. (3 минуты 1 секунда, 12.01 Мб.)



      Загрузить ролик. (1 минута 51 секунда, 5.05 Мб.)

      Проверка орфографии

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

      • С помощью редактора MS Word (проверка производится на компьютере пользователя);
      • С помощью pSpell (проверка производится в браузере, при условии если pSpell установлен на сервере).
      Примечание: Способ проверки орфографии задается администратором сайта.

      По умолчанию в визуальном редакторе будет проводиться проверка орфографии с помощью редактора Microsoft Word, если он установлен на компьютере пользователя.

      Наиболее предпочтительным методом является проверка с помощью редактора MS Word, т.к второй способ требует пересылку слов для проверки на сервер.

      Примечание: Некоторые браузеры обладают встроенной системой проверки орфографии, например Mozilla Firefox.

      Проверка орфографии с помощью редактора MS Word

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

      Диалог: использование компонента ActiveX

      Необходимо подтвердить использование компонента на данной странице (кнопка Да). И после этого появляется форма проверки орфографии:

      Форма проверки орфографии

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

      Проверки орфографии завершена

      Внимание! При попытке проверить орфографию (после нажатия кнопки Проверить орфографию) может возникнуть предупреждение:

      Предупреждение

      В этом случае необходимо разрешить загрузку ActiveX компонента в настройках безопасности браузера или добавить сайт, на котором производится проверка орфографии, в зону Trusted sites (Надежные узлы).

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим способы работы с системой проверки орфографии. (2 минуты 2 секунды, 17.59 Мб.)

      Загрузить ролик.


      Проверка орфографии с помощью pSpell

      В случае, если орфография проверяется с помощью редактора pSpell, откроется форма проверки орфографии:

      Форма проверки орфографии pSpell

      С помощью кнопки Добавить можно занести неизвестное системе слово в словарь.

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим способы работы с системой проверки орфографии. (1 минута 44 секунд, 6.99 Мб.)


      Загрузить ролик.

      Добавление специальных символов

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

      Специальные символы

      При единичном клике по нужному символу он появится на странице.

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим способы добавления специальных символов. (29 секунд, 2.55 Мб.)


      Загрузить ролик.

      Работа с таблицами

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

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

      Рассмотрим создание новой таблицы подробнее.

      • Выберите место на странице, где бы вы хотели видеть таблицу, установите в это место курсор и нажмите кнопку Вставить таблицу панели редактирования. Появится диалоговое окно:

        Новая таблица

      • Заполните следующие поля формы:
        • Количество Строк и Столбцов;
        • Ширина и Высота таблицы в пикселях или в процентах;
        • Толщина рамки;
        • Выравнивание таблицы;
        • Стиль (В списке перечислены все стили, определенные в системе);
        • Параметры Cellpadding и Cellspacing.
      • После указания всех желаемых параметров нажмите кнопку Сохранить.

      Пустая таблица появится на странице. Теперь можете приступать к ее заполнению.

      Редактирование существующей таблицы

      Если толщина границы равна 0, то просмотреть структуру таблицы можно с помощью кнопки  Показать границы таблиц.

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

      Контекстное меню таблицы

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

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

      Пункты меню таблицы

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

      Панель свойств

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

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

      Дополнительная возможность в браузере Mozilla Firefox

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

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим процесс создания и редактирования таблиц с использованием специального интерфейса. (2 минуты 46 секунд, 7.74 Мб.)

      Загрузить ролик.

      Работа с гиперссылками

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

      КнопкаДействие
      Позволяет создать якорь (закладку) в нужном месте страницы, для создания ссылки именно на это место страницы
      Позволяет создать ссылку
      Удаляет ссылку

      Рассмотрим предназначение этих кнопок подробнее.

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

      Для создания ссылки нажмите на кнопку Ссылка, после чего откроется диалоговое окно создания ссылки на страницу или документ на сервере. В системе возможно создание четырех типов гиперссылок.

      Ссылка на документ на сервере

      • В выпадающем списке Тип выберите Ссылка на документ на сервере.

        Ссылка на документ на сервере

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

        Действия по выбору/загрузке документа аналогичны действиям, подробно описанным в уроке Загрузка и размещение изображения

      • В выпадающем списке Открыть ссылку в укажите окно, в котором будет открываться ссылка.

        Окно, в котором будет открываться ссылка

        Задание окна для открытия ссылки при редактировании в режиме кода
      • Отметьте опцию Не учитывать ссылку поисковиками (nofollow, noindex), если хотите, чтобы ссылка не учитывалась поисковыми системами при индексировании страницы.
      • Заполните, по желанию, поле Всплывающая подсказка, текст которого будет появляться при наведении курсора мыши на ссылку. В коде она вводится с помощью атрибута title тега <a>.
      • Укажите один из описанных в продукте Стиль для написания слова или фразы, являющихся ссылками
      • Задайте, по желанию, атрибуты ID и Rel

      Ссылка на другой сайт

      • В выпадающем списке Тип выберите Ссылка на другой сайт, после чего диалоговое окно изменит вид.

        Ссылка на документ на сервере

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

      Ссылка внутри данного документа

      Для создания ссылки внутри документа сначала необходимо создать на странице закладку (или якорь).

      • Для этого установите курсор указателя мыши в необходимое место и нажмите на кнопку Якорь панели инструментов. Появится диалог создания якоря.

      • Введите название якоря (закладки). Пусть это будет page_setting.

        Примечание: для задания якорей лучше использовать латинский шрифт.

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

        Задание якоря в режиме кода

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим процесс создания и изменения гиперссылок. (2 минуты 48 секунд, 9.75 Мб.)

      Загрузить ролик.

      Теперь создайте ссылку на этот якорь

        Для этого:
      • Выделите слово, которое будет служить ссылкой (например: "Сайт") и нажмите кнопку Ссылка. Появится диалог создания ссылки как в случае Ссылка на документ на сервере.
      • В поле Тип выберите из списка вариант Ссылка внутри данного документа. Диалог примет вид:

        Форма создания ссылки внутри данного документа

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

      Теперь в публичной части при нажатии на ссылку будет осуществлен переход к закладке на данной странице.


      Электронный адрес

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

      Для создания такой ссылки выполните следующее:

      • Напишите текст ссылки, выделите его и нажмите кнопку Ссылка на панели редактирования. Появится диалог создания ссылки как в случае Ссылка на документ на сервере.
      • В поле Тип выберите из списка вариант Электронный адрес (EMail). Диалог примет вид:

        Форма создания ссылки на "Электронный адрес (EMail)"

      • Заполните поля формы и нажмите кнопку Сохранить

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

      Задание ссылки на отправку электронного сообщения в режиме кода

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


      Удалить ссылку можно, поставив курсор мыши на эту ссылку и нажав кнопку Удалить ссылку панели редактирования, а также через контекстное меню.

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим процесс создания и изменения гиперссылок. (2 минуты 2 секунды, 12.56 Мб.)

      Загрузить ролик.

      Работа с графикой

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

      Загрузка и размещение изображения

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

      • Выберите место для изображения на странице, установите курсор в эту позицию и нажмите кнопку Изображение на панели редактора. Появится диалог:

        • Выбор изображения из медиабиблиотеки

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

      • Укажите изображение и нажмите кнопку Выбрать. После чего закроется окно выбора файла из медиабиблиотеки, и путь к выбранному файлу будет указан в поле Путь к изображению формы загрузки изображения. Изображение появится в окне предпросмотра, а также будет указана его ширина и высота, которые задаются в коде с помощью атрибутов width и height тега <img> соответственно:

        Форма загрузки изображения

        • Выбор изображения из структуры сайта

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

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

        Окно Менеджера файлов разделено в нижней части на две закладки: Открыть файл и Загрузить файл.

        • На закладке Открыть файл вы можете открыть один из файлов, находящихся на сервере. На закладке Загрузить файл можно загрузить файл с локального компьютера.

      • Для загрузки файла с локального компьютера перейдите на закладку Загрузить файл.

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

      • В одноименном поле укажите путь к файлу на локальном компьютере. Для выбора файла воспользуйтесь кнопкой Обзор. Поле Имя файла на сервере заполнится автоматически. Если опция Открыть файл после загрузки не отмечена, то файл будет загружен в указанную папку.
        При отмеченной опции указанный файл будет загружен в выбранную папку, одновременно с этим закроется окно менеджера файлов, и путь к выбранному файлу будет указан в поле Путь к изображению формы загрузки изображения. Изображение появится в окне предпросмотра, а также будет указана его ширина и высота, которые задаются в коде с помощью атрибутов width и height тега <img> соответственно.

        • Ниже вы можете познакомиться с видео-роликом, наглядно показывающим процесс размещения изображения на веб-странице. (2 минуты 2 секунды, 6.08 Мб.)

        Загрузить ролик.

        Далее в форме Новый рисунок заполните следующие поля:

        • Название (title) – служит для ввода всплывающей подсказки к рисунку. Подсказка будет выведена при наведении курсора независимо от того, показан сам рисунок или нет.

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

          Альтернативный текст в режиме кода

        • Горизонтальный отступ и Вертикальный отступ. Если задать эти параметры отличными от нуля, то изменение положения изображения сразу отображается в окне предпросмотра.

          Задание отступов в режиме кода

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

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

          Выравнивание

          Выравнивание в режиме кода

          Ниже вы можете познакомиться с видео-роликом, наглядно показывающим процесс размещения изображения на веб-странице. (2 минуты 6 секунд, 7.75 Мб.)

          Загрузить ролик.



      Если вы выбираете среди изображений уже загруженных в систему, то, кликнув мышью по названию изображения в окне менеджера файлов, "миниатюра" этого изображения с размерами появится в левом нижнем углу окна менеджера файлов. Одновременно с этим будет заполнено поле Имя файла:

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

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

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

      В менеджере файлов есть возможность установить один из трех режимов просмотра файлов:

      Выбор режима просмотра файлов

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

      Выбор режима сортировки файлов

      Изменить порядок сортировки можно с помощью кнопки .

      При Детальном режиме просмотра для каждого элемента папки (директории) указывается название, размер, дата изменения, тип:

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

      При просмотре в режиме Предпросмотра для каждого элемента создается уменьшенная миниатюра. В этом режиме удобно просматривать изображения:

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

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

      Ниже вы можете познакомиться с видео-роликом, наглядно показывающим процесс размещения изображения на веб-странице. (2 минуты 38 секунд, 6.7 Мб.)

      Загрузить ролик.

      Загрузка и размещение flash ролика

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

      • Для размещения ролика служит кнопка Вставить Flash, при нажатии на которую открывается форма:

        Форма загрузки ролика

        На закладке Основные параметры указывается путь к выбранному файлу, а внешний вид ролика представлен в окне предпросмотра. Кроме того, при помощи полей Ширина и Высота, вы можете указать ширину и высоту окна данного ролика.

      • Перейдите к форме загрузки ролика, нажав на кнопку . Появляется окно менеджера файлов:

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

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

      • На закладке Дополнительные параметры задайте ряд дополнительных свойств ролика. Например: название ролика, качество показа, вид окна.

      • На закладке HTML код можно самостоятельно ввести код вызова ролика.

      Ниже вы можете познакомиться с видеоматериалом, наглядно показывающим процесс размещения ролика на веб-странице. (1 минута 36 секунд, 5.32 Мб.)

      Загрузить ролик.

      Панель задач

      При редактировании страниц сайта панель задач по умолчанию состоит из двух закладок: Компоненты и Сниппеты.

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

      Компоненты

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

      Компоненты являются блоками, с помощью которых строится публичная часть сайта. Они позволяют многократно использовать единожды написанный и отлаженный код в рамках одного сайта или на разных сайтах. С помощью визуальных средств среды «1C-Битрикс: Управление сайтом» можно размещать и настраивать компоненты без написания кода. Поставляемые с продуктом системные компоненты регулярно обновляются, при этом расширяется их функционал и исправляются возможные ошибки.

      Для работы с компонентами служит панель Компоненты.

      Примечание: панель компонентов и работа с ними подробно рассмотрена в главе Работа с компонентами главы Компоненты 2.0 (начальные сведения).

      Сниппеты

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

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

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

      Физически сниппеты хранятся в папке /snippets/ соответствующего шаблона либо в шаблоне по умолчанию (.default).

      Для работы со сниппетами служит панель Сниппеты.

      Создание нового сниппета

      • Для создания нового сниппета используйте ссылку Добавить сниппет, расположенная на панели задач Сниппеты

        Ссылка "Добавить сниппет"

        Откроется форма Добавление сниппета.

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

        Закладка "Основные параметры"

      • На закладке Размещение заполните поля формы.
        • Шаблон – выбирается шаблон сайта, в котором создается сниппет. Это может быть шаблон по умолчанию либо текущий шаблон;
        • Имя файла – указывается имя файла, в котором хранится код сниппета. Можно указать собственное или оставить то имя, которое предложила система. Код сниппета будет сохранен в этом файле (*.snp)
        • Размещение – из списка выбирается папка (группа) любого уровня, в которой будет храниться сниппет.
        • Установите опцию Создать новую подгруппу и введите Имя новой подгруппы для того, чтобы сохранить сниппет в отдельной подгруппе.

          • Опция "Создать новую подгруппу"

          Внимание! Название в поле Имя новой подгруппы необходимо указывать только латинскими буквами.
      • На закладке Дополнительные параметры укажите, по желанию, Рисунок и Описание. Может быть добавлено только одно изображение.

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

      Созданный сниппет

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим способы применения сниппетов. (2 минуты 35 секунд, 7.28 Мб.)

      Загрузить ролик.


      Редактирование сниппета

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

      • название сниппета вместе с именем файла его кода;
      • кнопки управления: Редактировать сниппет и Удалить сниппет ;
      • код сниппета.

      Свойства сниппета

      Примечание: eсли для сниппета заданы описание и рисунок, то они также будут отражены в панели Свойства:

      Дополнительные параметры сниппета

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

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

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

      Ниже вы можете познакомиться с видео-роликом, наглядно демонстрирующим способы применения сниппетов. (2 минуты 37 секунд, 12.93 Мб.)

      Загрузить ролик.

      Разбиение страниц

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

      • Разрыв страницы для печати - позволяет осуществить разбиение одной страницы при печати на несколько страниц, в зависимости от количества установленных разделителей.

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

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

      • Разделитель страниц - позволяет осуществить разбиение текста при просмотре в публичной части сайта. Число страниц зависит от количества установленных разделителей.

        При добавлении разделителя на страницу в рабочей области редактора появляется изображение:

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

        Внимание! Использование разделителя страниц возможно только при работе с описанием элементов информационных блоков.

      Ниже вы можете познакомиться с видео-роликом, наглядно показывающим способы разбиения страниц. ( 1 минута 35 секунд, 5.22 Мб.)

      Загрузить ролик.

      Упрощенный редактор

      Упрощенный HTML-редактор - это элемент управления, представляющий облегченную версию визуального редактора с упрощенными возможностями и ускоренным быстродействием. Редактор можно встраивать в любую форму, в том числе в публичном разделе. Реализован как компонент Упрощенный HTML-редактор (bitrix:fileman.light_editor).

      Внешний вид

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

      Внешний вид

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

      Кнопка Описание
      Жирный.
      Курсив.
      Подчёркнутый.
      Удалить форматирование.
      Ссылка.
      Удалить ссылку.
      Изображение.
      Вставить видео.
      Цвет фона.
      Цвет шрифта.
      По левому краю.
      По центру.
      По правому краю.
      По ширине.
      Нумерованный список.
      Список с маркерами.
      Уменьшить отступ.
      Увеличить отступ.
      Формат.
      Шрифт.
      Размер шрифта.

      Форматирование текста

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

      Форматирование текста

      • задать начертание текста с помощью кнопок Жирный, Курсив и Подчеркнутый:

      • Удалить форматирование ();
      • вставить Ссылку () и Удалить ссылку ():

      • выбрать Цвет шрифта () и Цвет фона () с помощью палитры цветов:

      • задать выравнивание текста с помощью кнопок По левому краю, По центру, По правому краю или По ширине:

      • создать Нумерованный список () или Список с маркерами ();
      • задать отступ текста с помощью кнопок Уменьшить отступ () и Увеличить отступ ();
      • применить Формат текста:

      • выбрать Шрифт:

      • указать Размер шрифта:

        • Загрузка изображений

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

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

        • Укажите расположение картинки в поле Путь к изображению. (Вручную или с помощью кнопки . С помощью этой кнопки можно выбрать изображения только из Медиабиблиотеки.)
        • В поле Всплывающая подсказка укажите текст, который будет отображен при наведении курсора мыши на изображение.
        • Задайте Выравнивание изображения.
        • Если отмечена опция Сохранять пропорции, то значения полей Размеры (Ш х В) будут заполнены автоматически. Также можно указать другие размеры.
        • Нажмите кнопку Сохранить.

        В результате добавленное изображение будет отображено в упрощенном редакторе:

        Результат

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

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

        • Выберите место для видео на странице, установив туда курсор, и нажмите кнопку на панели инструментов. Откроется диалог Параметры видео:

        • В поле Путь к видеофайлу укажите расположение файла. (Вручную или с помощью кнопки . С помощью этой кнопки можно выбрать изображения только из Медиабиблиотеки.)
        • Укажите Путь к рисунку предпросмотра.
        • Задайте размер окна плеера, заполнив поля Размеры (Ш х В).
        • Нажмите кнопку Сохранить.

        В результате добавленное видео будет отображено в упрощенном редакторе.

        Информационные блоки (начальные сведения)

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

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

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

        Основные понятия

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

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

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

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

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

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

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

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

        Общая структура информационных блоков

        Примером может послужить следующая иерархия товаров для интернет-магазина:

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

        Аналогичную структуру можно построить по другим товарам, тематическим статьям, фотографиям, каталогам разнообразных коллекций, списку должностей — по всему, что можно каталогизировать. По умолчанию в дистрибутиве "1С-Битрикс: Управление сайтом" имеется несколько созданных типов инфоблоков, которые вы можете рассматривать как образцы.

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

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

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

        Например, информационные блоки Новости компании, Новые поступления и Новости партнеров могут относиться к одному типу Новости:

        Cтруктура информационных блоков типа "Новости"

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

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

        Информационные блоки

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

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

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

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

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


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

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

        Рассмотрим структуру информационных блоков на примере каталога книг.

        В административном разделе типы информационных блоков расположены в административном меню (секция Контент):

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

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

        Инфоблоки

        Соответственно инфоблок Книги содержит разделы Бизнес-литература, Детская литература, Компьютеры и Интернет, Наука и образование и Фантастика.

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

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

        Элементы инфоблока в Административном разделе:

        Элементы инфоблока в Публичной части сайта:

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

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


        Примеры структурированной информации

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

        Одноуровневая структура

        Информационный блок не содержит разделов и подразделов. Например, инфоблок Статьи просто содержит список статей:

        Многоуровневая структура

        • Двухуровневая структура - информационный блок содержит список элементов, распределенных по разделам. Например, инфоблок Фотографии содержит список фотографий, распределенный по разделам Мой альбом и Отпуск:

        • N-уровневая структура – информационный блок содержит список элементов, распределенных по разделам. Например, каталог Книги содержит список книг, распределенных по тематикам:

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

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

        Настройки форм инфоблоков

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

        Настройка внешнего вида формы

        Форма редактирования/добавления элемента инфоблока может быть изменена и настроена под потребности контент-менеджера сайта. Измененная форма отображается действует как при добавлении/редактировании элемента в административной части, так и при добавлении/редактировании элемента в публичной части.

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

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


        Рассмотрим форму добавления элемента инфоблока.

        Так она выглядит по умолчанию:

        А так выглядит уже настроенная форма для добавления нового дивана в каталог:

        Как видите, сокращено количество закладок, удалены ненужные поля, перемещены в удобные места нужные поля формы. Работать стало проще и удобнее.

        Примечание: настройку может производить администратор или пользователь, наделенный соответствующими правами. Подробно про настройку форм инфоблоков смотрите в курсе Администратор. Базовый, урок Настройки форм инфоблоков.

        Настройка подсказок

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


        Настройка SEO информации

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

        Шаблоны SEO данных можно задавать как для всего инфоблока (т.е. для всех его разделов и элементов), так и для конкретных разделов, или элементов нужного раздела. Настройка может быть сделана для всего инфоблока, а потом для конкретного раздела/элемента переопределена на свою персональную. Все эти настройки выполняются на закладке SEO формы создания/редактирования соответственно инфоблока, раздела или элемента.

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

        Рассмотрим работу с шаблонами SEO данных на примере раздела. Для этого отредактируем, например, раздел Мягкая мебель (необходимо включить режим правки и нажать на пункт меню Изменить раздел):

        Важно! Изменение раздела будет возможным, если вы обладаете правом доступа к инфоблоку Изменение или Полный доступ. Если вы не можете изменить раздел, обратитесь к администратору.

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

        По шаблону META TITLE (1) строится заголовок окна браузера, а по заданному в поле Заголовок раздела шаблону (4) - заголовок страницы раздела:

        С помощью шаблонов META KEYWORDS (2) и META DESCRIPTION (3) задаются соответственно ключевые слова и описание для раздела. Так, если пользователь в поисковике введет фразу из ключевых слов, заданных для раздела, то найденный раздел будет отображен с соответствующим ему описанием:

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

        Например, настроим шаблоны мета-тегов для всех элементов раздела Мягкая мебель:

        • Для заголовка окна браузера (тег META TITLE) зададим шаблон, который подставляет название элемента и название родителя: {=this.Name} из каталога {=parent.Name}.
        • Для списка ключевых слов (META KEYWORDS) выберем шаблон, который будет подставлять значение из имеющегося у нас свойства элементов Ключевые слова: {=this.property.KEYWORDS}.
        • Описание (тег DESCRIPTION) будет браться из текста анонса элемента: {=this.PreviewText}.
        • Для заголовка страницы (поле Заголовок товара) задаем шаблон, который будет подставлять только название элемента: {=this.Name}.

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


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

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

        Настройка компонентов на работу с информационными блоками

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

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

        Добавление новости на сайт

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

        Включите режим правки в правом верхнем углу страницы:

        После этого при наведении курсора мыши на область новостей последняя будет обрамляться темно-серой рамкой и будут всплывать дополнительные пункты меню, выберите среди них Добавить новость:

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

        Откроется форма добавления новости. В данном случае все поля формы расположены на одной вкладке.

        Внимание! Внешний вид формы добавления новости зависит от настроек, выполненных администратором сайта (см. урок Форма редактирования элемента).

        Чтобы опубликовать новость, отметьте опцию Новость активна. Укажите заголовок новости, ее дату, анонс и детальное описание.

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

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


        Закрепление новости наверху общего списка

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

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

        В форме редактирования новости выставляем ей индекс сортировки 1:

        Примечание: в случае отсутствия параметра Сортировка, воспользуйтесь настройкой формы добавления элементов, описанной в курсе Администратор. Базовый.

        Далее перейдем к настройке параметров компонента на странице. В нашем случае это комплексный компонент Новости. Перейдем к группе полей Источник данных и зададим соответствующие параметры сортировки:

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

        Компоненты 2.0 (начальные сведения)

        Понятие компонента

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

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

        В ранних версиях «1C-Битрикс: Управление сайтом» встречаются компоненты 1.0. На данный момент используются компоненты версии 2.0.

        Виды компонентов

        Компоненты делятся на простые (одностраничные) и комплексные (многостраничные).

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

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

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

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

        Комплексные компоненты разрешают следующие проблемы:

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

        Алгоритм работы комплексного компонента таков:

        1. на основании действий посетителя сайта (например, переход по пунктам меню) комплексный компонент определяет, какая страница должна быть показана пользователю, и подключает свой шаблон компонента для этой динамической страницы;
        2. шаблон страницы подключает обычные компоненты, автоматически настраивая необходимым образом их свойства;
        3. обычные компоненты выполняют свою работу: запрашивают данные у ядра системы, форматируют их и выводят посетителю, а так же предоставляют пользователю различные элементы управления (ссылки, формы, кнопки и т.п.);
        4. пользователь с помощью каких-либо элементов управления, посылает новый запрос комплексному компоненту.
        Примечание: Несколько комплексных компонентов размещать на одной физической странице нельзя.

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

        Пример использования простых и комплексных компонентов. Демонстрационный ролик. (Flash)Пример использования простых и комплексных компонентов. Демонстрационный ролик. (Flash)

        Работа с компонентами

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

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

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

        Для быстрого размещения компонентов на странице разработан интерфейс на базе визуального HTML-редактора.


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

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

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

        Закладка Компоненты в визуальном редакторе вызывается с помощью кнопки . Все компоненты сгруппированы по разделам (Контент, Сервис, Общение, Магазин, Служебные), которые в свою очередь состоят из подразделов.


        Доступны следующие действия управления закладкой Компоненты на панели задач:

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

        Компоненты 1.0 до v.9.5

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

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

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

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

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

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

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

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

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

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

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

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

        • выбор нескольких элементов из множественного списка (удерживая нажатой клавишу Ctrl);
        • снятие или отметка некоторой опции (поле типа CheckBox);
        • ввод информации в текстовую строку.

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


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

        Кроме того, параметры компонента могут быть настроены непосредственно в режиме редактирования исходного кода страницы: кнопка на панели инструментов визуального HTML-редактора.

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

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

        Параметры компонентов

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

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

        Рассмотрим наиболее встречающиеся группы параметров компонентов:

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

        Шаблон компонента

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

        Если для компонента доступно несколько шаблонов, то следует выбрать нужный в выпадающем списке (например, для комплексного компонента Каталог дополнительно доступны встроенные шаблоны offers и properties или же разработчик сайта создал собственный шаблон). Учтите, что при смене шаблона изменится внешний вид создаваемой страницы сайта.

        Основные параметры и Источник данных

        В группах параметров Основные параметры и/или Источник данных (например, для компонентов веб-форм) задается источник публикуемых данных (инфоблок, форумы, веб-форма, опрос и т.д.):

        В некоторых случаях источник следует задавать с помощью кода, в котором передается идентификатор элемента данных.

        Например, на странице опубликован список курсов с помощью компонента Список курсов, а интерфейс самого курса создан на отдельной странице с помощью компонента Учебный курс. В компоненте Список курсов задается адрес к просмотру учебного курса, т.е. передается идентификатор курса компоненту Учебный курс, поэтому в настройках компонента Учебный курс и указывается код идентификатора курса ={$_REQUEST["COURSE_ID"]}.

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

        Также в группах параметров Основные параметры и Источник данных для многих компонентов задаются параметры сортировки разделов и элементов данных (следует выбрать по какому признаку и как сортируются данные), например:

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

        Шаблоны ссылок

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

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

        Примечание: в ряде компонентов, таких как Список своих элементов, Заполнение веб-формы, Просмотр результата и т.д., шаблоны ссылок настраиваются в группе параметров Параметры компонента.

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

        Управление адресами страниц

        Группа параметров Управление адресами страниц встречается только в комплексных компонентах и в следующих одностраничных: Список своих элементов, Заполнение веб-формы, Просмотр результата, Редактирование результата и Список результатов. В группе выполняется настройка поддержки режима ЧПУ:

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

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

        Управление режимом AJAX

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

        Параметры режима AJAX настраиваются в зависимости от отображаемых данных компонентом:

        Настройки кеширования

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

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

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

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

        Дополнительные настройки

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


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


        Добавление динамической информации в компонентах

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

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

        С помощью этих команд вызываются формы создания/редактирования разделов и элементов.

        Управление компонентами

        В главе описаны управление компонентами, меню команд в разных интерфейсах - в старом (до версии продукта 9.5) и новом ("Эрмитаж", версия 9.5 и выше).

        Интерфейс "Эрмитаж" (версии 9.5 и старше)

        Настройки любого компонента осуществляются при переходе в режим правки сайта (нажатие кнопки на Административной панели).

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

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

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

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

          В состав меню действий компонента входят:

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

        Набор команд по управлению компонентом зависит от его типа. Например, кроме управления компонентом меню, можно провести настройку пунктов меню сайта:

        • Редактировать пункты меню сайта
        • Создать меню в текущем разделе

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

        • Добавить элемент, например, новость, статью, раздел, ссылку, товар и т.д.
        • Изменить элемент, например, новость, статью, раздел, ссылку, товар и т.д.
        • Удалить элемент, например, новость, статью, ссылку, раздел, товар и т.д.

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

        • Редактировать данный баннер
        • Отфильтрованный список баннеров

        Старый интерфейс (до версии 9.5)

        Для любого компонента при переходе в режим разработки и настройки сайта (закладка Разработка) отображается специальная кнопка для его управления:

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


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


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

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

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

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

        – редактирование CSS-файла шаблона. Команда отображается, если применен пользовательский шаблон.

        – очистка кеша компонента.


        Набор команд по управлению компонентом зависит от его типа. Например, кроме управления компонентом меню, можно провести настройку пунктов меню:

        – редактировать пункты меню.

        – создать меню в текущем разделе.


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

        – добавить элемент, например, новость, статью, ссылку, товар и т.д.

        – добавить раздел.


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

        • для рекламных баннеров:

          – редактировать данный баннер.

          – отфильтрованный список баннеров.

        • для веб-форм:

          – редактировать шаблон веб-формы.

          – редактировать параметры веб-формы.

        Управление параметрами компонента

        В главе описаны управление параметрами размещенных на страницах сайта компонентов в разных интерфейсах - в старом (до версии продукта 9.5) и новом ("Эрмитаж", версия 9.5 и выше).

        Интерфейс "Эрмитаж" (версия 9.5 и старше)

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

        1. Нажать на кнопку управления необходимого компонента и выбрать команду Редактировать параметры компонента.

        2. На Административной панели нажать кнопку Компоненты и в выпадающем списке выбрать имя необходимого компонента.

          Примечание: Выпадающий список компонентов строится в соответствии с размещенными на текущей странице компонентами.

        В результате откроется форма следующего вида:


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

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

        Старый интерфейс (до версии 9.5)

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

        1. Нажать на кнопку управления необходимого компонента и выбрать команду Редактировать параметры компонента.
        2. На административной панели нажать кнопку Компоненты и в выпадающем списке выбрать имя необходимого компонента.

          Примечание: Выпадающий список компонентов строится в соответствии с размещенными на текущей странице компонентами.

        В результате откроется форма следующего вида:


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

        Управление параметрами компонента из публичной части. Демонстрационный ролик. (Flash)Управление параметрами компонента из публичной части. Демонстрационный ролик. (Flash)

        Примеры работы с компонентами

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

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

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

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

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

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

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

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

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

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

        detail.php?ID=#ELEMENT_ID#

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

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

        index.php?ID=#IBLOCK_ID#

        Примечание: Обратите внимание, что все адреса страниц указываются без слеша в начале адреса.

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

        ={$_REQUEST["ELEMENT_ID"]}

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

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



        Примеры работы с некоторыми модулями системы

        В главе приведены примеры работы с некоторыми модулями системы.

        Пример настройки Универсального списка

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

        Поля списка - поля, которые будут отображаться в форме создания/редактирования элемента списка. По умолчанию при создании списка автоматически создается только одно поле Название и форма создания элемента списка выглядит так:

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

        Так как создатели "1С-Битрикс: Корпоративный портал" заранее не могут знать какие поля вам потребуются, то при создании Универсального списка задается только одно поле: Название. Остальные поля нужно создавать самостоятельно.

        Создание полей

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

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

        Добавим в эту форму новое поле. Например, добавим поле Организационная форма, в которой будет задаваться тип компании поставщика: ООО, ЗАО и так далее.

        Для этого:

        • Нажмите кнопку Добавить поле, откроется форма добавления поля:

          Внимание! При выборе разных типов полей в зависимости от выбранного поля могут появляться или пропадать дополнительные поля и вкладки.
        • Заполните поля формы:
          • Сортировка - порядок расположения создаваемого поля в общем списке полей. Чем выше число, тем ниже расположено будет поле. Введите любое число, в рамках примера это не важно.
          • Название - название поля, под которым оно будет видно в общем списке полей. Введите фразу организационная форма.
          • Обязательное - должно ли быть создаваемое поле обязательным для заполнения. Поставьте флажок в этом поле.
          • Множественное - должно ли создаваемое поле иметь несколько полей для заполнения. Здесь флажок не ставим, одна и та же фирма не может быть и ООО и ЗАО.
          • Тип - выбор типа поля. Выберите тип поля Список, форма перезагрузится, пропадет поле Значение по умолчанию, но появится вкладка Список.
          • Перейдите на эту вкладку:

          • Заполните поля списочного свойства.

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

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

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

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

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

        Значения типов

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

        • Строка - значение свойства задается в виде текстовой строки;
        • Число - значение свойства задается в виде числа;
        • Список - значение свойства выбирается из списка;
        • Файл - в качестве значения свойства используется загрузка файла;
        • Привязка к разделам - с помощью данного свойства можно задать связь между элементом данного инфоблока и разделами другого информационного блока;
        • Привязка к элементам - задание связи между элементами информационных блоков «поштучно»;
        • HTML/текст - значение свойства задается в виде текста с HTML-тегами;
        • Счетчик - аналог autoincrement для БД. При добавлении элемента инфоблока значение будет больше на единицу, чем последнее. Стартовое значение задается произвольно. Можно использовать для журналов учета входящих документов и т.п., где должна быть непрерывная нумерация документов.
        • Дата/Время - значение свойства задается в виде даты/времени;
        • Видео - задается связь между элементом списка и медиафайлом;
        • Привязка к элементам в виде списка - задание связи между элементами списком.

        Список ссылок по теме:

        Управление каталогом книг

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

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

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

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

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

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

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

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

        Создание структуры каталога Книги

        Опустим описание операций, которые выполняются в административном разделе сайта, так как мы предполагаем, что у контент-менеджера нет доступа к административному разделу. Итак, предположим, что уже созданы следующие сущности:

        • Тип информационного блока Каталог книг;
        • Информационный блок Авторы для хранения списка авторов;
        • Инфоблок Книги. В настройках инфоблока указываются свойства книг, которые требуются: год выпуска, авторы - привязка к элементам инфоблока Авторы, свойство множественное, то есть у каждой книги может быть несколько авторов, другие свойства: ISBN, число страниц, издатель, артикул и т.д.
        • Инфоблок Рецензии - для хранения всех рецензий на книги. Привязывается к инфоблоку Книги с помощью свойства Рецензия на книгу с типом Привязка к элементам.

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

        Размещение каталога в публичной части сайта

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

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

            Откроется окно мастера создания нового раздела.
          • Введите заголовок раздела и имя папки. Нажмите Далее.
          • Укажите имя нового пункта меню и его положение в списке. Нажмите Далее.
          • При необходимости можно изменить свойства раздела. Нажмите Готово. Загрузится окно визуального редактора.
        • Добавьте комплексный компонент Каталог (Контент > Каталог на панели Компоненты 2.0 Визуального редактора) в рабочую область и настройте его параметры.
        • Произведем настройку некоторых групп параметров для примера:
          • В группе Управление адресами страниц установите флаг в поле Включить поддержку ЧПУ («человеко-понятные урл»). Если не использовать эту возможность, то адреса страниц и разделов будут строиться по умолчанию, как это задано внутри компонента.

            Нажмите на рисунок, чтобы увеличить
          • В группе Основные параметры укажите тип инфоблока и сам инфоблок, в котором содержится каталог книг (выбираем Каталог книг и Книги).

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

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

            Нажмите на рисунок, чтобы увеличить
          • В группе Настройки детального просмотра выберите необходимые параметры и добавьте свойство Автор(ы).

            Нажмите на рисунок, чтобы увеличить
          • Вывод цены товара в каталоге зависит от наличия или отсутствия установленного модуля Торговый каталог.

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



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

          • В группе Настройки связанных элементов настройте отображение рецензий на книгу.

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

            Страницу с детальным просмотром рецензии необходимо создать отдельно с помощью компонента Новость детально (bitrix:news.detail) и в этом случае задавать адрес страницы в таком виде:
            /e-store/books/reviews/detail.php?ID=#ELEMENT_ID#
            Также можно вывести все рецензии с помощью комплексного компонента Новости (bitrix:news) и в этом случае ссылка на рецензию будет иметь вид:
            /e-store/books/reviews/#ELEMENT_ID#/.
          • При необходимости настройте дополнительные параметры.

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

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

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



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

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

        Дополнительная информация

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

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

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

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

        • Нажмите Сохранить. Вы окажетесь во вновь созданном разделе. Добавим книги в этот раздел.
        • Нажмите Добавить книгу, откроется форма добавления книги:

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

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

        Работа с фотогалереями

        В данном разделе рассмотрим работу с модулем Фотогалерея 2.0. Модуль позволяет работать с фотографиями в удобном режиме:

        • сортировать фото по альбомам (с возможностью создания вложенных альбомов);
        • загружать в них фото;
        • делать подписи к фотографиям;
        • при просмотре оставлять отзывы и голосовать за понравившиеся фото;
        • вести обсуждение и т.д.

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

        Управление фотогалереей

        В этой главе приводятся описания основных действий при работе с фотогалереей.

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

        Отображение фотогалереи в публичном разделе осуществляется с помощью комплексного компонента Фотогалерея 2.0.

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

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

        В разделе компонентов Контент -> Фотогалерея 2.0 присутствует также набор простых компонентов, входящих в состав данного комплексного. Их также можно использовать для создания своей фотогалерии.

        Дополнительная информация

        Создание фотоальбома

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

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

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

        Например, создадим новый альбом Италия на первой странице фотогалереи, при этом форма создания (редактирования) альбома имеет вид:

        После сохранения вы будете переведены на страницу нового альбома.

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

        Загрузка фотографий

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

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

        • упрощенной формы загрузки по одному файлу;
        • множественного загрузчика (Java/ActiveX);
        • множественного Flash-загрузчика.

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

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

        • выбор размера отправляемых фотографий; доступны следующие размеры фотографий:
          • 1280х960;
          • 1024х768;
          • 800х600;
        • добавление авторского знака; здесь может быть введен любой текст или изображение, которое будет добавлено на фото.

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

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

        • предпросмотр (эскиз или анонс) - минимальный размер;
        • оригинал (максимальный размер).

        Загрузка фотографий с помощью множественного загрузчика (Java/ActiveX)

        При загрузке используется технология Java и элемент управления ActiveX: "Bitrix Image Uploader". Это позволяет быстро загружать файлы, не осуществляя поиск на диске и не вводя имена и свойства файлов в явном виде. Когда фотографии загружаютcя в системе впервые, то выводится сообщение о необходимости установить Bitrix uploader.

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

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

        Загрузка фотографий с помощью множественного Flash-загрузчика

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

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

        Одиночная загрузка фотографий

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

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

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

        Режимы просмотра фотографий

        Из списка альбомов по клику на имени альбома можно перейти к просмотру эскизов фотографий:

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

        Просмотр фотографии

        При клике по анонсу фотографии открывается окно детального просмотра фотографии:

        В данном режиме просмотра доступны следующие элементы управления:

        • 1, 5 - закрытие окна детального просмотра фотографии;
        • 2, 3 - переход к предыдущей/следующей фотографии альбома;
        • 4 - кнопка позволяет развернуть/свернуть окно просмотра фотографии;
        • 6 - кнопка Слайдер включает/отключает режим просмотра фотографий по эскизам;
        • 7 - в этой области отображается описание фотографии;
        • 8 - область, позволяющая проголосовать за фотографию, и кнопка Слайд-шоу с помощью которой можно запустить/остановить показ фотографий в режим слайд-шоу с выбором интервала смены слайдов;
        • 9 - область показа и ввода комментариев к фотографии;
        • 10 - область свойств фотографии: альбом, автор, количество просмотров и время добавления в альбом;
        • 11 - область редактирования фотографии: изменение свойств фотографии, удаление, увеличение масштаба и показ оригинала; с помощью кнопок можно вращать фотографию (после закрытия фотография будет сохранена);
        • 12 - с помощью кнопки можно свернуть/развернуть области комментариев, свойств и редактирования фотографии; а с помощью кнопки можно сменить фон окна детального просмотра на темный и наоборот.

        Просмотр оригинала фотографии

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

        Слева имеется шкала для смены фона окна просмотра. Для закрытия окна необходимо кликнуть по фотографии.

        Управление альбомами

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

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

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

        • Изменить альбом - переход к форме изменения альбома;
        • Добавить альбом - создание вложенного альбома внутри текущего;
        • Загрузить фото - переход к форме загрузки фотографий.

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

        Изменение альбома

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

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

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

        Изменение обложки альбома

        Форма выбора обложки для альбома имеет следующий вид:

        Отметьте флагом одну или несколько фотографий, чтобы сгенерировать обложку для альбома и нажмите Сохранить.

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

        Многопользовательская фотогалерея

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

        Отображение фотогалереи в публичном разделе осуществляется с помощью комплексного компонента Фотогалерея 2.0 (многопользовательская).

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

        • создать тип информационного блока Фотогалерея (выполняется сотрудником, наделенным соответствующими правами);
        • создать информационный блок Фотогалерея пользователей (выполняется сотрудником, наделенным соответствующими правами);
        • создать страницу Фотографии;
        • разместить и настроить параметры компонента Фотогалерея 2.0 (многопользовательская).

        Подробную инфомацию о создании типа инфоблока Фотогалерея и информационного блока Фотогалерея пользователей смотрите в курсе Администратор портала.

        Публикация фотогалереи

        В качестве примера в разделе Контент создадим страницу Галереи пользователей и разместим на ней компонент Фотогалерея 2.0 (многопользовательская).

        Для этого выполните следующее:

        • Перейдите в раздел Контент и нажмите кнопку
        • Пройдите все шаги мастера и перейдите к редактированию страницы в визуальном редакторе;
        • На странице разместите комплексный компонент Фотогалерея 2.0 (многопользовательская):

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

        • Произведите настройку параметров необходимым для вас образом. Отметим лишь некоторые группы, полное описание доступно в документации по продукту:
          • В группе Основные параметры обязательно укажите Тип инфоблока и сам Инфоблок (выбираем Фотогалерея и Многопользовательская галерея

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

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

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

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

        Создание фотогалереи

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

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

        Для создания фотогалереи выполните следующее:

        • Кликните по ссылке Создать галерею, доступной на главной странице фотогалереи.
        • В открывшейся форме заполните поля Код фотогалереи и Название фотогалереи:

        • Нажмите кнопку Создать для создания новой фотогалереи.

        В результате созданная галерея имеет вид:

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

        Добавление альбомов

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

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

        • Для сохранения изменений нажмите кнопку Сохранить.

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

        Аналогичным способом выполняется создание вложенного альбома.

        Добавление фотографий в альбом

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

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

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

        Детальный просмотр фотографий имеет следующий вид:

        Управление галереями

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

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

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

        Если установлен флаг в поле Включить премодерацию фото, то для показа добавленных фотографий необходимо одобрение модератора. Если данная опция отключена, то все фотографии будут показаны в галерее. Аналогично действует опция [Главная страница] Включить премодерацию опубликованных фото - для показа фотографий на главной странице требуется подтверждение модератора.

        Фотографии со статусом опубликованные будут показываться только на главной странице, если установлен флаг в поле [Главная страница] Показывать только опубликованные фото.

        Главная страница галереи

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

        В секции Новые отображаются фотографии с сортировкой по дате добавления фотографии в галерею.

        В секции Просматриваемые отображаются наиболее часто просматриваемые фотографии.

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

        В секции Комментируемые отображаются фотографии с большим количеством комментариев.

        Экспорт фотогалереи

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

        • Перейдите на страницу Контент > Информ. Блоки > Экспорт > XML. Откроется форма Настройки экспорта.

          • В поле Файл для выгрузки с помощью кнопки Открыть выберите папку, куда будет экспортироваться фотогалерея и укажите желаемое имя файла выгрузки.
          • В поле Информационный блок в выпадающем списке укажите Тип иформационного блок и сам информационный блок.
          • В поле Длительность шага в секундах укажите величину шага. Для подавляющего большинства случаев подходят установки по умолчанию.
          • Укажите настройки для выгрузки разделов и элементов.
          • Нажмите кнопку Экспортировать. Начнется процесс экспорта, после завершения которого будет выведено сообщение об успешном экспорте либо ошибках при экспорте.
        • Скопируйте на новый сайт файл gallery.xml и папку gallery_files, которая будет создана вместе с файлом экспорта.

        • На новом сайте откройте страницу Контент > Информ. Блоки > Импорт > XML. Откроется форма импорта:

        • В поле Файл для загрузки укажите путь к файлу gallery.xml.
        • Выберите Тип информационного блока, в котором должен создаться новый инфоблок.
        • Укажите сайт, к которому должен быть привязан инфоблок.
        • В зависимости от потребностей сайта выполните дальнейшие настройки.
        • Нажмите кнопку Импортировать. Начнется процесс импорта, после завершения которого будет выведено сообщение об успешности импорта или сообщение об ошибках.

        Миграция с однопользовательской фотогалереи

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

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

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

        Работа с комментариями многопользовательской галереи

        Рассмотрим, как работать с комментариями к многопользовательской галерее.

        К примеру, у нас уже имеется фотогалерея с отзывами на основе компонента форума. Чтобы узнать, какой именно форум для нее используется, перейдите к настройкам компонента Многопользовательская фотогалерея и в группе параметров Настройки отзывов вы увидите ID форума для отзывов:

        Зададим для модераторов необходимые права доступа к этому форуму. Перейдите на страницу административного раздела Сервисы > Форумы > Список форумов > ваш_форум. Далее, в форме редактирования форума, на закладке Доступ, для группы модераторов задайте нужное право доступа:


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

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


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

        Непосредственно в теме можно модерировать комментарии:

        Примечание: подробнее о модерации сообщений форума читайте в курсе Администратор. Модули.

        Размещение видео на сайте

        Размещение на сайте видео материалов расширяет возможности владельцев сайтов по подаче информации, так как видео более информативно. Решением задачи быстрого и удобного размещения и проигрывания видео роликов является использование компонентов Медиа проигрыватель и Видеотека, либо использование html-кода, полученного с видеохостинга.

        Примечание: Для вставки видео с помощью кода получите код ролика со страницы Youtube с роликом (Поделиться > Сгенерировать html-код) и вставьте его на страницу учебного курса в режиме HTML кода. Код выглядит примерно так: 
        <iframe width="560" height="315" src="http://www.youtu.be/embed/wKLnqmb8MrY" frameborder="0" allowfullscreen></iframe>

        А таков результат вставки кода в текст страницы:

        В главе приводится описание, основные возможности и механизм работы этих компонентов системы "1С-Битрикс: Управление сайтом". Кроме этой главы курса можно посмотреть документацию по компонентам:

        Медиа проигрыватель (bitrix:player):

        http://dev.1c-bitrix.ru/user_help/content/fileman/components_2/media/player.php

        Видеотека (bitrix:iblock.tv):

        http://dev.1c-bitrix.ru/user_help/content/fileman/components_2/media/iblock_tv.php

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

        http://dev.1c-bitrix.ru/user_help/content/fileman/components_2/media/player.php#list

        Медиапроигрыватель

        Медиа проигрыватель

        Медиа проигрыватель позволяет проигрывать на вашем сайте видео в нескольких форматах. Поддерживаются форматы:

        • FLV;
        • WMV;
        • MP4;
        • HTTP-потоковое видео;
        • RTMP-потоковое видео.

        Кроме видео Медиа проигрыватель может воспроизвести аудио в формате MP3 и WMA и просмотреть картинки в традиционных графических форматах: GIF, JPG и PNG.

        В Медиа проигрывателе поддерживаются следующие форматы списков воспроизведения:

        • XSPF;
        • ATOM;
        • RSS;
        • XML;
        • ASX.

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

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

        Размещение

        Размещение Медиа проигрывателя

        Компонент Медиа проигрыватель размещается на странице сайта типовым для всех компонентов системы "1С-Битрикс: Управление сайтом" способом.

        Примечание. Если шаблон сайта создавался вручную, то возможна ситуация, когда в блок head не была включена строка: 
        <?$APPLICATION->ShowHead();?>
        В этом случае Медиа проигрыватель работать не будет. Если после добавления Медиа проигрывателя на страницу компонент не отображается, то обратитесь к администратору или разработчику сайта.

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

        Подготовка и размещение видеофайлов

        Поскольку форматов видео очень много, то сперва проверьте поддерживается ли формат вашего видео компонентом Медиа проигрыватель. При необходимости выполните конвертацию вашего видео в один из поддерживаемых форматов. Для этого можно использовать любой из многочисленных платных и бесплатных конвертеров видео. Например, Afree All Video Converter.

        Есть определенные сложности при воспроизведении видеофайлов Медиа проигрывателем в браузере Internet Explorer, не связанные с самим компонентом. В этом браузере нельзя просмотреть файлы большого размера из-за предустановленной в нем относительно малой величины кеша. Рекомендации по размеру файлов для IE дать сложно, так как размер этого кеша меняется в зависимости от версии браузера.

        В этом случае есть единственный способ избежать жалоб от посетителей сайта на невозможность просмотреть видео - это резать большой файл на части. Разрезать файл на части (а так же оптимизировать его параметры, добавить титры, эффекты и прочее) можно в видео редакторе.

        Теоретически видеофайл может быть расположен где угодно в структуре дерева файлов «1С-Битрикс: Управление сайтом». Однако мы рекомендуем создать специальную папку, вложенную в папку upload. В этом случае для указания файлов в настройках компонентов будет использоваться типовой путь upload\video_files\имя_файла. Путь в рамках системы будет таким: Контент > Структура сайта > Файлы и папки > upload > video_files > имя_файла.

        Настройки

        Настройки Медиа проигрывателя

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

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

        Базовый режим

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

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

        Группы параметров:

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

        Примечание: не надо путать шаблон компонента и скин самого плеера. Скин проигрывателя - внешнее по отношению к системе "1С-Битрикс: Управление сайтом" явление и настраивается отдельно. Шаблоны компонента редактируются так же, как и шаблоны любых других компонентов системы. Однако контент-менеджер не может редактировать шаблоны и скины, а только выбирать из уже имеющихся.

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

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

        Настройки воспроизведения. Объяснение Медиа проигрывателю как воспроизводить видео файл.

        • Автоматически проигрывать – файл начнет воспроизводится самостоятельно сразу после открытия страницы.
        • Настройки повторения - указывается вариант повтора при проигрывании медиафайла(ов) или списка воспроизведения.
        • Уровень громкости в процентах от максимального – стартовый уровень громкости.

        Дополнительные настройки. Это включение расширенного режима.

        Расширенный режим

        Расширенный режим включается установкой флажка в поле Расширенный режим настройки компонента в базовом режиме. После перезагрузки окна Параметры компонента станут доступны расширенные настройки. Без изменений осталось только одна группа параметров: Шаблон.

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

        • Использовать список воспроизведения. Если используется список воспроизведения, то в поле Путь к файлу меняется на поле Путь к списку воспроизведения. И появляется кнопка Список воспроизведения: Изменить. Об использовании этой кнопки – смотри в уроке Списки воспроизведения.
        • Путь к рисунку для предварительного просмотра. Если указать путь к рисунку для заставки перед просмотром, то до начала воспроизведения в окне проигрывателя будет отображаться этот рисунок. Обычно задается полный путь к файлу от корня сайта, но можно задать только имя файла, если он расположен в той же папке, что и видео.

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

        Параметры внешнего вида для Flash плеера:

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

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

          Примечание: медиа плеер не дает возможности задавать степень прозрачности авторского знака. Поэтому его файл рекомендуется заранее подготовить. Лучше всего использовать картинку формата GIF с прозрачным фоном и размером равным размеру экрана видео. При использовании функции "Путь к изображению авторского знака" можно отказаться от функции "Путь к рисунку для предварительного просмотра", так как авторский знак будет отображаться и без показа видео.
        • Если для плеера используется список воспроизведения, то в группе появляются дополнительные свойства: Размер списка воспроизведения в пикселях и Расположение списка воспроизведения.

        Параметры внешнего вида для WMV плеера:

        • Показывать панель управления. В WMV плеере можно только отключить и включить панель управления.
        • Показывать текущее время воспроизведения и оставшееся время. По сторонам графического индикатора загрузки и показа можно включить или выключить отображение времени ролика и оставшегося времени.
        • WMV плеер не поддерживает скины. Но зато у него есть возможность произвести настройку цветов для изменения отображения внешнего вида. Это осуществляется с помощью полей: Цвет фона панели управления, Цвет элементов управления, Цвет элементов управления при наведении указателя мыши, Цвет экрана. Введите в эти поля шестизначный код цвета в системе RGB.

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

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

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

        • Идентификатор плеера - необязательный параметр. Указывается идентификатор плеера для дальнейшего обращения к объекту плеера из JavaScript. Контент-менеджеру не рекомендуется его изменять.
        • Размер буфера в секундах. Рекомендуется использовать для медленных соединений. Чем больше буфер, тем реже будут происходить обрывы при показе ролика (размер буфера рекомендуется выбирать в диапазоне 10-30 секунд в зависимости от доступной скорости соединения; чем выше скорость, тем меньше может быть буфер).
        • Разрешить проигрывание SWF-файлов (не рекомендуется) - при отмеченной опции будет разрешено проигрывание файлов формата swf. Не рекомендуется использовать в силу высокой степени опасности XSS-атаки через подключаемый файл.

        Если для Flash плеера используется список воспроизведения, то среди дополнительных настроек появляется свойство:

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

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

        Дополнительные настройки для WMV-плеера:

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

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

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

        Интерфейс

        Интерфейс Медиа проигрывателя очень простой и интуитивно понятный. В нижней части проигрывателя расположена панель управления:

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

        Применение скинов

        Скин — оформление компьютерной программы.

        Скины поддерживаются только для Flash плеера. Вы может использовать любой из десятков скинов специальной коллекции на www.longtailvideo.com

        Для установки нового скина:

        • Откройте указанную ссылку, кликните мышью по верхней вкладке AddOns и выберите опцию Skins
        • Выберите понравившийся скин и нажмите на кнопку Learn More, затем - на Download This Skin
        • Сайт запросит ваш E-mail и после ввода электронного адреса перейдет к странице автоматической загрузки.
        • Загрузить архив (размером примерно 100 Кб).

        После загрузки можно приступать к установке:

        • Перенесите скачанный архив в системную папку /bitrix/components/bitrix/player/mediaplayer/skins. (Если в настройках компонента был сменен путь до папки, то укажите правильный путь.) Для контент-менеджера такое действие может быть запрещено, в таком случае обратитесь к администратору.
        Для администраторов: так как системные папки перезатираются при обновлениях, то лучше для своих скинов указать отдельную папку вне пространства bitrix.
        • Откройте для редактирования параметры компонента Медиа проигрыватель в расширенном режиме.

        В поле параметра Скин в выпадающем списке появится новый, только что добавленный вами скин.

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

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

        Вставка стороннего видео

        Медиа проигрыватель может не только показывать видео, расположенное на сервере, но и загружать файлы с удаленных серверов типа YouTube, воспроизводить потоковое видео (аудио).

        Для вставки стороннего видео:

        • Выполните команду Редактировать параметры компонента из меню компонента Медиа проигрыватель.
        • В поле Тип плеера выберите тип плеера HTML5 / Flash плеер.
        • В поле Путь к файлу вставьте ссылку на видео или поток.
        • В опции Медиа-провайдер укажите медиа-провайдер выбранного видео (или потока).
        • Сохраните внесенные изменения.

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

        Список воспроизведения

        Список воспроизведения - способ показа нескольких медиа-файлов в рамках компонента Медиа проигрыватель. Необходимо помнить, что в список воспроизведения нельзя включать файлы разных форматов.

        Установите флажок Использовать список воспроизведения. Окно настроек перезагрузится и сменятся поля в группе Основные настройки.

        В поле Путь к списку воспроизведения с помощью кнопки укажите путь до файла со списком воспроизведения.

        Если файла воспроизведения нет, то:

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

        Работа по созданию списка воспроизведения аналогична созданию меню сайта.

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

        • Сохраните внесенные изменения. Окно закроется, система вернется к окну настройки параметров медиа-проигрывателя.
        • Укажите в какой части окна плеера размещать список воспроизведения с помощью параметра Расположение списка воспроизведения.
        • В поле Размер списка воспроизведения выставьте величину списка воспроизведения такой, чтобы окно плеера вместе со списком воспроизведения не искажало дизайн страницы.
        Примечание: при использовании списков воспроизведения необходимо учитывать то, что поля Высота и Ширина в настройках компонента задается в сумме для самого плеера и списка воспроизведения. Реальное значение этого поля необходимо вычислить добавлением высоты списка воспроизведения.
        • Измените параметр Высота (Ширина) в Основных настройках.
        • Сохраните внесенные изменения.

        После перезагрузки страницы вы увидите Медиа проигрыватель со списком воспроизведения:

        Изменилась панель управления плеера. Появились кнопки Следующий ролик и Предыдущий ролик.

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

        Видеотека

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

        Размещение Видеотеки

        Компонент Видеотека размещается на странице сайта типовым для всех компонентов системы "1С-Битрикс: Управление сайтом" способом.

        Примечание: Возможна ситуация, когда в блок head шаблона сайта не включена строка: 
        <?$APPLICATION->ShowHead();?>
        В этом случае плеер в Видеотеке работать не будет. Если после добавления Видеотеки на страницу компонент не отображается, то обратитесь к администратору.

        Создание инфоблока

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

        • Нажмите Добавить инфоблок на контекстной панели. Откроется форма создания инфоблока.
        • Заполните закладку Инфоблок;
        • Введите Символьный код: любое название на латинице;
        • Осуществите привязку к нужному сайту;
        • Введите Название инфоблока: любое осмысленное название на кириллице.

        Остальные поля закладки оставьте без изменений.

        • Перейдите в закладку Свойства.
        • Создайте свойства со следующими параметрами:

        1. Свойство типа Привязка к файлу (на сервере) для указания пути к файлу с кодом FILE.
        2. Свойство типа Строка для указания времени проигрывания файла с кодом DURATION;

        Если вам для работы требуются и другие свойства - укажите их.

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

      • Перейдите в закладку Доступ.
      • Для всех пользователей поставьте уровень прав Чтение, для тех групп, кто будет заниматься созданием видеотеки - поставьте Изменение.
      • Перейдите в закладку Подписи. В этой закладке можно изменить названия подписей полей, чтобы они воспринимались адекватно инфоблоку.
      • Замените надписи: раздел(ы) на видеоальбом(ы), а элемент(ы) на видеоролик(и).
      • Сохраните внесенные изменения.

      Инфоблок создастся, система вернется к списку инфоблоков.

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

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

      • Откройте окно редактирования параметров компонента (например двойным щелчком по нему левой кнопкой мыши). Откроется окно редактирования параметров:

      • Выберите подходящий шаблон компонента, например round.

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

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

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

      В группе Настройки плеера имеет принципиальное значение два поля: Секция и Элемент.

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

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

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

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

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

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

      В поле Направление для первой сортировки новостей можно задать как сортировать. Например при сортировке по названию можно сортировать ролики по возрастанию (от А до Я) и по убыванию (от Я до А).

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

      • Сохраните внесенные изменения.

      После перезагрузки страницы вы увидите Медиа проигрыватель и под ним список роликов:

      Создание видеоальбомов и элементов

      Создание видеоальбома

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

      • Перейдите на страницу Контент > Сервисы > <имя_инфоблока>.
      • В контекстной панели нажмите Добавить раздел. Откроется форма создания видеоальбома.
      • В поле Название введите название.
      • В поле Изображение можно вставить маленькую картинку, ассоциирующуюся с видеоальбомом.
      • В поле Описание введите текстовое описание видеоальбома.
      • Сохраните внесенные изменения. Видеоальбом создастся и отобразится в списке.

      Создание элементов

      Создание элементов возможно и из публичного раздела. Добавим видеоролик в альбом.

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

      • Зайдите на вкладку Разделы и выберите раздел, в котором будет загружаемый видеоролик:

      • Нажмите Сохранить. Новый элемент отобразится в списке воспроизведения.

      Возможные проблемы

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

      • Наберите в адресной строке браузера http://<ваш_сайт>/admin/phpinfo.php Откроется страница с отображением настроек PHP.
      • Найдите в настройках параметры post_max_size и upload_max_filesize и посмотрите эти параметры.

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

      • Откройте для редактирования файл php.ini (C:\Program Files\Bitrix Environment\apache\).
      • У параметров post_max_size и upload_max_filesize смените значения в большую сторону. Например, до 32 МB.
      • Сохраните внесенные изменения.

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

      Настройка Медиа проигрывателя в Видеотеке

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

      • Откройте страницу Контент > Структура сайта> Файлы и папки > bitrix/components/bitrix/iblock.tv/templates/.default . (В рамках локального компьютера это соответствует папке C:\Program Files\Bitrix Environment\www\bitrix\components\bitrix\iblock.tv\templates\.default\, если не менялся стандартный путь установки.)
      • Откройте для редактирования файл template.php из этой папки.

      Начиная с пятой строки начинается код компонента bitrix:player. Это и есть медиа плеер в Видеотеке. Изменяя параметры плеера непосредственно в коде компонента вы добьетесь нужных результатов. В качестве образца настроек можно взять настройки простого плеера, открыв страницу с размещенным плеером для редактирования в режиме PHP. Какие параметры соответствуют каким полям в настройках можно узнать в документации к "1С-Битрикс: Управление сайтом" на странице Медиа проигрыватель.

      Примечание: Модификация шаблона компонента требует выполнения определенных правил. В частности, копирования шаблона в своё пространство имен и применение нового шаблона к компоненту. Подробнее об этом можно почитать в уроке Шаблоны компонентов курса Разработчик Bitrix Framework. Если вы не уверены в своих силах, то лучше обратитесь к администратору или разработчику проекта.

      Публикация сообщений в блогах из других программ

      Блог (англ. blog, от «web log» — сетевой журнал или дневник событий) — веб-сайт (или раздел сайта), основное содержимое которого — регулярно добавляемые записи выражающее мнение автора о той или иной проблеме. Отличия блога от традиционного дневника обусловливаются тем, что блоги обычно публичны и предполагают сторонних читателей, которые могут вступить в публичную полемику с автором (в комментарии к блогозаписи или своих блогах).

      Для облегчения повседневной публикации сообщений в блогах сайтов, созданных на продуктах компании "1С-Битрикс" можно использовать любые текстовые редакторы, поддерживающие MetaWeblog API.

      MetaWeblog API (MWA) является интерфейсом, который позволяет внешним программам управлять сообщениями в блоге. Интерфейс построен на XML-RPC протоколе.

      Использование MetaWeblog API предоставляет следующие возможности:

      • Управление сообщениями блога одного или нескольких сайтов из blog-клиента или текстового редактора (большинство поддерживают MetaWeblog API).
      • Возможность добавить свой функционал (который будет управлять вашими сайтами), не вдаваясь в логику работы продуктов "1С-Битрикс", а используя MetaWeblog API. В курсе будет рассмотрена настройка таких редакторов на блоги сайта на примере программы MS Word.

        Описанные методы публикаций можно использовать как для сайтов, созданных на платформе PHP, так и для сайтов созданных на платформе ASP.NET.

        Публикация сообщений с помощью MS Word

        Программа MS Word – самый распространенный текстовый редактор, поддерживающий MetaWeblog API.

        Настройка MS Word

        • Запустите программу MS Word.
        • Нажмите кнопку Файл и выберите команду Создать.
        • Дважды щелкните мышью по значку Запись блога . Откроется диалог Регистрация учетной записи блога



          Примечание: при помощи MS Word нельзя создать новую учетную запись блога, можно только использовать только уже имеющуюся.
        • Нажмите кнопку Зарегистрировать. Откроется диалог Создание учетной записи блога.
        • В поле Блог выберите Другой.

        • Нажмите кнопку Далее. Откроется диалог ввода параметров.

        • В поле API выберите Метавеб-журнал.
        • Введите:
          • URL-адрес записи блога. Если в системе установлен комплексный компонент Блоги, то в данном поле указывается адрес страницы, на которой находится данный комплексный компонент. Если в компоненте используется ЧПУ ("человекопонятный урл"), то в конце строки адреса блога необходимо дописать: /metaweblog.php. Если в компоненте ЧПУ не используется, то к адресу блога добавляется строка: index.php?page=metaweblog. Для уточнения правильности настроек обратитесь к системному администратору.
          • Имя пользователя - ваш логин на ресурсе, где располагается блог;
          • Пароль - ваш пароль на ресурсе, где располагается блог;
          • Установка флажка Сохранить пароль позволит при повторных запусках программы не вводить данные заново.
        • Нажмите кнопку Параметры рисунка. Откроется соответствующий диалог.

        • В поле Поставщик рисунка выберите Мой поставщик блога.
        • Нажмите OK.
        • Нажмите ОК в диалоге Создание учетной записи. Программа свяжется с сайтом и запросит разрешение на отправку ваших данных поставщику услуги блога.



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

        Управление учетными записями

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

        Используя кнопки данной формы вы можете:

        • Создать новую учетную запись;
        • Изменить настройки выбранной учетной записи;
        • Выбрать учетную запись, которая будет использоваться по умолчанию;
        • Удалить учетную запись.

        Создание и публикация сообщений

        После того, как учетные записи настроены, при создании новой записи блога открывается окно MS Word в следующем виде:

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

        Также в режиме создания сообщений для публикации в блоге панель MS Word представлена двумя вкладками:

        • На вкладке Запись блога размещены инструменты для форматирования, редактирования, публикации сообщений, управления учетными записями и т.д.
        • На вкладке Вставка содержатся кнопки для добавления в блог дополнительных данных: даграмм, таблиц, иллюстраций, текста WordArt, ссылок, символов, объектов SmartArt и т.д.

        Введем сообщение, которое хотим опубликовать в блог.

        • Нажмите кнопку на панели инструментов. Сообщение будет опубликовано в выбранном блоге. Сведения об этом вы увидите над названием записи:



          После того, как сообщение опубликовано, вы можете видеть его в своем блоге:

        Другие приложения для публикации в блог

        Для управления сообщениями блога помимо MS Word 2007 можно использовать любые другие текстовые редакторы, поддерживающие MetaWeblog API(MWA).

        Например:

        Детали настройки данных программных продуктов могут отличаться от настройки MS Word, но их принципы аналогичны.

        Примечания

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

        • При публикации записи блога осуществляется авторизация пользователя. Если при авторизации осуществляется редирект или другие действия, использование MetaWeblog на данный момент невозможно.
        • Для загрузки в блог картинок и видео необходимо использовать File Transfer Protocol (FTP).

        Wiki

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

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

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

        Возможности Wiki

        Модуль позволяет:

        • Редактирование вики-страниц разными пользователями как с помощью вики-разметки, так и с помощью визуального редактора (HTML).
        • Автоматическое построение оглавления.
        • Вставлять изображения в страницу.
        • Возможность задавать категории и тэги страницам.
        • Искать интересующую категорию.
        • Комментировать вики страницы. Требуется модуль Форум.
        • Вести историю изменений страницы. Требуется модуль Бизнес-процессов.
        • Сравнивать разные версии вики-страниц. Требуется модуль Бизнес-процессов.
        • Восстанавливать вики страницу до более ранней версии. Требуется модуль Бизнес-процессов.
        • Искать вики страницы с помощью стандартной формы поиска. Требуется модуль Поиск.

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

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

        Размещение Wiki на проекте осуществляется типовым для продуктов "1С-Битрикс" способом: добавлением комплексного компонента Wiki (bitrix:wiki) на страницу сайта. Параметры настроек полей компонента смотрите в разделе Wiki документации к продукту.

        Примечание: Перед размещением компонента предварительно должен быть создан тип информационного блока и информационный блок для Wiki. Это делает администратор сайта.

        Основные понятия

        Основные понятия и термины:

        • Внутренняя ссылка – гиперссылка на вики-страницу в рамках одного вики-сайта. В тексте вики-страницы помечается обычным для гиперссылок синим цветом.
        • Красная ссылка – внутренняя ссылка на несуществующую (еще не созданную) вики-страницу. В тексте вики-страницы помечается красным цветом.
        • Внешняя ссылка – гиперссылка на внешний сайт.
        • Вики разметка – разметка, которая позволяет легко и быстро размечать в тексте структурные элементы и гиперссылки; форматировать и оформлять отдельные элементы.
        • В Категорию объединяют схожие по смыслу страницы. Одна страница может быть в нескольких категориях. Категории могут быть вложенными.
        • Тегами помечают страницы для быстрого поиска нужной страницы.
        • Версия – одна из сохраненных правок вики-страницы.
        • Текущая версия – последняя версия вики-страницы, которая в данный момент видна на сайте.

        Общий вид вики-страницы

        Видеоролик "Общий вид вики-страницы"

        Вики-страница состоит из:

        1. Контекстной панели, которая позволяет:
          • Кнопка История - просмотреть версии страниц в их историческом развитии. Кнопка не отображается, если не установлен модуль Бизнес-процессов.
          • Кнопка Создать - создать новую страницу.
          • Кнопка Править - редактировать содержание страницы.
          • Кнопка Переименовать - переименовывается название страницы (категории). Изменения отображаются сразу на всех страницах, где есть упоминание о переименованной странице.
          • Кнопка Удалить - удалить страницу. Удаление вики-страницы удалит ее саму и всю историю ее изменений. Все ссылки на эту страницу в других вики-страницах перестанут работать, т.е. станут "красными ссылками".
        2. Оглавление. Формируется автоматически, если на странице есть не менее 5 заголовков.
        3. Заголовок. Заголовки могут быть различного уровня.
        4. Внутренняя или Внешняя ссылки.
        5. Красная ссылка - ссылка на еще не созданную страницу.
        6. Категории. Список категорий, к которым привязана данная страница.
        7. Рейтинги. Голосование за статью. Вид может отличаться, зависит от настроек, сделанных администратором.
        8. Теги. Список тегов, которые соответствуют данной странице. В рамках Рабочих групп теги не добавляются.
        9. Комментарии. Добавленные комментарии к статье.

        Создание страницы

        Создание первой страницы


        Видеоролик "Создание первой страницы"

        Если еще не создано ни одной страницы, посетитель сайта увидит Главную страницу в таком виде:

        Для создания первой страницы нажмите ссылку Создать. По этой команде откроется форма создания страницы с упрощенным визуальным редактором.

        Текст рекомендуется добавлять с помощью упрощенного визуального редактора. В режиме Текст вместо привычного форматирования выводится специальная wiki-разметка, понятная программистам и программе. В режиме Визуальный редактор текст отображается сразу отформатированным.

        Упрощенный визуальный редактор имеет кнопки, недоступные в других модулях системы:

        • Формат - доступна вставка заголовка вплоть до 6-го уровня вложений
        • Ввод внутренней гиперссылки. По этой кнопке создается внутренняя гиперссылка на пока еще созданную страницу (красная ссылка). Название гиперссылки и название создаваемой страницы могут не совпадать.

          Примечание: В поле Ссылка нужно вводить не URL адрес ссылки, а название страницы, на которую вы хотите сослаться.
        • Указать категорию. Указываются категория для страницы. Можно выбрать из списка уже существующих, можно добавить новую. Каждой странице можно назначить несколько категорий воспользовавшись этой кнопкой несколько раз.

        • Ваша подпись и момент времени. Кнопка вставляет имя и фамилию автора статьи (в том виде как он зарегистрирован в системе), дату и время создания (правки) статьи.
        • Игнорировать Wiki-форматирование. Текст отображается без учёта Вики-форматирования.
        • Оформление текста в виде кода. Позволяет вводить в текст сообщения программные коды без их искажения при просмотре.

        Примечание: Wiki допускает настройку переадресации страниц. Если по каким-то причинам страница не должна отображаться, но удалять её нежелательно, то можно использовать переадресацию. Для этого необходимо в режиме текста добавить на страницу выражение #REDIRECT [[**********]]. Вместо звёздочек вставьте имя страницы, на которую производится перенаправление. Редактирование исходной страницы становится доступным только администратору.

        Заполните текстом страницу и нажмите Опубликовать. Страница будет создана.

        Создание страницы из Красной ссылки

        Для создания новой страницы по красной ссылке просто нажмите на нее. Откроется форма создания новой страницы.

        Примечание: Возможен вариант, когда связанная страница создается не по красной ссылке, а самостоятельно по кнопке Создать. В этом случае произойдет автоматическая привязка вновь созданной страницы к существующей ссылке. И наоборот: можно сначала создать страницу, а потом создать на нее гиперссылки на других страницах.

        Примечание: При создании (редактировании) страницы в рамках рабочей группы доступна опция Опубликовать в живой ленте. Если флажок установлен, то любое действие над данной страницей будет отмечено в Живой ленте сообщением. Статья, которая предварительно редактировалась без галочки, при установке галочки все равно остается скрытой.

        Редактирование страницы и история

        Редактирование страницы

        Для редактирования страницы необходимо воспользоваться кнопкой Править. По этой кнопке откроется форма правки, аналогичная форме создания страницы. Изменения вступят в силу сразу после опубликования исправленной страницы.

        Примечание: Изменение названия страницы через кнопку Править отразится на URL ведущем на страницу. Соответственно все ссылки на измененную страницу в других вики-страницах перестанут работать, т.е. станут "красными ссылками". Если необходимо изменить название страницы с сохранением всех ссылок, то воспользуйтесь кнопкой Переименовать.

        При правке страницы можно добавить комментарий к конкретной версии. Этот комментарий будет отображён в списке изменений.

        История версий


        Видеоролик "История редактирования"

        Если в системе установлен модуль Бизнес-процессы, то возможно ведение истории изменений и сравнение версий страниц. Список всех текущих версий можно просмотреть по кнопке История.

        Можно выбрать любые две версии и сравнить их между собой. При сравнении красным цветом отобразится то что удалено из старой версии в сравнении с новой, а зеленым, что добавлено в новую версию в сравнении со старой.

        Ссылка Восстановить до текущей позволит более раннюю версию сделать текущей версией.

        Если над документом работает одновременно несколько человек, то на сайте отобразится версия, законченная последней. Все остальные версии будут сохранены в истории.

        Категории и теги

        Категории

        Категории - один из механизмов классификации создаваемых страниц. Категории могут иметь подкатегории. Вложенность подкатегорий не ограничена.

        Видеоролик "Категории"

        Категории создаются при создании (редактировании) страниц (кнопка Указать категорию) и выводятся под текстом страницы. Ссылка Категории отображается под текстом страницы независимо от того добавлена ли конкретная страница в какую либо категорию. По этой ссылке можно перейти к общему списку категорий.

        Если страница категории не создана, она будет высвечиваться красной ссылкой, как и в случае с обычными страницами. Для создания страницы категории необходимо кликнуть по красной ссылке а затем воспользоваться не кнопкой Создать на Контекстной панели страницы, а ссылкой Создать в тексте под панелью.

        Создавая страницу категории можно задать какая категория будет для нее старшей. Для этого воспользуйтесь кнопкой Указать категорию.

        Примечание: На странице категории происходит указание вышестоящей категории, а не подкатегорий, которые должны входить в эту категорию.

        Если ошибочно был назначен неверный порядок иерархии, подчиненность можно сменить. Для этого нужно сначала отвязать одну категорию от другой, а потом только задавать новые отношения иерархии.

        Для удаления категории нужно вручную удалить текст [[Категория:_название категории_]] с wiki-страницы.

        Теги

        Теги - инструмент для поиска страниц штатными поисковыми механизмами.

        Примечание: Теги недоступны в Wiki, работающей в рамках модуля Социальная сеть.

        Теги добавляются при редактировании страницы. При этом появляется список уже использованных в системе тегов с указанием числа страниц с выбранным тегом.

        Примечание: Существует способ создавать автоматически формируемые списки страниц. Для реализации такой задачи надо обратиться к администратору.

        Веб-стикеры

        Функционал Веб-стикеры позволяет создавать заметки прямо поверх сайта. Причем заметку можно привязать к какой-то области на странице, выделив ее курсором мыши, или к элементам страницы (меню, новостям, ссылкам и прочему). Также можно изменять цвет, форматировать текст и давать прямую ссылку другим пользователям на ваш стикер. При переходе по этой ссылке окно браузера прокрутится до нужной заметки.

        Веб-стикеры в первую очередь предназначены для обмена информацией и совместной работы персонала, обслуживающего сайт: администратор, контент-менеджер и так далее.

        Примечание: Функционал веб-стикеров доступен только при наличии соответствующих прав доступа.

        В данной главе будет рассказано о возможностях стикеров и работе с ними.

      • Веб-стикеры
      • Создание стикера
      • Управление стикерами
      • Привязка стикера
      • Редактирование стикера
        •
      • Список стикеров
      • Просмотр списка стикеров
      • Управление стикерами в форме "Список стикеров"
        •

        Веб-стикеры

        Создание стикера

        Для создания нового стикера нажмите кнопку Наклеить стикер или используйте комбинацию горячих клавиш Ctrl+Shift+S

        Примечание: Функционал горячих клавиш может быть отключен администратором.

        Кнопка "Наклеить стикер"

        после чего на странице будет отображен новый стикер:

        Стикер

        Кликните на заметку, для ввода текста и появления дополнительных элементов управления.

        Основные элементы управления стикера


        Управление стикерами

        Управление стикерами осуществляется непосредственно с помощью элементов управления самих стикеров и меню кнопки Наклеить стикер:

        Меню кнопки "Наклеить стикер"

        • Наклеить стикер - Наклеить новый стикер на страницу (комбинация клавиш Ctrl+Shift+S);
        • Показать стикеры - Отобразить/скрыть все стикеры на странице (комбинация клавиш Ctrl+Shift+X);
        • Список стикеров страницы - Показать список всех стикеров на текущей странице в форме Список стикеров (комбинация клавиш Ctrl+Shift+L);
        • Список всех стикеров - Показать список всех стикеров на сайте в форме Список стикеров.

        Примечание: Пункт меню Показать стикеры показывает/скрывает только Приклеенные стикеры.


        Привязка стикера

        Любой стикер можно привязать к какой-либо области на сайте или элементу, причем при наведении на стикер эта область/элемент будет "подсвечена" в соответствии с цветом самого стикера.

        Возможны следующие варианты привязки стикеров:

        • Привязка к элементу на странице (кнопка ) - позволяет привязать стикер к элементу на сайте: картинка, блок текста, ссылка, и так далее;
        • Привязка к области на странице (кнопка ) - позволяет привязать стикер к произвольно выделенной области на сайте.

        Для того чтобы привязать стикер к элементу/области, нажмите соответствующую кнопку и затем выделите с помощью мыши желаемый элемент/область на сайте.

        Например, создадим заметку об изменении пункта голосования на сайте и привяжем ее к конкретному варианту ответа:

        Привязка стикера к элементу на сайте

        После такой привязки, стикер переместится к указанному нами элементу (вариант ответа "Другое"), а сам элемент будет подсвечен в соответствии с цветом стикера, при наведении указателем мыши на него (зеленым):

        Стикер, привязанный к элементу


        Редактирование стикера

        Основные элементы управления стикеров описаны в разделе Создание стикеров.

        Рассмотрим некоторых из них:

        • Идентификатор стикера/ссылка на стикер

          В левом верхнем углу стикера расположена ссылка на него. Она используется для того, чтоб показать какой-либо стикер другому пользователю. Пользователь, перейдя по этой ссылке, сразу перейдет в то место на странице, где расположен стикер с указанным идентификатором. Причем указанный стикер будет мигать, позволяя быстрее найти его на странице.

          Ссылка/идентификатор на стикере

          Идентификатор/ссылка на стикере.

          Идентификатор в списке стикеров

          Идентификатор/ссылка стикера в форме Список стикеров.

        • Флажок "выполнено"

          Данный элемент управления используется для отметки стикера как выполненного. Это позволяет, например, отделять уже выполненные задания, которые записаны на стикерах, от еще не выполненных. Отмеченные таким образом стикеры можно не скрывать, для охвата всех задач, в том числе и уже выполненных.

          Флажок "выполнено"

          "Выполненные" стикеры также отмечаются в форме Список стикеров.

          "Выполненный" стикер в форме "Список стикеров"

        • Переключатель общий/личный

          Переключатель общий/личный позволяет сделать стикер видимым только для вас или же этот стикер смогут видеть другие пользователи.

          Переключатель общий/личный


        Список стикеров

        Просмотр списка стикеров

        Для отображения списка всех стикеров на текущей странице/списка всех стикеров на сайте используется форма Список стикеров:

        Внешний вид формы "Список стикеров"

        Для удобства поиска стикеров, форма разделена на секции:

        • Стикеры
          • Все - в списке будут отображены стикеры всех пользователей с пометкой Общий;
          • Мои - в списке будут отображены только стикеры текущего пользователя.
        • Цвет - фильтрация стикеров по цвету.
        • Статус
          • Приклеенные - в списке будут отображены только приклеенные стикеры;

            Приклеенные стикеры - стикеры, которые отображаются на сайте.

            Примечание: Приклеенные стикеры могут быть не видны на сайте, если не отмечен пункт меню Показать стикеры кнопки Наклеить стикер.

          • Отклеенные - в списке будут отображены только отклеенные стикеры;

            Отклеенные стикеры получают такой статус после их закрытия (кнопка х в правом верхнем углу стикера) и не отображаются на сайте. При этом они не удаляются и могут быть наклеены обратно в любой момент времени.

          • Все - в списке будут отображены все стикеры.
        • Страница
          • Текущая - в списке будут отображены стикеры, расположенные только на текущей странице (перейти к этому виду сразу из публичной части сайта можно с помощью пункта меню Список стикеров страницы кнопки Наклеить стикер или комбинации клавиш Ctrl+Shift+L);

            Список стикеров на текущей странице

          • Все - в списке будут отображены стикеры, расположенные на всех страницах сайта (перейти к этому виду сразу из публичной части сайта можно с помощью пункта меню Список всех стикеров кнопки Наклеить стикер);

            Список стикеров на всех страницах

          • <Название_страницы> - в списке будут отображены стикеры, расположенные на выбранной странице.

        Примечание: В заголовке формы отображается общее количество стикеров в зависимости от выбранных параметров в самой форме.

        Примечание: Вы можете перейти к просмотру желаемого стикера, кликнув на его идентификатор в колонке # или на адрес страницы в колонке Страница.


        Управление стикерами в форме "Список стикеров"

        Для управления стикерами используются флажки, для выделения требуемых стикеров, и список, с доступными действиями:

        Список доступных действий для стикеров

        Наклеить заново

        Позволяет вернуть отклеенные стикеры обратно на сайт.

        Отклеить

        Позволяет отключить требуемые стикеры, причем они перестают отображаться на сайте, но не удаляются и их можно вернуть в любой момент.

        Данное действие аналогично действию кнопки х на самом стикере:

        Кнопка "Х" на стикере

        Удалить

        Безвозвратно удаляет выбранные стикеры.


        Типичные ошибки при работе с системой

        В главе собраны описания и решения типовых ошибок, которые встречаются при работе с системой "1С-Битрикс: Управление сайтом".

        Инфоблоки

        При работе с информационными блоками могут возникать ошибки, связанные с разными причинами.

      • Выводится сообщение: У вас нет прав на просмотр.
      • В выводе динамической информации участвуют не все свойства инфоблока.
      • В форме добавления элементов не видны добавленные свойства инфоблока.
      • Как добавить новые свойства в форму создания элемента.
      • Выводится сообщение: Неверный тип файла.
      • Выводится сообщение: Превышен максимальный размер.
      • На странице детального просмотра система пишет что элемент не найден.
      • Количество сообщений (тем, новостей и т.д.) на странице не совпадает с количеством, указанном в настройке компонента.
        •
        • Проблема: Если компонент настроен так, что не все группы пользователей имеют право на просмотр детальной информации, то для пользователей, доступ которым запрещен, будет выведено такое уведомление:

          Ошибка в ненастроенных правах доступа к детальной информации.

          Решение: Настроить группы пользователей для доступа в настройках комплексного компонента в группе параметров Дополнительные настройки (есть не у всех комплексных компонентов):

        • Проблема: В выводе динамической информации участвуют не все свойства инфоблока. Ошибка в том, что в настройках компонента не указаны свойства инфоблока, которые должны отображаться.

          Решение: в настройках параметров инфоблока в группе Внешний вид указать какие свойства должны отображаться.

        • Проблема: В форме добавления элементов не видны добавленные свойства инфоблока. Ошибка в том, что добавленное свойство либо неактивно, либо свойство не выведено в измененной (кастомизированной) форме добавления элемента.

          Решения:

          • необходимо активировать свойство в форме свойств инфоблока на закладке Свойства. В строке нужного свойства нужно нажать на кнопку [...] и в открывшейся форме установить флажок в поле Свойство активно.
          • Проблема: добавить новые свойства в форму создания элемента, как это рассказано в курсе Администратор. Базовый.

          Прав контент-менеджера на эти операцию может не хватить. В этом случае обратитесь к администратору сайта.

        • Проблема: При создании элемента инфоблока не удается прикрепить файл, выводится сообщение: Неверный тип файла. При этом не происходит сохранение элемента. Ошибка происходит, если в свойствах инфоблока типа Файл не указаны разрешенные для загрузки форматы.

          Решение: разрешенные форматы указываются на закладке Свойства формы настройки инфоблока. В строке свойства типа Файл с помощью кнопки [...] вызовите форму детальной настройки свойства и в поле Типы загружаемых файлов введите нужные форматы или выберите форматы в выпадающем списке:

        • Проблема: Не удается прикрепить файл к элементу инфоблока, выводится сообщение: Превышен максимальный размер файла. При этом не происходит сохранение элемента. Причина - в ограничениях на размер загружаемого файла.

          Решение: Для снятия этого ограничения необходимо обратиться к администратору сайта.

        • Проблема: При переходе из списка элементов к странице детального просмотра система пишет что элемент не найден. Ошибка: неправильно формируется адрес страницы (не передается идентификатор открываемого элемента или в настройках компонента ошиблись).

          Решение: проверить настройки компонента в группе параметров Управление адресами страниц.

        • Проблема: Количество сообщений (тем, новостей и т.д.) на странице не совпадает с количеством, указанном в настройке компонента. Ошибка: в настройках используемого компонента отмечена опция Использовать обратную постраничную навигацию. В этом режиме происходит обратный отсчёт страниц (последняя страница считается первой).

          Данный механизм используют, если необходимо чтобы при добавлении элемента инфоблока он всегда попадал наверх списка. (Для выполнения этого условия необходима также сортировка по дате добавления сообщения по убыванию.) Таким образом, меняется лишь последняя страница. Все предыдущие можно надолго закешировать, что ускорит работу сайта.

          При обратной страничной навигации количество сообщений на странице либо равно числу, указанному в настройках компонента, либо больше его. Разбиение на страницы произойдёт, если остаток при делении количества сообщений на первой странице на число, указанное в настройках компонента, будет больше или равен двум.

          Например: 170 сообщений в форуме, а в настройках компонента указано число сообщений на странице равное 20. В этом случае будет образовано 8 страниц. На первой - 30 сообщений, на остальных - 20. При данных настройках число сообщений станет равным 180, будут образованы 9 страниц по 20 сообщений..

          Решение: исправить настройки компонента в группе параметров Настройки постраничной навигации.

        Ошибки при работе со структурой

        Создание страниц

        Одной из частых ошибок бывает создание страницы (раздела) через пункты меню. Т.е. чтобы добавить страницу ошибочно кликают Редактировать пункты меню, вписывают новый пункт и ждут чуда. Такой алгоритм действий контент-менеджера навеян некоторыми бесплатными CMS. Он интуитивно удобен (ведь в конечном итоге хотят увидеть именно пункт меню), но неверен в рамках "1С-Битрикс: Управление сайтом".

        В Меню вновь созданная страница добавляется через редактирование меню, если она не была добавлена в него при создании.

        Загрузка файлов

        В визуальном редакторе при загрузке файлов с локального компьютера у контент-менеджера вкладка Загрузить файл неактивная. Причём администратор сайта без проблем может загружать файлы. Ошибка в неверно заданных правах на доступ для контент-менеджера. Для решения проблемы обратитесь к администратору сайта.

        Загрузка файлов через медиабиблиотеку

        Ошибки могут возникать при загрузке файлов с несоответствующим расширением. И при загрузке файлов с шириной или высотой больше чем указанные в настройках медиабиблиотеки.

        Если файл не соответствует разрешенному разрешению, то выведется сообщение:

        При добавлении файла с размером в пикселях больше, чем указано в настройках, файл загрузится, но произойдет автоматическое пропорциональное изменение размера под заданные в настройках величины.