Содержание

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

Где получать информацию о функционале и способах работы

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

Справочная информация включает в себя:


Документация

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

  • Онлайн документация для пользователей - описание интерфейса системы управления сайтом, ее основных модулей и наиболее типичных операций. Также в ней содержится полное описание прикладного программного интерфейса.
  • Онлайн документация для разработчиков по старому ядру, по ядру D7 и по Rest_API. Предназначена для технических специалистов со знанием PHP и HTML. В ней содержатся сведения о технологиях и основных принципах, заложенных в систему, описание классов и функций по всем продуктам.


Учебные курсы

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

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


Контекстная справка

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

Контекстная справка выводит в Административной части системы информацию, относящуюся к открытому в данный момент разделу или странице. Доступна как в 1С-Битрикс: Управление сайтом, так и в Битрикс24.


Мастер магазина

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


FAQ

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


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

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

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

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

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

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

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


Как отформатирован текст в курсе

Форматирование текста облегчает восприятие информации

Читать монотонный текст сложно. Форматирование - один из способов облегчить понимание смысла. Опишем правила форматирования, чтобы вам было легче ориентироваться.



Форматирование текста

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

  • Ключевое смысловое слово, фраза.
  • Термины, названия элементов интерфейса: кнопки, вкладки, поля, горячие клавиши, формат или название файла.
  • Название курса, глав курса, разделов и страниц сайтов. (Как правило, название глав или курсов даются ссылкой, но иногда это бывает излишним).
Примеры использования жирного шрифта
Пример названия курса или главы Изучение курса позволяет освоить основные методы администрирования системы, а так же пополнить знания по темам, изученным в курсе Контент-менеджер.
Пример названий элементов интерфейса: При этом у компонента Список новостей нужно настроить входные параметры так, чтобы он мог формировать ссылки на страницу детальной новости (с кодом новости). Для этого нужно в группе параметров Шаблоны ссылок в поле URL страницы детального просмотра задать путь к этой странице, а также название параметра, в котором будет передаваться код новости для показа.
Пример ключевой фразы, слова При регистрации сервера обязательно укажите Домен для NTLM авторизации. Он должен полностью (включая регистр) совпадать с названием домена.


и Курсив и подчёркивание используются для выделения:

  • Названия продуктов компании 1С-Битрикс, других программ и технологических платформ.
  • Названия методов, классов, функций и событий, если нет их описания в API доке. (Если описание есть, то название метода или класса оформляется ссылкой на страницу документации.)
  • Пространство имён в новом ядре D7.
  • Ключевое слово, фраза, термин, если использование жирного шрифта не желательно по каким-то причинам.
Примеры использования курсива
Пример названия метода:Усовершенствованные методы буферизации в шаблоне позволяют более не использовать CBitrixComponentTemplate::EndViewTarget() ввиду того, что конец шаблона вызывает завершение буферизации автоматически. (Если страница метода в документации есть, то будет так: Перед подключением компонента ко всем значениям параметров применяется функция htmlspecialcharsEx.)
Пример названий продуктов и платформ:Чтобы научиться эффективно работать в Bitrix Framework, нужно не сравнивать то, что вы знаете по другим системам, а стараться понять как то или иное реализуется в этой системе. В плане обучения «сравнительный» подход не работает. Просто отвлекитесь от старых знаний и изучите новую систему используя только знания PHP и сайтостроения, а не сравнивая идеологии и технологии.
Пример пространства имён в D7:При необходимости модуль может организовывать подпространства внутри своего пространства имен. Например, Bitrix\Main\IO, Bitrix\Forum\SomeName\SomeNameTwo.


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

  • путей в рамках файловой системы.
  • атрибутов, тегов html, параметров функций, переменных, значения полей и настроек и листинга кода, который нет смысла помещать в стиль для листинга.
Примеры использования серого фона
Пример выделения путей в рамках файловой системы:Результаты кеширования сохраняются в виде файлов в каталоге /bitrix/cache/.
Пример выделения атрибутов, тегов и так далее:Если в компоненте написать код:
$arParams = & $arSomeArray;
то переменная $arParams будет отвязана от члена класса компонента и привязана к массиву $arSomeArray.


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

Примеры использования синего курсива
Пример оформления путей в административном отделе системы:Файлы кеша можно удалить в административной части на закладке Очистка файлов кеша страницы Настройки > Настройки продукта > Автокеширование.


Синий шрифт используется для подсветки УРЛ без создания собственно ссылки - псевдо УРЛ.

Примеры использования синего шрифта
Пример псевдо УРЛ:При помощи access_token приложение совершает запросы к REST-сервису до его истечения.
https://имя_портала.bitrix24.ru/rest/user.current?auth=код_авторизации


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

Примеры использования цветного шрифта
Цветной шрифт:
  • Настроить инфоблок на контроллере:

    ........

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

    ......



Всплывающие подсказки

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

  • Нужно пояснить какой-то термин.
    Пример: Как правило, все сайты имеют возможность авторизации из [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di].
  • Дать наглядное представление о команде интерфейса.
    Пример: При включённом режиме Правки откройте на [dw]редактирование элемент инфоблока[/dw][di][/di], например, новость.
  • Дать дополнительную, но не относящуюся напрямую к выполняемым работам, информацию.
    Пример: Этот инструмент создаст ссылку с одним единственным [dw]слешом[/dw][di]Слеш - косая черта, которая используется для разделения слов в адресе сайта[/di] после [dw]домена сайта[/dw][di]Домен сайта - адрес по которому открывается самая главная страница. Например: yandex.ru[/di].


Форматирование абзацев текста

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


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

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



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

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



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

Важно! Если курс был деактивирован, то результаты тестов и сертификаты по этому курсу будут недоступны пользователям. Если курс был удален, то результаты тестов и сертификаты этого курса будут также удалены.

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


Спойлеры, скрывающие текст

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

Задание окна для открытия ссылки при редактировании в режиме кода (для ознакомления)

Чтобы избежать лишней прокрутки экрана, в спойлерах может быть размещена большая по объёму информация.


Видеоролики

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

Учебное видео
Управление валютами

Содержание видеоролика может отличаться от текущей версии продукта. Более актуальная информация содержится в тексте урока.


Если нет времени на изучение

Если нет времени на изучение...

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

Из курса Контент-менеджер Из других курсов
Создание и добавление
Редактирование и настройка

Видеоматериалы к курсу "Контент-менеджер"

Лучше один раз увидеть...

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

.
Название видеоролика Размер файла, Мб Длительность, мин:сек Относится к уроку
Авторизация на сайте
Авторизация
6.11 2:14 Авторизация на сайте
Элементы управления
Публичный раздел
Вкладка Сайт
8.93 3:24 Публичный раздел
Обзор панели управления
7.55 2:23 Панель управления
Кнопка Меню
4.25 1:19 Панель управления
Режим Правки
9.66 3:07 Режим правки
Горячие клавиши
9.12 3:42 Горячие клавиши
Административный раздел
Логика интерфейса административного раздела
5.26 1:06 Логика интерфейса административного раздела
Административная панель управления
5.11 1:45 Административная панель управления
Меню функций
4.32 1:15 Меню функций
Основная рабочая область
6.72 2:02 Основная рабочая область
Навигация с помощью навигационной цепочки
5.48 1:46 Навигация и поиск
Избранное
8.2 2:54 Избранное
Экспорт в MS Excel
3.26 0:57 Экспорт в MS Excel
Списки элементов
Фильтр списка элементов
11.81 4:30 Фильтр
Список элементов
3.32 1:02 Список элементов
Колонка флажков
7.11 2:30 Работа в списке элементов
Пример быстрого редактирования группы элементов
4.46 1:28 Пример быстрого редактирования группы элементов
Настройка списка элементов
4.52 1:45 Настройка списка элементов
Рабочий стол
Рабочий стол, обзор
4.49 0:59 Рабочий стол
Настройка Рабочего стола
6.73 2:26 Настройки Рабочего стола
Гаджеты на Рабочем столе
4.54 1:29 Гаджеты на рабочем столе
Информация на сайте и работа с ней
Настройка ЧПУ на примере учебного курса 3:56 Человеко-понятные URL
Управление адресами страниц
5.93 2:25 Короткие ссылки
Работа с включаемыми областями
7.84 2:49 Включаемые области
Статическая и динамическая информация
Как отличить разделы 0:41 Общее и отличия
Изменение вывода информации 0:45 Общее и отличия
Пример статичной и динамичной информации
5.84 2:08 Пример размещения информации
Свойства страниц и разделов
Изменение заголовка
8.26 2:51 Свойства страниц и разделов
Управление доступом к информации
Назначение прав доступа статических страниц
11.8 3:50 Назначение прав доступа к статическим страницам
Наследование прав доступа статических страниц
7.25 2:36 Наследование прав доступа статических страниц
Определение прав доступа динамических страниц
7.93 3:05 Определение прав доступа динамических страниц
Пример прав доступа 0:54 Примеры работы прав доступа
Удобные инструменты для безопасной работы
Автосохранение
5.69 1:52 Автосохранение
Отмена действий
7.21 2:05 Отмена действий
Управление структурой
Кнопка Структура
4.6 1:36 Кнопка Структура
Менеджер файлов
9.00 2:42 Менеджер файлов
Изменение структуры сайта
Создание страниц и разделов с помощью мастера
7.63 3:17 Создание физических страниц
Удаление страниц
2.63 0:50 Удаление страниц и разделов
Средства навигации - меню, карта сайта, цепочка навигации
Управление меню
8.58 2:51 Меню
2:03 Меню
Статическое меню 2:06 Примеры создания статического и динамического меню
Добавление динамического меню. Первый способ 0:54 Примеры создания статического и динамического меню
Динамическое меню. Второй способ 1:46 Примеры создания статического и динамического меню
Динамическое меню на произвольном инфоблоке. Третий способ 1:49 Примеры создания статического и динамического меню
Карта сайта в БУС Битрикс 1:32 Карта сайта
Навигация с помощью навигационной цепочки
5.48 1:46 Цепочка навигации
Медиабиблиотека
Настройки медиабиблиотеки
6.04 2:02 Предварительная настройка
Управление коллекциями
8.55 3:22 Коллекции
Настройка прав доступа к коллекциям
6.13 2:02 Коллекции
Загрузка файлов в медиабиблиотеку
10.55 3:07 Загрузка файлов
Управление элементами коллекции
6.13 1:48 Работа с элементами коллекций
Примеры использования медиабиблиотеки
8.70 3:30 Примеры использования медиабиблиотеки
Работа с компонентами
Размещение компонента 0:58 Как использовать компонент
Информационные блоки
Структура инфоблоков 2:00 Как устроены инфоблоки
Как создать тип инфоблоков? 1:00 Типы инфоблоков
Создание и настройка инфоблока
Создание инфоблока
7.47 2:32 Создание и настройка инфоблока
Разделы и элементы
SEO настройка каталога
11.583:01 Настройка SEO информации
Как настроить форму элемента инфоблока под себя 3:55 Настройка форм элементов и разделов под себя
Добавление новости на сайт
5.71 2:11 Как добавить новость
Закрепление новости наверху общего списка
7.48 2:38 Как закрепить новость наверху списка
Публикация на сайте информации из инфоблоков
Пример настройки ЧПУ в инфоблоке 4:07 ЧПУ: делаем адреса понятными
Работа с модулями 1С-Битрикс: Управление сайтом
Создание страниц через документооборот
7.73 2:43 Создание страниц через документооборот
Управление рекламными кампаниями Яндекс.Директ 3:25 Управление рекламными кампаниями
Email-маркетинг
Создание почтового шаблона 3:09 Пример создания шаблона
Создание сегмента 1:33 Сегменты
Создание рассылки 3:53 Создание рассылки
Фотогалерея
Создание фотоальбома
4.34 1:51 Создание фотоальбома
Загрузка фотографий
7.64 3:10 Загрузка фотографий
Режимы просмотра фотографий
8.92 2:39 Режимы просмотра фотографий
Управление альбомами
6.77 2:23 Управление альбомами
Публикация фотогалереи
11.6 3:56 Публикация фотогалереи
Экспорт фотогалереи
8.85 2:53 Перенос фотогалереи на другой сайт
Работа с комментариями многопользовательской галереи
8.08 2:37 Работа с комментариями многопользовательской галереи
Триггерные рассылки
Создание и настройка триггерной рассылки 2:04 Настройка рассылки
Как изменить письма триггерной рассылки 3:42 Письма
Блоги
Создание и редактирование блога 2:04 Блоги
Публикация списка блогов 2:34 Публикация списка блогов
Как управлять своим блогом 3:53 Блоги с позиции блогера (как управлять своим блогом)
Создание сообщения блога 2:10 Создание сообщения блога
Как работает модератор блога 3:23 Модерация блогов
Добавление модератора блога 3:07 Добавление модератора блога
Сайты 24
Сайты в Битрикс 7:13 Модуль Сайты - что это, зачем, как установить и работать
Анимация в блоках 1:05 Анимация в блоках
Обучение
Создание курса 3:24 Создание курса
Редактирование курса 1:21 Редактирование курса
Создание глав и уроков 1:23 Создание глав и уроков
Создание вопросов для тестов 2:15 Создание вопросов для тестов
Опросы
Создание и публикация опроса 3:26 Создание и публикация опроса
Универсальные списки
Пример настройки универсального списка
10.65 4:31 Пример настройки Универсального списка
Типы полей универсального списка
10.05 3:24 Значения типов
Форум
Модератор форума 4:37 Модератор форума
Wiki
Создание самой Wiki и её страниц 2:31 Создание самой Wiki и страниц
Практические примеры работы
Добавление товара вручную из публичного раздела
4.9 1:51 Наполнение каталога товарами
Как создать календарь событий 4:07 Создание календаря событий
Размещение видео на сайте
5.06 1:18 Youtube и другие видеохостинги
Медиа проигрыватель
Настройки Медиа проигрывателя. Базовый режим
7.78 3:04 Настройки
Настройки Медиа проигрывателя. Расширенный режим
11.27 4:43 Настройки
Вставка стороннего видео
4.66 1:45 Вставка стороннего видео
Список воспроизведения
7.78 3:20 Список воспроизведения
Видеотека
Создание инфоблока
7.47 2:32 Создание инфоблока
Настройки компонента
7.68 3:00 Настройки компонента
Создание видеоальбомов и элементов
7.7 2:41 Создание видеоальбомов и элементов
Веб-стикеры
Веб-стикеры. Создание и управление.
7.91 3:20 Веб-стикеры
Работа со списком стикеров
4.8 2:12 Список стикеров
Типичные ошибки при работе с системой
Ошибки при работе с инфоблоками
20.29 4:23 Инфоблоки
Ошибки при работе со структурой
9.39 3:16 Ошибки при работе со структурой




Как устроен Битрикс

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

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

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

Из чего состоит Битрикс

Битрикс состоит из...

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

Какие стороны будем рассматривать

Вы узнаете, что:

  • Публичная часть сайта видна всем. А Административная часть сайта доступна только "избранным".
  • Структуры у сайта две: физическая и логическая.
  • Информации на сайте тоже два вида: статическая и динамическая.
  • В работе по созданию информации и выводу её на сайте участвуют модули, компоненты и инфоблоки.
  • Компоненты имеют шаблоны, которые отвечают за вывод информации. Каждый шаблон выводит данные на сайте по-сво́ему.

Публичная и административная части

Битрикс - это как айсберг

Публичная часть и административная часть

Ваш сайт на Битриксе подобен айсбергу:

  • есть небольшая видимая часть - собственно сайт, доступный посетителям,
  • и есть большая невидимая часть, в которой происходит вся работа программного кода системы управления сайтом.
  • Граница между ними - процесс [dw]авторизации[/dw][di]Авторизация - процесс с помощью которого система отличает тех, кому можно работать с ней, от тех, кто может только просматривать сайт.
    Подробнее...[/di] контент-менеджера на сайте.

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

База данных

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

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

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

Важно запомнить!

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

Файловая система

Такие же файлы, как и на вашем компьютере

Что хранится в файлах

В файлах файловой структуры хранятся статическая информация и программный код самого "1С-Битрикс: Управление сайтом".

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

Программный код расположен в папке /bitrix, изменять файлы в этой папке категорически запрещается!

Что такое файл и папка в Публичной части

Файл - это страница сайта, папка - раздел сайта. Когда вы создаёте раздел на сайте - вы создаёте папку в Структуре сайта. Когда создаёте страницу в разделе - вы создаёте файл в этой папке.

Где хранятся сами файлы

Файлы и папки в Административном разделе расположены по пути Контент > Структура сайта и визуально это выглядит так:

где:
1 - Логическая файловая структура, она будет называться также как называется ваш сайт и папки в ней будут называться так же как [dw]разделы на сайте[/dw][di][/di].
2 - Физическая файловая структура всегда будет называться "Файлы и папки". Папки в ней будут называться так, как они [dw]названы в файловой системе[/dw][di][/di].
3 - Медиабиблиотека. (Строго говоря, медиабиблиотека хранит файлы не в рамках файловой структуры, а в Базе данных. В Структуре сайта её разместили потому, что работа с ней схожа с работой с файлами.)

Важно запомнить!

  • Файловая структура в Административной части расположена в разделе Контент > Структура сайта.
  • У сайта есть физическая структура и логическая структура.
  • Страница сайта - файл, а раздел сайта - папка с файлами. (Это утверждение касается статической информации. С динамической информацией будет не так.)

Информационные блоки

Инструмент для работы с Базой данных

Что такое Информационные блоки

Работать с Базой данных Контент-менеджер напрямую не может. Если может, то это уже не контент-менеджер, а программист, знающий теорию Баз данных, умеющий писать программный код. А так как программисты не будут выполнять работу по наполнению сайта содержанием (им это просто неинтересно), то и создан такой инструмент для Контент-менеджера - Информационные блоки. (Сокращённо - инфоблоки.)

Это специальный универсальный инструмент, который загружает информацию в Базу Данных и редактирует её.

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

Информационные блоки – блоки однородной информации. Например, каталог «Книги», «Новости компании», «Фотогалерея» и т.д. Элементы в нём могут распределяться по разделам и подразделам.

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

Информационные блоки имеют своё место пребывания в Административном разделе. Они группируются по типам, каждый тип назван по своему и выводится в списке [dw]сразу за Структурой сайта[/dw][di]На иллюстрации пример списка информационных
блоков из демоверсии программы.
На вашем сайте их число и названия
будут другими.
[/di].

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

Динамическая информация на сайте - это инфоблоки

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

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

Важно запомнить!

  1. Инфоблоки в Административной части размещаются сразу за файловой структурой сайта в разделе Контент.
  2. Инфоблоки - инструмент для работы с Базой данных.
  3. Динамическая информация формируется из инфоблоков.
  4. Страница сайта с динамической информацией - это программный код, а не физический файл.
  5. Инфоблоки сами по себе информацию на сайте не выводят.


Модули и компоненты

Рассчитать и показать

Модули

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

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

Единого места хранения модулей в Административной части нет. Они более-менее равномерно "размазаны" по всему административному разделу.

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

Менять поведение модуля можно в определённых пределах с помощью настроек.

Компоненты

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

Компонент - связующее звено между Модулем и Инфоблоками. Без него Инфоблоки ничего не стоят, они не умеют сами выводить информацию на сайт. Без компонента Модуль не знает данные какого Информационного блока ему обрабатывать. Эта взаимосвязь устанавливается в [dw]настройках компонента[/dw][di]Большинство компонентов не работают если не задан информационный блок.

[/di]. Кроме настроек на информационный блок, компоненту задаются и другие условия отображения информации.

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

Важно запомнить!

Модули:

  1. отвечают за большую часть функционала сайта определённой направленности,
  2. можно настраивать.

Компонент:

  1. связывает Модуль и Информационный блок,
  2. работает на странице сайта и выполняет только одну конкретную задачу,
  3. требует настройки на нужный информационный блок, на нужный способ отображения информации (шаблон) и на другие условия отображения информации.

Как всё взаимодействует между собой

Как всё работает в Битриксе

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

Рассмотрим основные сценарии работы.

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

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

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

При создании страницы сайта создаётся файл в файловой системе. Этот файл и показывается при открытии страницы посетителем. Этот процесс показан на иллюстрации стрелочками.

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

Важно запомнить!

  1. Создали файл - создали страницу.
  2. Наполнили файл содержанием - наполнили страницу содержанием.
  3. Показ страницы происходит без работы программного кода.

Работа с инфоблоками

Работа с динамически формируемой информацией

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

Добавляем информацию

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

  1. Создаём информационный блок (иб1), настраиваем поля и добавляем в него данные.
  2. Информационный блок размещает эту информацию в Базе данных.

Создание страницы для динамической информации

  1. В рамках файловой структуры в нужном разделе создаём страницу.
  2. На странице размещаем нужный нам компонент M из модуля N.
  3. Настраиваем компонент на созданный информационный блок (иб1).

Посетитель открыл страницу, что происходит

  1. База данных передаёт данные из информационного блока (иб1) модулю N.
  2. Модуль выполняет необходимые изменения этой информации и выдаёт её компоненту М для показа.

В результате посетитель на странице видит текст, картинки, видео и так далее.

Особенность динамической информации

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

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

Рассмотрим это на примере:

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

1 - в отдельном файле размещаем компонент Каталог и настраиваем его на информационный блок.
2 - в Публичной части сайта на этой же странице (Помните: Файл = Страница?) видим разделы информационного блока, выводимые как разделы каталога: Обувь, Платья, Штаны и так далее. И это единственная страница, которая существует физически. Все остальные, что описаны ниже - виртуальные.
3 - Кликнув по Обувь переходим в раздел Обуви и видим там три раздела: Пантолеты, Тапочки, Туфли.
4 - Кликнув по Туфлям переходим радел Туфли и видим ещё два раздела: Туфли женские и Туфли мужские.
5 - Кликнув по Туфлям женским переходим в этот раздел и видим уже конкретные товары из этой категории.
6, 7, 8 - Просматриваем конкретные товары.

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

Важно запомнить!

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

Работа без инфоблоков

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

Создание страницы для динамической информации

  1. В файловой структуре в нужном разделе создаём страницу.
  2. На странице размещаем нужный нам компонент M из модуля N.

Посетитель открыл страницу, что происходит

  1. Посетитель заполняет форму с данными (форма обратной связи, пишет сообщение на форуме или блоге и так далее.) Компонент передаёт данные в Базу данных для хранения.
  2. При повторном открытии страницы База данных передаёт модулю N информацию.
  3. Модуль производит необходимые изменения этой информации и выдаёт её компоненту М для показа.

В результате посетитель на странице видит текст, картинки, видео и так далее.

Если модуль сам формирует данные

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

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

Важно запомнить!

  1. Часть модулей работает без привлечения информационных блоков.
  2. Если данные модуля выводятся на страницах сайта, то создаётся страница и на ней размещается компонент этого модуля.
  3. Если данные модуля не выводятся на страницах сайта, то эти данные видны в Административном разделе.

Проверьте себя

Ответьте на несколько вопросов по теме Как устроен Битрикс, которые помогут вас самим оценить свои знания. Это не тест, это просто проверка того, как вы поняли тему. Удачи!

Верно ли утверждение?

Оцените верность утверждения: неверно или верно. А потом в спойлере проверьте ваш выбор.

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

Верно

Неверно
База данных - единственное место хранения информации.

Верно

Неверно
Названия папок в рамках логической и физической структуры - одинаковые.

Верно

Неверно
Страница сайта - это либо файл из файловой структуры, либо элемент инфоблока.

Верно

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

Верно

Неверно

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

Верно

Неверно

Статическая и динамическая информации различаются тем, что статическая - неизменяемая, а динамическая - изменяемая информация.

Верно

Неверно
Категорически нельзя ничего менять в папке /bitrix.

Верно

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

Верно

Неверно
Для создания множества динамических страниц нужен физический файл и размещённый на нем компонент.

Верно

Неверно


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

Авторизация - ваш "пропуск" к работе

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


Как авторизоваться?

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

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

Клик по этой ссылке откроет форму авторизации:

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

Примечание: Если форме присутствуют [dw]значки социальных сетей[/dw][di][/di], то это значит что на сайте доступна авторизация через эти сети. Перед использованием кнопок социальных сетей необходимо [dw]привязать свой аккаунт[/dw][di]Для привязки перейдите на страницу своего профиля и кликните на значок нужной сети.
Затем введите в появившихся полях логин и пароль для этой сети.

[/di] в "1С-Битрикс: Управление сайтом" к вашему аккаунту в соцсети.


Авторизация в Административном отделе

Как правило все сайты имеют возможность авторизации из [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di]. Но на некоторых проектах разработчики оставляют возможность авторизации только в [dw]административном разделе[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. Подробнее...[/di]. Если вам приходится авторизоваться с административной части системы, то в адрес сайта допишите: [dw]/bitrix/[/dw][di]То есть в адресной строке браузера должно быть набрано: http://<домен сайта>/bitrix/[/di] и нажмите кнопку Ввод.

Единая авторизация в Административном отделе коробочной версии Битрикс24.


Как понять что вы авторизованы

Когда контент-менеджер авторизован на сайте, то на месте ссылки для авторизации (и на [dw]Панели управления[/dw][di]На Панели управления собраны все команды, которые доступны контент-менеджеру при работе с сайтом. Подробнее...[/di]) отображаются его данные:


Заключение

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


Двухэтапная авторизация

Двухэтапная авторизация: несложно и безопасно

Система [dw]одноразовых паролей[/dw][di]Одноразовые пароли или двухэтапная авторизация - это авторизация, проходимая дважды. Первый раз вводится основной пароль и логин пользователя. Второй раз вводится секретный код, который пользователь получает дополнительно.[/di] дополняет стандартную авторизацию и значительно усиливает безопасность продуктов «1С-Битрикс». При каждой авторизации пользователь вводит новый секретный код, что исключает возможность его подбора злоумышленниками. Одноразовый пароль вы можете получить либо с помощью специальной программы у вас на телефоне, или с помощью специального брелка - токена.

Зачем нужна двухэтапная авторизация


Программы для одноразовых паролей

Для авторизации можно использовать разные программы. Главное, чтобы они поддерживали один из двух используемых в 1С-Битрикс [dw]алгоритмов генерации паролей[/dw][di] по счетчику (HMAC-Based One-time Password, HOTP) - код будет доступен до тех пор, пока пользователь не запросит новый;
по времени (Time-based One-time Password, TOTP) - код будет доступен в течение 30 секунд с момента его получения, после чего он автоматически обновится. [/di]. Установка программы выполняется типовым для вашей мобильной операционной системы способом. Настройка программы, как правило, выполняется аналогично настройке фирменному приложению Bitrix24 OTP, которое и рекомендуется использовать в случае Google Android и Apple iOS.

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

Перечень некоторых совместимых приложений:

Устройство Приложение Примечания
Apple iOS

Bitrix24 OTP

Google Authenticator

FreeOTP Authenticator

iOS 6.0 и выше. По времени (TOTP) и по счетчику (HOTP).

iOS 5.0 и выше. По времени (TOTP) и по счетчику (HOTP).

iOS 7.0 и выше. По времени (TOTP) и по счетчику (HOTP).

Google Android

Bitrix24 OTP

Google Authenticator

FreeOTP Authenticator

Android 3.0 и выше. По времени (TOTP) и по счетчику (HOTP).

Android 2.2 и выше. По времени (TOTP) и по счетчику (HOTP).

Android 4.0 и выше. По времени (TOTP) и по счетчику (HOTP).

J2ME

Google Authentification in Java Mobile, j2me

Google Authenticator for J2ME phones

Для мобильных с J2ME. По времени (TOTP), ручной ввод секретного ключа.

Для мобильных с J2ME на основе LWUIT-GUI. По времени (TOTP), ручной ввод секретного ключа.

Palm OS

Google Authenticator for Palm OS

По времени (TOTP), ручной ввод секретного ключа.

MS Windows Phone

Authenticator

MS Windows Phone 7.5 и выше. По времени (TOTP).

MS Windows

WinAuth

MS Windows 7|8, .NET Framework 4. По времени (TOTP), портативность, защита приложения паролем.



Подключение пользователем двухэтапной авторизации

Включить одноразовые пароли несложно

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

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

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


Подключение с публичной части

  1. Перейдите на специальную страницу Настройка дополнительной защиты (Моя страница > меню Действия: [dw]Безопасность[/dw][di][/di]).

    Примечание: Если ваш сайт создан на редакциях Стандарт и Малый бизнес, то страницу с инструкцией для подключения создаёт Администратор сайта. Уточните у него адрес этой страницы.

  2. Следуя простой инструкции на этой странице, подключите двухэтапную авторизацию.

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

Для подключения перейдите на страницу редактирования пользователя (Настройки > Пользователи > Список пользователей)[dw] по кнопке на Панели управления[/dw][di]Индикатор авторизованного пользователя и ссылка Выйти[/di], вкладка Двухэтапная авторизация:

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

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

Перед подключением узнайте у Администратора сайта какой [dw]алгоритм генерации паролей[/dw][di] по счетчику (HMAC-Based One-time Password, HOTP) - код будет доступен до тех пор, пока пользователь не запросит новый;
по времени (Time-based One-time Password, TOTP) - код будет доступен в течение 30 секунд с момента его получения, после чего он автоматически обновится. [/di] он установил. Приложение в телефоне, которые вы собираетесь использовать, должно поддерживать этот алгоритм.

Подключение телефона

С помощью кнопки [dw]Подключить телефон[/dw][di][/di] выберите нужный алгоритм. В открывшейся форме выполните шаги, указанные в пунктах 1-3.

Далее отсканируйте с помощью приложения на телефоне QR-код:

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

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

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

  • Адрес сайта вида www.site.ru (без http://);
  • E-mail, с которым был зарегистрирован пользователь на сайте;
  • Секретный ключ, который указан в форме (можно не обращать внимания на пробелы);
  • Тип ключа.

Подключение брелка

С помощью кнопки [dw]Подключить брелок[/dw][di][/di] выберите нужный алгоритм. В открывшейся форме введите секретный ключ, полученный от администратора сайта и пароль с брелка (в случае с алгоритмом по счётчику пароль с брелка нужно вводить дважды).


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

где:

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

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

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

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

Заключение

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

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


Резервные коды

Резервные коды - ваше спасение в нештатной ситуации

Если вы, к несчастью, потеряли телефон или брелок, то вас спасут резервные коды. Их можно получить на странице Моя страница > [dw]Резервные коды[/dw][di] [/di], где можно их Распечатать, Сохранить в текстовый файл или Сгенерировать новые коды:

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

Примечание: Функционал резервных кодов включает администратор сайта.


Заключение

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

Внимание! Если у вас бесплатный тариф Битрикс24, то в случае одного администратора на портале и отсутствия резервных кодов у вас есть все шансы потерять портал и всю информацию на нём. Будьте очень внимательны при работе с включённым OTP!

Мобильное приложение Bitrix24 OTP

BitrixOTP - фирменное приложение для авторизации

Мобильное приложение Bitrix OTP от компании «1С-Битрикс» специально разработано для двухэтапной авторизации. Оно генерирует секретные коды для входа на порталы и сайты под управлением «Битрикс24» и «1С-Битрикс» и позволяет обойтись без использования брелков или посторонних программ. Мобильное приложение Bitrix OTP работает быстро, а данные для подключения в приложение можно ввести как вручную, так и автоматически с использованием QR-кода.

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

Подключение мобильного устройства

  • Скачайте приложение [dw]Bitrix24 OTP[/dw][di]Иконка приложения на вашем телефоне:

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

    • 1 Сканировать QR-код. Для сканирования кода, поднесите камеру мобильного телефона к монитору с картинкой QR-кода на странице подключения OTP и подождите, пока приложение сканирует код.
    • 2 Ввести данные вручную. Если вам не удалось сканировать код, выберите ручной ввод данных.

      При [dw]ручном вводе[/dw][di][/di] необходимо указать:

      • Адрес сайта вида www.site.ru или портала Битрикс24 вида example.bitrix24.ru (без http://);
      • E-mail, с которым был зарегистрирован пользователь на сайте или портале;
      • Секретный ключ, который указан на странице подключения двухэтапной авторизации на сайте (можно не обращать внимания на пробелы);
      • выбрать тип ключа: по времени или по счетчику

      Внимание! Тип используемого ключа уточните у администратора.

  • Приложение [dw]выведет код[/dw][di][/di]. Скопируйте этот код в буфер обмена, если вход осуществляется c помощью мобильного устройства.

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

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

  • Двухэтапная авторизация на сайте или портале [dw]успешно подключена[/dw][di][/di].

Если порталов и сайтов много

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

Для редактирования или удаления аккаунта из списка приложения нужно [dw]смахнуть влево нужный пункт[/dw][di] [/di].

Заключение

Bitrix24 OTP - фирменное бесплатное приложение для одноразовой авторизации на сайтах и порталах. Оно удобно в работе, постоянно обновляется.



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

Как авторизоваться на сайте с помощью приложения

Для авторизации на сайте или портале:

  • Введите в [dw]форме авторизации[/dw][di][/di] логин и пароль. Появится форма с полем для ввода одноразового кода.
  • Запустите на телефоне приложение Bitrix24 OTP и получите в нём одноразовый код для входа на сайт или портал, выбрав [dw]аккаунт из списка[/dw][di] [/di] в приложении:

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

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

  • Все, авторизация на сайте или портале успешно произведена.

Важно запомнить!

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

Заключение

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



Аппаратное устройство одноразовых паролей (eToken)

Токен - альтернатива телефону, удобнее, но дороже

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

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

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


Для авторизации на сайте:

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

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


Решение проблем, связанных с OTP

Что делать, если не удаётся авторизоваться

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

  • Вы потеряли телефон
  • Сбито время на телефоне

  • Потерян телефон

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

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

    Если утерян телефон у администратора, то действуйте так:

    • Если есть второй администратор, то он снимет на время ограничение по OTP для первого в его профиле.
    • Обратитесь в техподдержку компании Битрикс. Укажите свой портал Битрикс24, логин и пароль без одноразового кода. Доступ по одноразовому паролю будет отключён для этого портала.

      Примечание: Этот вариант действует только для платных тарифов!

    Внимание! Если у вас бесплатный тариф Битрикс24, то в случае одного администратора на портале у вас есть все шансы потерять портал и всю информацию на нём. Будьте очень внимательны при работе с включённым OTP!


    Сбито время на телефоне

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

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

    Первое что нужно сделать в случае неверного пароля: проверьте время и часовой пояс и настройте их. Главное правило: время, установленное при настройке OTP не должно меняться вручную.

    Если вы пользуетесь приложением Bitrix OTP или FreeOTP:

    Ваш телефон на Android

    1. Перейти в Настройки > Дата и время.
    2. Проверить установлено ли автоматическое получение времени (Automatic date & time).
    3. Проверить установлено ли автоматическое получение часового пояса (Automatic time zone). Если установлено, то ни в коем случае нельзя переводить время вручную, достаточно снять флажок автоматического получения часового пояса и выбрать правильный часовой пояс самостоятельно.

    Ваш телефон на iOS

    1. Перейдите в меню Настройки > Основные > Дата и время > Часовой пояс.
    2. Введите название вашего или ближайшего к вам города в поисковой строке. После того как вы выберете город, на вашем смартфоне автоматически определится часовой пояс и установится дата и время. Если автоматическая синхронизация не работает:
      • Проверьте подключение к интернету.
      • В меню Настройки > Основные > Дата и время переместите переключатель Автоматически вправо.

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

    Если вы пользуетесь Google Authenticator - просто запустите ручную синхронизацию времени в приложении (Settings > Time correction > Sync Now).


    Примечание: При работе с коробочной версией Битрикс24 или с сайтом на основе «1С-Битрикс: Управление сайтом» нужно сверять время на телефоне с временем на вашем сервере.

    При работе на облачном портале Битрикс24 есть возможность сверки времени вашего устройства и времени сервера Битрикс24: перейдите в телефоне по адресу: http://www.1c-bitrix.ru/buy_tmp/otp.php. Там будет правильное время сервера (Real time) и время полученное с телефона. Если вы увидите что время не совпадает, то возвращайтесь к настройкам времени и проводите её заново.

    На иллюстрации выше: значение Real time отличается от значения на телефоне на 1 час и 29 секунд, ОТР работать не будет.

    Заключение

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

    Если сбито время (разница должна быть меньше минуты), то достаточно установить нужное. Но не вручную!


    Проверьте себя

    Ответьте на несколько вопросов по теме Авторизация, которые помогут вас самим оценить свои знания. Это не тест, это просто проверка того, как вы поняли тему. Удачи!

    Верно ли утверждение?

    Оцените верность утверждения: неверно или верно. А потом в спойлере проверьте ваш выбор.

    Если нет на сайте формы авторизации, то авторизация на сайте невозможна.

    Верно

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

    Верно

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

    Верно

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

    Верно

    Неверно

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

    Верно

    Неверно
    При корректировке времени достаточно вручную установить нужное.

    Верно

    Неверно

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

    Где какие кнопки и как с ними работать

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

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

    Если ваш сайт работает на старой версии "1С-Битрикс: Управление сайтом" (до v 9.5), то описание интерфейса можно изучить в отдельном курсе.

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

    Что видит контент-менеджер после авторизации

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

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

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

    Инструменты панели управления: всё необходимое в одном месте

    Давайте разберем все команды на вкладке Сайт. Самые важные операции мы подробно рассмотрим позже в курсе, а пока дадим лишь короткое описание.

    Примечание: большинство кнопок на панели позволяют выполнить целый ряд операций. Стрелочка рядом с кнопкой открывает [dw]выпадающий список[/dw][di][/di] возможных функций.

    Что означает каждая кнопка

    • Создать страницу/Создать раздел - пункты позволяют создать новую страницу или раздел [dw]различными способами[/dw][di]

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

      • мастера;
      • документооборота;
      • шаблонов
      • напрямую через панель управления.

      Подробнее о создании страниц и разделов...

      [/di].
    • Изменить страницу/Изменить раздел - а эти пункты понадобятся нам для редактирования страниц и разделов. Редактирование - это целый комплекс операций:
      • [dw]изменение содержимого[/dw][di]Изменение внешнего вида страницы и информации на ней в визуальном редакторе. Подробнее...[/di];
      • настройка заголовка и [dw]свойств[/dw][di]Изменение описания страницы или раздела, ключевых и продвигаемых слов. Подробнее...[/di];
      • определение [dw]прав доступа[/dw][di]Запрет или разрешение доступа к информации и инструментам. Подробнее...[/di].
    • Меню - пункт для работы с [dw]навигацией[/dw][di]Меню в системе может быть расположено в разных местах и включать несколько уровней вложенности. Подробнее... [/di]. Если мы хотим добавить или отредактировать меню на странице - нам сюда.
    • Структура - меню для доступа к [dw]управлению структурой[/dw][di]Получить доступ к любому файлу или папке, переместить или изменить файлы - все это мы можем сделать с помощью инструмента Управление структурой. Подробнее...[/di] системы.
    • SEO - инструменты [dw]поисковой оптимизации[/dw][di]Поисковая оптимизация - комплекс действий по улучшению позиций сайта в результатах поисковых систем. Подробнее... [/di]. С помощью этого инструмента мы можем управлять ключевыми словами, заголовками и даже получить конкретные рекомендации системы по оптимизации.
    • Сбросить [dw]кэш[/dw][di]Кеш - это некое хранилище для ускорения просмотра информации на сайте. Когда пользователь просматривает информацию на сайте, то она не всегда запрашивается из базы данных, а берется из кеша.[/di] - пункт для работы с [dw]кэшированием[/dw][di]Инструменты панели управления позволяют сбросить кэш всей страницы, компонентов или не использовать кэш вообще. Подробнее...[/di]. Работа с кэшем требует определенных знаний, поэтому советуем сначала обратиться к администратору.
    • Компоненты - пункт для быстрого перехода к редактированию [dw]компонентов[/dw][di]Компонент - готовый элемент сайта, со своими функциями. Из компонентов, как из деталей, можно собрать всю конструкцию сайта. Подробнее... [/di].
    • Шаблон сайта/Отладка - эти два пункта предназначены для разработчиков, поскольку затрагивают вопросы [dw]администрирования[/dw][di]Вопросы администрирования рассматриваются в отдельных курсах для администраторов. Подробнее...[/di] и изменения кода. Поэтому не рекомендуем использовать их контент-менеджеру, легко можно что-то сломать:)
    • Статистика - инструмент для просмотра данных [dw]веб-аналитики[/dw][di]Веб-аналитика - система измерения, сбора, анализа информации о посетителях веб-сайтов с целью оптимизации. Подробнее...[/di] - графика посещаемости страниц и статистики переходов.
    • Короткий URL - пункт для создания [dw]короткой ссылки[/dw][di]Функционал, позволяющий изменить вид адреса любой страницы в рамках системы. Подробнее...[/di] на текущую страницу. К примеру, длинный адрес http://ваш_сайт.ru/catalog/sportswear/sports-suit-evening-activities/ мы можем преобразовать в http://ваш_сайт.ru/~Вечерний спорт.
    • Стикеры - постоянно забываете что-то? Создайте заметку для себя и коллег прямо на странице с помощью [dw]стикеров[/dw][di]Функционал для создания заметок, которые могут быть привязаны к какой-то области или элементу на странице. Подробнее...[/di].
    • Мастер настройки - для установки любого решения на базе "1С-Битрикс: Управление сайтом" мы используем [dw]мастер настройки[/dw][di]Пошаговый мастер, который помогает нам установить и настроить систему. Подробнее...[/di]. С помощью этого пункта меню мы можем вернуться к этому мастеру и что-то изменить. Как вы понимаете, это инструмент больше нужен администраторам, но контент-менеджеру необходимо знать о его существовании:)
    • Протестировать новое решение - ещё один инструмент разработчика. При установке системы мы выбираем какое-то готовое решение (например, интернет-магазин или информационный портал). С помощью этой кнопки мы можем быстро перейти к установке другого решения. В большинстве случаев этот элемент на панели управления будет недоступен контент-менеджеру.


    Заключение

    На панели расположены самые нужные контент-менеджеру инструменты. Функции сгруппированы по смыслу и могут быть недоступны, если не хватает прав доступа.


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

    Ваш основной инструмент работы

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


    Как же ведется работа с сайтом?

    Что же представляет из себя панель управления? После того, как мы перешли на сайт и [dw]авторизовались[/dw][di]Выполнили вход на сайт. Подробнее..[/di], в верхней части страницы появится панель:

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

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

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

    Видеоролик "Обзор панели управления"

    Из чего состоит панель управления?

    Две основных части панели управления - это вкладки [dw]Сайт[/dw][di][/di] и [dw]Администрирование[/dw][di][/di]:

    • Вкладка Сайт представляет собой непосредственно [dw]публичную[/dw][di]Публичный раздел - основное место работы контент-менеджера. Он является частью 1С-Битрикс: Управление сайтом, видимой обычным пользователям. При наличии достаточных прав в нем можно производить работы по редактированию содержимого сайта[/di] часть сайта и панель инструментов. Такой режим отображения очень нагляден, так как мы можем внести изменения и сразу увидеть их на странице. Однако в этом режиме у нас нет доступа ко всем настройкам и возможностям. Все инструменты на вкладке Сайт мы разберем чуть дальше.
    • Вкладка Администрирование переносит нас в административную часть системы. В административном разделе мы имеем доступ ко всем настройкам и возможностям системы.

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

    Также из важных элементов панели стоит отметить:

    • [dw]кнопка Меню[/dw][di][/di] - большое выпадающее меню позволяет быстро перейти в любую часть административного раздела.

      Видеоролик "Кнопка меню"
    • [dw]окно уведомлений[/dw][di][/di] - здесь выводятся важные системные сообщения и оповещения. Цифра рядом обозначает количество новых уведомлений.
    • [dw]настройка горячих клавиш[/dw][di][/di] - окно настроек горячих клавиш, мы можем назначить нужную нам комбинацию клавиш почти на любую частую операцию.

    Заключение

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


    Режим правки

    Режим правки: наводим мышь и редактируем

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


    Для включения режима нажмите на [dw]кнопку[/dw][di][/di]. После этого при наведении мыши на области страницы мы увидим [dw]всплывающую панель[/dw][di][/di]. Вид этой панели зависит от той области, с которой мы работаем. Существует три ситуации для режима правки:


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

    Когда мы навели мышь на [dw]включаемую область[/dw][di]Включаемая область - это специально выделенная область на странице сайта, которую можно редактировать отдельно от основного содержания страницы. Подробнее...[/di]. Наиболее простой случай, в этом случае панель будет иметь такой вид - .

    Например, нам нужно изменить время работы нашего магазина:

    Наводим мышь на эту область, нажимаем кнопку [dw]Изменить область[/dw][di][/di] и редактируем текст. Легко и просто.


    Рабочая область страницы

    Мышь расположена над [dw]рабочей областью[/dw][di]Предположим наша страница состоит из шапки, верхнего меню, бокового меню и подвала. Оставшееся место в центральной части страницы - это и есть рабочая область. Именно в ней размещается вся информация.[/di] страницы. В этом случае панель примет вид .

    К примеру, мы хотим изменить текст на странице О магазине:

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

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

    Область компонента

    Последняя ситуация - когда выбрана область [dw]компонента[/dw][di]Компонент - программный код, оформленный в специальную оболочку. Мы можем вставлять этот блок кода на страницы сайта без непосредственного написания кода. То есть это "кирпичики", из которых мы выстраиваем внешний вид сайта. Подробнее...[/di]. В системе огромное количество компонентов и вид панели будет зависеть от конкретной ситуации.

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

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

    Для вывода списка платьев используется [dwi include_component]компонент[/dwi] Каталог. Наведем мышь на нужную нам область. Панель примет вид:

    Нажмем Изменить товар и в открывшейся [dw]форме[/dw][di][/di] редактирования изменим название товара.


    Заключение

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

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

    Горячие клавиши: ускорь свою работу

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

    Настройка горячих клавиш производится с помощью кнопки Горячие клавиши на панели управления.

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

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


    Проверьте себя

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

    Верно ли утверждение?

    Оцените верность утверждения: неверно или верно. А потом в спойлере проверьте ваш выбор.

    Набор инструментов на Панели управления всегда постоянен.

    Верно

    Неверно
    Большинство кнопок на панели позволяют выполнить не одну, а целый ряд операций.

    Верно

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

    Верно

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

    Верно

    Неверно


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

    Самая главная часть сайта

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

    Как попасть в Административный раздел

    Для перехода в Административный раздел служит закладка , расположенная на [dwi include_control_panel]Панели управления[/dwi] в Публичном разделе сайта.

    Либо сразу авторизуйтесь с административной части системы: в адрес сайта допишите: [dw]/bitrix/[/dw][di]То есть в адресной строке браузера должно быть набрано: http://<домен сайта>/bitrix/[/di] и нажмите кнопку Ввод.

    Примечание: Для коробочной версии "Битрикс24" переход в административный раздел возможен только через дописывание /bitrix/ в адресе сайта.

    Заключение

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



    Логика интерфейса административного раздела

    Как ориентироваться в административной части

    Текстовое содержание (нажмите на "плюсик")

    Заключение

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


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

    Команды общего назначения

    Текстовое содержание (нажмите на "плюсик")


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

    Первый уровень иерархии: выбираем логический блок функционала

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


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


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


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


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


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


    Клиенты служит для интеграций сайта с порталами Битрикс24 и организации каналов связи с ними.


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


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


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


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


    Выбрав любой из этих блоков вы измените вид Меню функций.

    Меню функций

    Второй уровень иерархии: выбираем конкретный функционал

    Текстовое содержание (нажмите на "плюсик")


    Списки элементов

    Универсальный способ вывода списка любых элементов

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

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

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


    Фильтр

    Найти иголку в стоге сена

    Найти нужный баннер, товар, новость или что-то ещё среди большого количества однотипных элементов поможет удобный настраиваемый фильтр.

    Что есть в фильтре

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

    1 Область закладок. Здесь появляются сохранённые вами конфигурации фильтра. Пример создания закладки - ниже.
    2 Кнопка сворачивания фильтра. Постоянно раскрытый фильтр не всегда нужен. Его можно свернуть для освобождения места на экране монитора.
    3 Поля параметров поиска с [dw]кнопкой подсказки[/dw][di][/di] по условиям поиска.
    4 Чекбокс включения точного поиска (есть не во всех фильтрах). При использовании этого поля фильтр будет искать только точное совпадение введённого значения.
    5 Кнопка сохранения создаваемых закладок.
    6 Включение [dw]дополнительных параметров[/dw][di][/di] поиска. По умолчанию фильтр открывается с единственным полем для поиска. При необходимости организовать сложный поиск просто добавьте нужные поля. Система запомнит это состояние фильтра для вас. И когда вы будете открывать страницу в следующий раз, эти поля уже будут в фильтре. если вы удалите и замените одни поля на другие, то система запомнит новый состав фильтра.

    Сохраните часто используемую конфигурацию фильтра, пригодится

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

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

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

    Важно помнить

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

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

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

    Заключение

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


    Список элементов

    Как устроен список элементов

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

    Структура списка элементов

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

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


    Как просмотреть все элементы информационного блока

    По умолчанию в списке отображается иерархическая структура: сначала разделы, потом элементы. Если есть потребность просматривать все элементы единым списком вне зависимости от разделов, то в настройках модуля Информационные блоки надо снять флажок с поля [dw]Совместный просмотр разделов и элементов[/dw][di][/di]. Если у вас нет прав на это действие, обратитесь к администратору сайта.


    Работа в списке элементов

    Как работать со Списком элементов

    Список элементов позволяет не только просмотреть все или быстро найти нужный элемент. Он позволяет и выполнять некоторые другие действия: активировать/деактивировать элементы, переносить их в другие разделы, менять статус элемента в [dwi include_document_flow]Документообороте[/dwi] и многое другое. Возможности действий зависят от того, список каких элементов в данный момент просматривается.

    Как выполнять действия над элементами в списке

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

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

    2 - Колонки флажков, где происходит выбор элементов, над которыми нужно совершить действия. Установка флажка в [dw]заголовке таблицы[/dw][di][/di] приводит к выбору всех элементов, отображаемых на данной странице. (Для выделения вообще всех элементов установите флажок в поле Для всех на Панели Действий.)

    3 - Меню действий - то, что можно совершить над одним элементом. Набор команд в этом меню так же [dw]зависит от самого списка элементов[/dw][di]Например, элементы таблицы страницы Статьи
    (Контент > Статьи > Статьи) предполагают
    такие действия:

    [/di].

    5 - Панель действий, где выполняются действия над выбранной группой элементов:

    • Удаление.
    • [dw]Изменение[/dw][di]Кнопка Быстрое редактирование: [/di] наиболее важных и часто используемых свойств одновременно у всех выбранных элементов без переключения в форму редактирования. Рекомендуем пользоваться этими возможностями только для групповых операций небольших по объему параметров типа Сортировки или Названия. В крайнем случае – анонсов. Редактирование объемных текстов новостей или статей таким способом неудобно, лучше пользоваться формой редактирования.
    • Выполнение одного из [dw]возможных действий[/dw][di][/di]. Список действий различен для разных таблиц элементов.

    Важно запомнить!

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

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

    Заключение

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


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

    Как изменить параметры у нескольких элементов в минимум кликов

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

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

    Способ решения задачи

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

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

    Нажмите ОK в [dw]окне подтверждения[/dw][di][/di] и новость будет удалена.


    [dw]Отметьте новости[/dw][di][/di], которые нужно отредактировать и на Панели групповых действий нажмите кнопку [dw]Быстрое редактирование[/dw][di][/di], после чего станет возможно редактировать прямо на данной странице:

    Внесите нужные изменения и сохраните их. Всё, дело сделано!


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

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

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

    Способ настройки

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

    Из Доступных колонок [dw]перенесите[/dw][di]с помощью кнопки
    [/di] в Выбранные колонки нужные вам колонки. В Выбранных колонках удалите ненужные, а остальные [dw]разместите[/dw][di]С помощью кнопок
    [/di] в удобном для вас порядке.

    Примечание: Системная колонка ID не удаляется из таблицы, даже если вы удалите её из Выбранных колонок.

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

    Важно запомнить!

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

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

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

    Заключение

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


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

    Третий уровень: там где выполняются работы

    Текстовое содержание (нажмите на "плюсик")



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

    Что общего в разных формах редактирования: новости, заказы, баннеры...

    Каждый элемент системы можно изменить: отредактировать новость, изменить описание товара, изменить SEO параметры страницы, создать скидку, настроить параметры модуля и так далее. Форма изменения появляется по команде [dw]Изменить[/dw][di][/di] . Несмотря на то, что формы различаются полями, объёмом изменяемой информации, можно выделить некоторые общие моменты для всех форм. Рассмотрим общие для всех форм редактирования моменты на примере формы изменения элемента [dwi include_iblock]Информационного блока[/dwi]:

    Что есть на любой форме

    1 - Контекстная панель. Её [dw]состав разный[/dw][di]Например, в параметрах Опроса в Контекстной панели очень много команд:

    [/di] в зависимости от формы, но на любой панели есть кнопка возврата к списку элементов.

    2 - Область закладок. Формы редактирования могут иметь большое число изменяемых свойств, поэтому схожие поля собраны в логические группы и выводятся в виде закладок. Обычно свойства сгруппированы так, что на первых страницах свойств (в порядке слева направо) помещаются наиболее часто используемые, а на последних - другие, дополнительные параметры. Доступен просмотр всех полей формы в одной закладке (или возврата в режим закладок) с помощью [dw]кнопки-треугольника[/dw][di][/di] в правой части области полей формы.

    Несмотря на использование вкладок Область полей может быть большой и не помещаться на один экран. Для удобства сделайте постоянно видимыми Область закладок и Панель команд с помощью [dw]кнопки-гвоздика[/dw][di][/di].

    Внешний вид формы можно настроить для удобства работы: изменить состав и количество вкладок и полей. (Доступно не для всех форм редактирования.) Настройка формы и возвращение вида по умолчанию - по [dw]кнопке-шестерёнке[/dw][di][/di].

    3 - Область полей. Здесь и выводятся поля для редактирования. Названия полей, обязательных для заполнения, выделяются жирным шрифтом. Все формы работающие с контентом позволяют выбрать изображения для размещения [dw]однотипным способом[/dw][di][/di].

    4 - Панель команд.
    Сохранить: внесённые изменения сохраняются, форма закрывается.
    Применить: изменения сохраняются, форма остаётся открытой для дальнейшего редактирования.
    Сохранить и добавить: изменения сохраняются, форма изменения закрывается и открывается новая форма для добавления элемента.

    Заключение

    Несмотря на обилие форм редактирования, у всех них есть общие области.

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


    Навигация и поиск

    Как быстро попасть на нужную страницу

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


    "Умный" поиск - быстрый поиск

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


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

    В рамках [dwi include_physical_structure]файловой структуры[/dwi] есть механизм поиска файлов, размещающийся на контекстной панели в виде кнопки [dw]Поиск[/dw][di][/di]. Нажатие на эту кнопку открывает окно поиска:

    Поиск ищет как по имени, так и по содержимому. Ограничения можно наложить следующие:

    • По папке или сайту;
    • Дате изменения;
    • Размеру файла;
    • Регистру.

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

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

    Рабочий стол

    Рабочий стол - организуй своё рабочее пространство

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


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

    Сделайте Рабочий стол вашим удобным рабочим местом

    Удобная работа в Административной части при настроенном под потребности Контент-менеджера Рабочем столе - реальность. Достаточно только вывести на него нужные гаджеты и настроить внешний вид "под себя".

    Текстовое описание (нажмите на "плюсик")


    Гаджеты на рабочем столе

    Гаджеты

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


    Список гаджетов. (Нажмите на "плюсик".)

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

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

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

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

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

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

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


    Избранное

    Избранное - ваше "любимые" ссылки

    Избранное позволяет в один клик мыши перейти на нужную страницу сайта или в нужный раздел Административного интерфейса. Такой переход возможен как из [dw]Публичной[/dw][di][/di], так и из [dw]Административной части[/dw][di][/di]. В Избранное можно добавить любую страницу как Публичного, так и Административного раздела, а также созданные вами фильтры.

    Добавление в Избранное и его настройка

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

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

    Добавить страницу в Избранное в Административном разделе:

    • с помощью специальной [dw]кнопки-звёздочки рядом с названием[/dw][di][/di]:
    • [dw]перетаскиванием (drag&drop) страницы[/dw][di][/di] (или предустановленного фильтра) из Меню функций к правому краю экрана.

    Редактирование Избранного производится на странице Административного раздела Настройки > Избранное (с публичной части на неё переходят по команде Закладка Сайты > Меню > Организовать избранное).

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

    Важно запомнить!

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

    Документация по теме:


    Контекстная помощь

    Ложка дорога к обеду

    Обилие справочной информации «1С-Битрикс: Управление сайтом» иной раз создаёт проблему: где искать ответ на свой вопрос? Для облегчения поиска иголки в стоге сена создана Контекстная помощь, доступная только в [dwi include_admin_area]Административном разделе[/dwi] системы. К ней обращаются нажатием на кнопку в Административной панели. В Контекстной помощи отобразится вся информация по теме страницы, с которой она открывается. Если открываете со страницы Список баннеров, то выведется всё по работе с баннерами. Если открываете со страницы Заказы, то увидите всю информацию по заказам. И так далее.

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

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

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

    Для администраторов в самом низу отображается ещё и форма для обращения в техподдержку компании "1С-Битрикс".

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

    1. Для изучения функционала бывает полезно одновременно с чтением повторять действия, описанные в статье. Чтобы сделать это воспользуйтесь ссылкой [dw]Открыть в новой вкладке[/dw][di][/di]. Статья откроется в новой вкладке, а на самом сайте вы сможете повторять действия, описанные в ней. Рекомендуется пользоваться этой опцией, так как функционал курсов имеет более широкие возможности, чем контекстная справка.
    2. Вы можете высказать своё отношение к статье с помощью специальных кнопок:

    Заключение

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


    Экспорт в MS Excel

    Как получить данные из системы в формате MS Excel

    Сохранить данные из «1С-Битрикс: Управление сайтом» на локальный компьютер - достаточно частая задача. Для такой операции используется формат MS Excel. Экспорт в него прост, выполняется в пару кликов прямо из Списка элементов. Используйте для этого кнопку[dw]Настроить[/dw][di][/di]. Если перед экспортом воспользоваться [dwi include_6093991]фильтром[/dwi], то можно сохранить список только нужных вам элементов, а не всех подряд.


    Проверьте себя

    Ответьте на несколько вопросов по теме Административный раздел, которые помогут вас самим оценить свои знания. Это не тест, это просто проверка того, как вы поняли тему. Удачи!

    Верно ли утверждение?

    Оцените верность утверждения: неверно или верно. А потом в спойлере проверьте ваш выбор.

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

    Верно

    Неверно
    Возможности настройки внешнего вида Административного раздела ограничены.

    Верно

    Неверно
    Для редактирования элемента списка нужно обязательно открывать форму редактирования.

    Верно

    Неверно

    "1С-Битрикс: Управление сайтом" допускает групповое редактирование элементов списка.

    Верно

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

    Верно

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

    Верно

    Неверно

    Экспорт данных из списка элементов невозможен.

    Верно

    Неверно

    Практические задания

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

    1. [dw]тестовой лаборатории[/dw][di][/di] предоставленной компанией 1С-Битрикс
    2. либо
    3. на установленной на локальный компьютер пробной версии 1С-Битрикс: Управление сайтом

    Первый вариант проще: Виртуальная лаборатория предполагает установку системы в упрощённом, в отличие от локальной версии 1С-Битрикс: Управление сайтом, варианте. При такой установке для получения идентичного изображения у пользователя и на скриншотах заданий выберите на шаге Решение для установки: [dw]Интернет-магазин[/dw][di][/di]. На остальных шагах менять установки по умолчанию не нужно.

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

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

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

    Практические задания

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

      Способы перехода

    2. Уменьшите Панель управления и освободите место на экране монитора для самого сайта.

      Решение

    3. Найдите сколько компонентов размещено на главной странице сайта Виртуальной лаборатории?

      Ответ

    4. Найдите самый быстрый способ (в 2 клика мышкой) перейти из публичной части к списку валют в Административном отделе.

      Решение

    5. Увеличьте в Административном отделе место Рабочей области.

      Решение

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

      Решение

    7. Измените вид списка элементов инфоблока новостей с настройки по умолчанию до [dw]такого вида[/dw][di]

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

      [/di]. И сделайте экспорт списка в файл Excel.

      Решение

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

    Управление информацией - основная обязанность контент-менеджера. Вам предстоит научиться:

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

    Статическая и динамическая информация

    Два типа информации: как они облегчат вашу работу

    На любой странице сайта посетитель встречает текст, картинки, таблички или видео. И ему всё равно как происходит добавление и вывод этих данных. Но для контент-менеджера всё не так однозначно. Информация делится на два типа. Такое деление облегчает работу контент-менеджера над содержанием сайта. Хотя работа с текстом в обоих случаях происходит через [dwi include_editor]Визуальный редактор[/dwi], эти два типа имеют существенные различия.

    Первый тип информации называется "статический", второй тип - "динамический". Детальнее разницу поясним ниже, а пока: как же различать эти виды информации на сайте? При включённом [dwi include_mode_edit]режиме Правки[/dwi] виды информации различаются по виду панелек:

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

    1. Изменить область - редактирование [dwi include_include_section]Включаемой области[/dwi] - статическая информация.
    2. Изменить страницу в редакторе - редактирование текста непосредственно на странице - статическая информация.
    3. Создать/Изменить товар - создание/редактирование текста выводимого [dwi include_component]компонентом[/dwi] - динамическая информация. На иллюстрации - каталог товаров, поэтому на панельке используется слово "товар". В случае новостей отображается: Изменить новость. Для каждого отдельного вида динамичной информации используется своё слово.

    Зачем нужно такое деление?

    Казалось бы, и там и там - текст, картинки и видео. Зачем городить огород и создавать два вида информации? Позвольте пояснить вам разницу.

    Представьте себе: стоит задача добавить на сайт текст "О компании". Как часто вы это делаете? Один раз, при создании сайта. И редактируется такой текст не часто.

    А теперь представьте: стоит задача добавить 100 видов товаров в каталог. А если у товара несколько меняющихся параметров? Например, футболка - цвет и размер. Цветов пусть - 3, а размеров - 4. Если добавлять как отдельный товар каждую из 100 футболок со своим цветом и размером, то получится - 1200 товаров. А это - 1200 созданных вручную страниц сайта, если создавать как статичную информацию. А товарам ещё задаются поисковые слова для индексации Яндексом, задаются цены. Товары могут кончаться на складе и надо снимать с показа временно отсутствующие товары. Просто ад для контент-менеджера если делать это всё вручную.

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

    Зачем нужно понимать где какая информация?

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

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

    Как я нанимаю контент-менеджера? Да очень просто! Спрашиваю может ли он добавлять информацию в каталог?
    Как правило, отвечают - "Да!" Я тут же даю доступ к тестовому сайту и файлик с информацией. Файлик, замечу, в формате CSV. Если претендент начинает добавление с открытия страницы Импорт CSV, то собеседование идёт дальше. Если начинает добавлять вручную, то мы прощаемся.

    Заключение

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

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

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

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


    Общее и отличия

    Сравниваем и выбираем нужный тип информации

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


    Общее у обоих типов то, что редактирование в обоих случаях происходит одинаково: в [dwi include_editor]Визуальном редакторе[/dwi].


    А вот различий намного больше. Понять эту разницу не сложно, но сосредоточиться вам придётся.

    • Первое отличие - место размещения информации в системе. Статическая информация размещается в самих файлах вашего сайта, динамическая - в [dw]Базе данных[/dw][di]База данных - часть вашего сайта, в которой хранится однородная информация. Недоступна для управления Контент-менеджером.[/di], используемой вашим сайтом.

      В Базу данных информацию заносят с помощью [dwi include_iblock]Информационных блоков[/dwi], а извлекают с помощью [dwi include_component]компонентов[/dwi].

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

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

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

      • Раздел с динамической информацией - это запись в базе данных.
      • Раздел со статической информацией - это папка с файлами.

      Аналогично и со страницами, они могут быть и статическими, и динамическими.

      Примечание: Статическую страницу ещё называют "физической", а динамическую - "виртуальной".

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

    • Так вот, статическая информация показывается только на конкретной странице (файле), а динамическая показывается как на физической, так и на динамической странице.

    • Третье отличие - как происходит вывод информации.

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

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

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

      Для изменения формы вывода статической информации правится информация на самой странице. И хотя Визуальный редактор позволяет сделать это максимально комфортно, всё же это требует дополнительных усилий. В некоторых особо сложных случаях требуется и знание [dw]HTML[/dw][di]HTML - технические коды, обеспечивающие различное отображение информации. Самый простой пример: выделить текст жирным шрифтом или с подчёркиванием.
      Знание и умение применять эти коды - не обязательное, но желательное умение для Контент-менеджера.[/di].

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

    Заключение: какой тип когда лучше применять

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

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


    Пример размещения информации

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

    Видео вам в помощь:


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

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

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

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

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

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

    Из чего состоит страница сайта

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

    Создание шаблонов сайта и размещение на них [dw]компонентов[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] осуществляется разработчиками сайтов. Тем не менее, квалифицированному контент-менеджеру необходимо представлять, как устроена страница сайта.


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

    Любая страница сайта имеет следующую структуру:

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

      1 Верхняя - header - выделена красным цветом. Как правило располагается сверху ("шапка" сайта) и включает в себя логотип, лозунг сайта, верхнее горизонтальное меню и левое меню (если они есть в дизайне). Может включать в себя динамическую информацию, например: [dw]цепочку навигации[/dw][di]Цепочка навигации - один из способов навигации по сайту, состоит из последовательности названий разделов от главной страницы сайта до той, где находится посетитель.[/di]. Формируется на основе шаблона дизайна сайта.

      2 Основная рабочая область - work area - выделена синим цветом. В ней размещаются собственно информационные материалы сайта. В качестве Основной рабочей области может подключаться как физический файл, так и создаваемый системой на основе комплексных компонентов динамический код.

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

      3 Нижняя - footer - выделена зелёным цветом. Как правило, расположена внизу ("подвал сайта") и включает в себя контактную информацию, сведения об авторе и владельце сайта и так далее, нижнее горизонтальное меню и правое меню (если они есть в дизайне). Может включать в себя динамическую информацию, например: форму подписки на рассылки. Формируется на основе шаблона дизайна сайта.

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


    В какой части страницы работает контент-менеджер

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

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


    Заключение

    Страница сайта формируется системой динамически из трёх составляющих. Контент-менеджер работает в Основной рабочей области и во Включаемых областях.


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

    Зачем нужны свойства страниц и как ими управлять

    Контент-менеджер управляет свойствами страниц и разделов. Свойства нужны для тех, кто посещает ваш сайт, например: с их помощью строится [dw]цепочка навигации[/dw][di]Цепочка навигации - один из способов навигации по сайту, состоит из последовательности названий разделов от главной страницы сайта до той, где находится посетитель.[/di], в заголовке браузера выводится название страницы. Свойства сайта индексируются [dw]поисковыми системами[/dw][di]Поисковая система - способ поиска нужной информации в Интернете. Примеры: Яндекс, Google[/di] и по ним ваш сайт попадает в результаты выдачи.

    Основное свойство страницы - Заголовок. Использование заголовка помогает привлечь внимание пользователей к странице сайта, а также создать общее представление о ее содержании и назначении.


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

    • в закладке браузера;
    • на самой странице.

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

    • устанавливает [dw]одинаковый заголовок[/dw][di] Одинаковый заголовок[/di] для страницы сайта и закладки веб-браузера;
    • задаёт [dw]различные[/dw][di]Разные заголовки[/di] заголовки для страницы сайта и окна веб-браузера;
    • либо задаёт [dw]автоматический вывод заголовка страницы и окна веб-браузера[/dw][di]Название раздела[/di] с использованием или названия [dw]элемента[/dw][di]Элемент инфоблока - элемент системы, где непосредственно хранятся данные, выводимые компонентами. Подробнее...[/di] или [dw]SEO данных[/dw][di]SEO данные - информация, которую используют поисковые машины для определения места нахождения вашего сайта на странице результатов поиска. Подробнее...[/di].

    Примечание: Некоторые [dw]компоненты[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] самостоятельно устанавливают заголовок, учитывайте это при работе.


    Заключение

    Контент-менеджер управляет свойствами страниц. Задаёт их вывод в различном виде и различным способом.

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

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

    Документация по теме:



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

    Контент-менеджер управляет свойствами страниц из [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di]. Свойства задаются при создании страницы 1 или при редактировании 2:

    В обоих случаях открываются практически одинаковые [dw]формы[/dw][di]Форма редактирования - как правило отдельное всплывающее окно, в котором можно вносить изменения в содержание сайта.[/di]:

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

      2 при редактировании страницы нужные свойства задайте в форме Свойства страницы:


    Важно запомнить!

    Если в разделах или на страницах сайта представлена [dw]динамическая информация[/dw][di]Динамическая информация - информация, хранимая в Базе Данных сайта и выводимая специальными компонентами системы. Как правило, это - часто изменяемая информация со множеством свойств. Подробнее...[/di] из [dw]Информационных блоков[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di], то заголовок, ключевые слова и описание для них могут устанавливаться системой автоматически. Это существенно облегчает труд контент-менеджера. Для этого в информационном блоке должны быть настроены [dw]метаданные[/dw][di]Метаданные - это информация об информации. Например, ключевые слова - это метаданные о статье, дата съёмки - метаданные о фотографии.[/di] на [dw]закладке SEO[/dw][di]Закладка SEO - специальная закладка в форме элемента инфоблока, где задаются эти данные. Подробнее...[/di] и для его публикации использоваться штатные [dw]компоненты[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] системы.


    С помощью [dw]пользовательских типов свойств[/dw][di]Пользовательские типы свойств - возможность создавать свои свойства разделов или страниц для получения каких-то дополнительных возможностей. Эти типы создаются администратором сайта.[/di] системы администратор сайта задаёт дополнительные средства управления показом информации на страницах раздела. Например: задаётся собственное изображение для показа на страницах разделов. С этой целью для разделов сайта создаются свойства для хранения названия и пути к изображениям, а в [dw]шаблоне дизайна сайта[/dw][di]Шаблон дизайна - программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту - администратором, реже - контент-менеджером. Подробнее...[/di] предусматривается соответствующая программная обработка значения этого свойства.

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


    Заключение

    1. Управление свойствами возможно при создании и редактировании.
    2. Компоненты могут сами, автоматически, устанавливать свойства страницы.
    3. Администратор может установить дополнительные свойства страницы

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

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

    Контент-менеджер управляет свойствами разделов из [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di]. Свойства задаются при создании раздела 1 или при редактировании 2:

    В обоих случаях открываются практически идентичные [dw]формы[/dw][di]Форма редактирования - как правило отдельное всплывающее окно, в котором можно вносить изменения в содержание сайта.[/di]:

      1 При создании раздела свойства задаются на третьем шаге Мастера создания нового раздела:

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

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


    Особенности свойств разделов: наследование свойств

    В "1С-Битрикс: Управление сайтом" для облегчения труда контент-менеджера свойства раздела автоматически [dw]наследуются[/dw][di]Наследование - свойство системы когда права вышележащего раздела по умолчанию присваиваются всем подразделам и страницам. Подробнее...[/di] всеми подразделами и страницами данного раздела. То есть вам не надо задавать свойства для каждого подраздела каталога или товара: сайт это сделает за вас. Но при необходимости вы можете отредактировать свойства любой отдельно взятой страницы раздела под конкретную ситуацию.


    Важно запомнить!

    Если в разделах или на страницах сайта представлена [dw]динамическая информация[/dw][di]Динамическая информация - информация, хранимая в Базе Данных сайта и выводимая специальными компонентами системы. Как правило, это - часто изменяемая информация со множеством свойств. Подробнее...[/di] из [dw]Информационных блоков[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di], то заголовок, ключевые слова и описание для них могут устанавливаться системой автоматически. Это существенно облегчает труд контент-менеджера. Для этого в информационном блоке должны быть настроены [dw]метаданные[/dw][di]Метаданные - это информация об информации. Например, ключевые слова - это метаданные о статье, дата съёмки - метаданные о фотографии.[/di] на [dw]закладке SEO[/dw][di]Закладка SEO - специальная закладка в форме элемента инфоблока, где задаются эти данные. Подробнее...[/di] и для его публикации использоваться штатные [dw]компоненты[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] системы.


    С помощью [dw]пользовательских типов свойств[/dw][di]Пользовательские типы свойств - возможность создавать свои свойства разделов или страниц для получения каких-то дополнительных возможностей. Эти типы создаются администратором сайта.[/di] системы администратор сайта задаёт дополнительные средства управления показом информации на страницах раздела. Например: задаётся собственное изображение для показа на страницах разделов. С этой целью для разделов сайта создаются свойства для хранения названия и пути к изображениям, а в [dw]шаблоне дизайна сайта[/dw][di]Шаблон дизайна - программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту - администратором, реже - контент-менеджером. Подробнее...[/di] предусматривается соответствующая программная обработка значения этого свойства.

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


    Заключение

    1. Управление свойствами возможно при создании и редактировании.
    2. Компоненты могут сами, автоматически, устанавливать свойства раздела.
    3. Администратор может установить дополнительные свойства раздела
    4. Свойства вышестоящего раздела транслируются на нижележащие разделы.

    Дополнительно:

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

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

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

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

    Как организована раздача прав

    • Первое, ни один пользователь на сайте не может быть сам по себе. Он обязательно будет добавлен к одной из групп пользователей. Если это просто посетитель, который просматривает сайт, то система запомнит его и отнесёт к группе Неавторизованные пользователи. Это группа с самым низким уровнем доступа. Посетители из этой группы могут только смотреть на сайте то, что им разрешат администратор или контент-менеджер.

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

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

    • Второе: права доступа на страницу, [dwi include_iblock]Информационный блок[/dwi] и к другим инструментам системы задаются, как правило, для групп, а не для отдельного пользователя.
    • Третье: права доступа задаются на каждую конкретную страницу (раздел), информационный блок, [dwi include_module]модуль системы[/dwi].
    • Четвёртое: права назначаются разные от минимального - "Чтение" или "Закрыт доступ", до максимального - "Полный доступ".
    • Пятое и последнее: права доступа наследуются от "родительского" объекта (раздела) к "дочерним" объектам (подразделам и страницам).

    Вот сочетание этих причин и определяет что пользователь видит, а что - нет.


    Что даёт такая система

    Описанная выше система кажется сложной. Но это не так. Научившись ей пользоваться вы убедитесь в её удобстве и гибкости. Она позволяет:

    • Установить права доступа отдельно на [dw]динамические[/dw][di]Динамическая информация - информация, хранимая в Базе Данных сайта и выводимая специальными компонентами системы. Как правило, это - часто изменяемая информация со множеством свойств. Подробнее...[/di] и на [dw]статические[/dw][di]Статическая информация - это информация, которая редко меняется с течением времени. Например, рекламные тексты, история компании, контактная информация. Статическая информация создается и редактируется вручную. Подробнее...[/di] страницы. И какая-либо группа пользователей, к примеру, будет видеть заголовок сайта, логотип компании, адрес и контактную информацию, но не будет видеть ленту новостей или определенный раздел каталога.
    • Задать права только на чтение/изменение каких-либо отдельных страниц или разделов только для отдельных групп пользователей. В результате два контент-менеджера работающие над одним проектом не смогут вносить изменения в "зону ответственности" друг друга.
    • Запретить какой-то группе пользователей некоторые действия, например, редактирование пунктов меню.
    • Закрывать от просмотра посетителями недоделанные страницы, при этом сам контент менеджер будет видеть их и сможет работать на них.
    • Гибко управлять статусами (и возможностями) посетителей форумов, фотогалерей, опросов, голосований.
    • и так далее.

    Заключение

    Вы познакомились с принципами задания прав доступа в "1С-Битрикс: Управление сайтом"

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

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

    Назначение прав доступа к статическим страницам

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

    Назначаем права доступа при создании страницы или раздела

    На первом шаге [dw]Мастера создания[/dw][di]
    Подробнее...[/di] страницы или раздела для назначения прав доступа используется опция Ограничить доступ к странице/разделу (не публиковать).

    Просто [dw]укажите группы[/dw][di]Несколько групп выбираются с помощью клавиши CTRL.[/di], для которых страница должна быть доступна.

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

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

    [dw]Откройте на редактирование[/dw][di]
    Подробнее...[/di] страницу или раздел и укажите нужные правила доступа для различных групп.

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

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


    Индикация ограниченных прав доступа

    Если для страницы или раздела установлены какие-то ограничения на доступ, то кнопки Изменить страницу/Изменить раздел на административной панели будут отображаться с символом [dw]замок[/dw][di] кнопки "Изменить страницу/Изменить раздел" c символом замок[/di].

    Как отменить ограничения доступа

    [dw]Откройте на редактирование[/dw][di]
    Подробнее...[/di] свойства страницы или раздела и используйте ссылку Отменить ограничения доступа для этого раздела/страницы.

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

    Важно запомнить!

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

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

    Заключение

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

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


    Наследование прав доступа статических страниц

    Главнее тот, кто выше..

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


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

    Поясним принцип наследования на конкретном примере. В разделе О магазине имеется одноименная страница и вложенные подразделы и страницы (структура показана с помощью [dw]кнопки Структура[/dw][di]Кнопка Структура - удобный и практичный инструмент для наглядного представления всей структуры сайта без перехода в административный раздел. Кнопка позволяет выполнять управление структурой.

    Подробнее...[/di] на Административной панели):

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

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

    Находясь на странице данного раздела, нажмите на кнопку Изменить раздел и выберите пункт [dw]Доступ к разделу[/dw][di] [/di].

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

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

    Заключение

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


    Определение прав доступа динамических страниц

    Здесь тоже иерархия...

    [dw]Информационные блоки[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di] позволяют задавать удобную иерархическую структуру в которой права доступа наследуются по иерархии, то есть от Инфоблока к Разделу и, следом, к Элементу. Если администратор определил для контент-менеджера права доступа на информационный блок Полный доступ, то контент-менеджер тоже управляет доступом.

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

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

    1. Необходимо включение [dw]расширенного режима управление доступом[/dw][di] Расширенный режим управления доступом - возможность задавать права доступа не только для группы пользователей, но и для отдельного пользователя. Подробнее...[/di] для информационного блока.
    2. Задание прав производится в [dw]административном разделе[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. У контент-менеджера есть к нему доступ, но работать там не рекомендуется. Подробнее...[/di].

    Допустим, перед нами стоит задача запретить доступ разделу Нижнее белье. Если отдельно для разделов каталога Одежда не изменялись права доступа, то все они будут наследовать право Типа инфоблока: Каталоги. Поэтому нам достаточно изменить право доступа для раздела Нижнее белье.

    В административной части в разделе Контент > Каталоги > Одежда выбираем в таблице типов товаров строку Нижнее белье и в меню действий выбираем [dw]Изменить[/dw][di][/di].

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

    Перейдите по ссылке Добавить, выберите Все посетители и установите Нет доступа:

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

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

    Заключение

    Задание прав на элементы и разделы информационного блока выполняется аналогично заданию прав на статические страницы. Только делается это из Административного раздела и если включено расширенное управление правами для информационного блока.


    Примеры работы прав доступа

    Пример 1

    • Администратор выставил права на конкретный Информационный блок [dw]права доступа[/dw][di][/di]:
      • для зарегистрированных - нет доступа,
      • для незарегистрированных пользователей - чтение,
      • для группы Контент-менеджеров - полный доступ.
    • На страницу, где будет размещён компонент Новости, Администратор дал [dw]доступ[/dw][di][/di]:
      • для незарегистрированных пользователей - чтение,
      • для зарегистрированных - чтение,
      • для группы Контент-менеджеров - полный доступ.
    • Контент-менеджер разместил компонент Новости, настроил его на нужный информационный блок и поправил [dw]права на страницу[/dw][di][/di]:
      • для незарегистрированных пользователей - нет доступа,
      • для зарегистрированных - чтение.

    При таком сочетании:

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

    • Зарегистрированный пользователь увидит страницу (разрешено и Администратором и Контент-менеджером) но не информацию на ней (Администратор запретил доступ к информации из инфоблока.)

    Пример 2

    Администратор создал Торговый каталог, задал для Контент-менеджера права доступа на каталог - [dw]Изменение[/dw][di][/di] и поручил наполнить каталог товарами.

    Контент-менеджер начал наполнение каталога и не может добавить цены: нет закладки [dw]Торговый каталог[/dw][di][/di].

    Причина такой ситуации в том что Администратор забыл дать Контент-менеджеру [dw]права на редактирование цен[/dw][di][/di] в модуле Торговый каталог.


    Кеш, документоборот и информация

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


    Кеширование и работа Контент-менеджера

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

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

    На самом деле всё немного сложнее, чем описано в определении, но для начального понятия о кешировании этого достаточно.

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

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

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

    1. Включите [dwi include_mode_edit]режим Правка[/dwi].
    2. С помощью кнопки Сбросить кеш сбросьте кеш либо страницы, либо компонентов, в зависимости от того что вы меняли.

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


    Документооборот

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

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

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


    Человеко-понятные URL

    Человеко-понятные URL

    Вы обращали внимание, что при публикации на сайте [dwi include_dinamic_info]динамической информации [/dwi] ссылки на материалы имеют примерно такой вид:

      http://mysite.ru/forum/?PAGE_NAME=read&FID=1&TID=2&TITLE_SEO=2-tsvetovaya-gamma
      http://mysite.ru/catalog/?SECTION_ID=10&ELEMENT_ID=451

    Согласитесь, что они не несут большой информативности особенно для тех, кто незнаком со структурой веб-адресов. Средства «1С-Битрикс: Управление сайтом» позволяют сделать ссылки более понятными с помощью специальной функции. Функция встроена во все комплексные [dwi include_component]компоненты[/dwi] (и отдельные простые) и преобразует стандартный веб-адрес в так называемый человеко-понятный URL (сокращенно ЧПУ). Например:

      http://mysite.ru/forum/forum1/tema-2-tsvetovaya-gamma/
      http://mysite.ru/catalog/pants/t-pants-striped-flight/

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

    Важно! Включение ЧПУ должно быть согласовано с администратором сайта.

    • Откройте на редактирование параметры компонента и найдите секцию Управление адресами страниц.
    • Поставьте галочку в поле Включить поддержку ЧПУ. Отобразятся [dw]поля для настройки[/dw][di][/di] адресов.
      • Поле Каталог ЧПУ – это путь до папки, с которой работает компонент. Может быть как настоящим, так и [dw]нет[/dw][di]Например, компонент размещен на странице /communication/index.php. В поле Каталог ЧПУ по умолчанию указано communication/. Это настоящий существующий раздел.

        Вы можете указать и несуществующий раздел communication/forum/, адреса будут строится уже относительно каталога communication/forum/, а не communication/. материалам.

        Тем самым, вы можете подменять раздел, относительно которого строятся адреса.[/di]. Относительного этого каталога строятся пути к выводимым на сайт
      • Остальные поля секции содержат настройки по умолчанию и подсказывают один из вариантов настройки адресов.

        Макросы (#FID#, #TID#, #COURSE_ID#, #SECTION_ID#, #ELEMENT_ID# и т.д.) допускают использование произвольных префиксов и постфиксов: например, forum-#FID#/ или #FID#.html. Перечень допустимых макросов, вместо которых в адреса подставятся идентификаторы форума, темы, курса, раздела, элемента и т.д., определяются конкретным компонентом. Возможно, для их использования следует провести некоторые дополнительные настройки в системе. Уточните этот момент у вашего администратора сайта.

        Самым богатым набором допустимых к использованию макросов обладают компоненты Информационных блоков. В них помимо параметров, принимающих идентификаторы (#SECTION_ID#, #ELEMENT_ID#), можно использовать параметры, принимающие символьные коды (#SECTION_CODE_PATH#, #SECTION_CODE#, #ELEMENT_CODE#).

        Примечание: про настройку ЧПУ в инфоблоках читайте в отдельном уроке.

        Остальные компоненты "работают" только через параметры, принимающие идентификаторы (#FID#, #TID#, #COURSE_ID# и т.д.). Но, если для компонента выполнить кастомизацию, провести дополнительные настройки в системе, то для него становится возможным использование параметров, принимающих другие данные (например, символьные коды или названия на латинице) учебных курсов, форумов и т.п.
    • Задайте в полях подходящие для вас шаблоны построения адресов. При этом обязательно учитывайте архитектуру выводимых данных и переданные в компонент данные. Так, например, при построении адреса темы форума следует помнить, что тема прикреплена к некоторому форуму. Поэтому адрес темы должен содержать не только номер темы, но и номер форума.
    • Сохраните параметры компонента и проверьте ваши адреса.

    Пример настройки ЧПУ

    Заключение

    Вы узнали что такое ЧПУ и для чего оно используется.

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

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


    Короткие ссылки

    Короткие ссылки: как запомнить адреса страниц

    Контент-менеджеру доступно изменение адресов страниц. Адрес страницы может быть очень длинным. Например: http://ваш_сайт.ru/catalog/sportswear/sports-suit-evening-activities/. Такие адреса невозможно запомнить, они не влезают в короткие сообщения Твиттера и неудобны ещё в ряде случаев. Вот если бы адрес был http://ваш_сайт.ru/~Вечерний спорт, то ...

    Для решения этих проблем Контент-менеджер использует полезный функционал "1С-Битрикс: Управление сайтом" - Короткие ссылки. Этот инструмент создаст ссылку с одним единственным [dw]слешом[/dw][di]Слеш - косая черта, которая используется для разделения слов в адресе сайта[/di] после [dw]домена сайта[/dw][di]Домен сайта - адрес по которому открывается самая главная страница. Например: yandex.ru[/di] . Адрес после слеша вы задаёте сами.


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

    Для создания короткой ссылки перейдите на страницу, к которой вы хотите создать новый адрес. Нажмите на [dw]Панели управления[/dw][di]На Панели управления собраны все команды, которые доступны контент-менеджеру при работе с сайтом. Подробнее...[/di] на Добавить короткую ссылку:

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

    В полях формы:

    • Ссылка - сюда система автоматически добавит реальный адрес страницы. Адрес не меняем.
    • Короткая ссылка - укажите тот текст, который вы хотите видеть после слеша в адресе страницы. Система автоматически предложит вариант короткой ссылки из набора случайных знаков в котором на первом месте стоит знак "~" (тильда). Этот знак - отличие Короткой ссылки от других адресов. Использование тильды не обязательно, но рекомендуется. Например, заменяем ~AzUSE на ~Вечерний спорт.
    • Код HTTP статуса - выбор конкретного статуса для конкретной страницы рекомендуется согласовывать с SEO-специалистом. Если не уверены в выборе статуса - оставьте то, что поставит система.

    Вы сформировали ссылку http://ваш_сайт.ru/~Вечерний спорт вместо http://ваш_сайт.ru/catalog/sportswear/sports-suit-evening-activities/. Эту ссылку легко запомнить, легко сообщить кому-то. При её использовании вы попадёте на нужную страницу, но в адресной строке браузера будет стоять реальный адрес страницы, так как технически Короткая ссылка - это просто [dw]редирект[/dw][di]Редирект - пересылка с одного адреса на другой.[/di] адреса.

    Где хранится Список ссылок

    Если вам нужно просмотреть весь список коротких ссылок, то воспользуйтесь кнопкой Список ссылок на Панели управления. Вы попадёте на страницу Короткие ссылки (Настройки > Настройки продукта > Обработка адресов > Короткие ссылки) в [dw]административном разделе[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. У контент-менеджера есть к нему доступ, но работать там не рекомендуется. Подробнее...[/di].

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

    Важно запомнить!

    Внимание! Короткие ссылки не работают, если администратор запретил их.

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

    В Короткой ссылке рекомендуется использовать знак тильда: ~.

    Заключение

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

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

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

    Включаемые области: меняем информацию в шаблоне сайта

    Как быть, если надо отредактировать информацию в [dw]шаблоне сайта[/dw][di]Шаблон дизайна - программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту - администратором, реже - контент-менеджером. Подробнее...[/di]? Редактировать шаблон сайта контент-менеджеру нельзя. Но [dw]статическую информацию[/dw][di]Статическая информация - это информация, которая редко меняется с течением времени. Например, рекламные тексты, история компании, контактная информация. Статическая информация создается и редактируется вручную. Подробнее...[/di] вроде адреса компании, телефона и так далее очень часто размещают в "шапке" или в подвале сайта. Для такой информации разработчик сайта использует Включаемые области. Контент-менеджер может их редактировать.

    Как найти Включаемую область на сайте

    Включаемая область - это [dw]компонент[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di]. Следовательно искать её надо с помощью включённого [dw]режима Правка[/dw][di]Режим Правка - специальный режим работы "1С-Битрикс: Управление сайтом", в котором происходит изменение информации на сайте.

    Подробнее...[/di]. При наведении указателя мыши на Включаемую область появится специальная панелька (красная рамка):

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

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

    Для чего нужна Включаемая область и какие они бывают.

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

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

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

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

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

    Разработчик размещает компонент Включаемая область на сайте. Но это не означает что область можно сразу наполнять содержанием. Её ещё нужно создать. Как правило, это тоже делает разработчик, но если он не сделал это, то создайте её сами при включённом [dw]режиме Правки[/dw][di][/di]. В тех местах, где возможен вывод включаемой области, будет показана иконка Добавить область:

    Нажмите на кнопку, откроется [dw]Визуальный редактор[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di] для заполнения области информацией.

    Важно запомнить!

    1. Включаемая область не показывается на всём сайте, если она настроена на конкретный раздел или страницу.
    2. Команда Добавить область как PHP в панели создания области предназначена для разработчиков и администраторов сайта.
    3. Если вы размещаете во Включаемой области картинку или много текста, то вы должны быть уверены, что это не испортит внешний вид сайта. Если картинка больше, чем выделенное в шаблоне сайта место под Включаемую область, то дизайн сайта исказится, "поедет".

    Заключение

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

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

    Удобные инструменты для безопасной работы

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

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

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

    Автосохранение: вдруг выключился свет...

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


    Восстановление сохранённых данных

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

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

    Подтверждать или не подтверждать восстановление данных - ваш выбор.

    Важно запомнить!

    Внимание! Автосохранение работает только для первого повторного открытия. Если просто открыть и закрыть форму, а потом опять открыть, то добавленные данные будут потеряны. Система запоминает только последнее состояние формы.

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

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

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


    Заключение

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

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

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


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

    Отмена действий: исправляем ошибки

    Используйте функцию Отмена действий, если после внесения каких-то изменений стало понятно, что вы ошиблись. Добавлен какой-то текст на страницу. Или изменены параметры [dw]компонента[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di]. После сохранения изменений вы понимаете что изменения не правильные и нужно вернуть всё обратно. Для такого возврата достаточно нажать на Отменить изменения и страница вернётся к прежнему состоянию.


    Система допускает отмену последнего совершенного действия. После каждого изменения внесенного в содержание сайта под [dw]Панелью управления[/dw][di]Панель управления - основной инструмент управления содержимым сайта. Подробнее...[/di] отображается Строка отмены действия:

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

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

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

    Важно запомнить!

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


    Заключение

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


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

    Контроль сессии: следим за временем жизни авторизации

    Исключить допуск к управлению сайтом стороннего человека - основа безопасной работы сайта. Для достижения этой цели придумано много инструментов. Один из них - [dw]сессия[/dw][di]Сессия - это время в течение которого возможен авторизованный доступ к сайту с определённого компьютера и под одним логином.[/di].

    Какое значение для Контент-менеджера имеет сессия?

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

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

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

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


    Заключение

    Сессия - это сеанс работы пользователя с сайтом. Определяется как серия запросов к [dw]серверу[/dw][di]Сервер - компьютер, на котором размещён ваш сайт. Находится, как правило, у специальной организации - провайдера.[/di], сделанных одним пользователем в заданный промежуток времени.

    Система отслеживает время жизни сессии и уведомляет вас о завершении. Если вы, получив такое уведомление, не сохраните где-то неотправленные данные, то сами виноваты. :)

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


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

    Загрузка файлов: способ зависит от цели

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

    Загруженные на сайт файлы контент менеджер использует:

    1. Как [dwi include_static_info]статическую[/dwi] информацию на статических страницах. Например, фотография на странице "О компании".
    2. Как [dwi include_dinamic_info]динамическую информацию[/dwi]. Например фотографии в Фотогалерее.
    3. Как часть динамической информации в информационных блоках. Например, картинки к новости.

    Медиабиблиотека - основной инструмент работы с файлами

    [dwi include_media_library]Медиабиблиотека[/dwi] рекомендуется как основной и универсальный способ работы с файлами. [dw]Кнопки для использования картинок и файлов[/dw][di][/di] из Медиабиблиотеки есть во всех местах системы, где требуется вывод изображений и файлов.

    Загрузка динамической информации

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

    Картинки и файлы в элементах информационного блока

    Изображения и файлы используются и в элементах [dwi include_iblock]Информационного блока[/dwi]. В самом простом случае это - картинки анонса и подробного описания элемента. В более сложных случаях - это файлы, загружаемые в свойства информационного блока. (Эти свойства создаются разработчиком или администратором сайта и выводятся в форме добавления элемента.) Во всех случаях механизм загрузки одинаковый:

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

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

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

    Загрузка файлов из Административного раздела

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

    В [dwi include_admin_area]административном разделе[/dwi] системы перейдите в папку, в которой будет храниться загружаемый файл. Нажмите на кнопку [dw]Загрузить файл[/dw][di][/di] под фильтром, откроется форма для загрузки. Добавьте файлы для загрузки и сохраните их.

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

    Администратор сайта может ограничить размер загружаемого файла.

    Заключение

    Вы узнали все способы загрузки файлов в "1С-Битрикс: Управление сайтом". Выбирайте оптимальный способ в зависимости от целей. Лучший из них способ работы с файлами - Медиабиблиотека.

    Документация по теме:



    Как изменить внешний вид сайта

    Шаблон сайта: как изменить внешний вид сайта

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

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

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

    Где применяются шаблоны

    Указание системе какой шаблон к какой странице применять производится в [dw]Административном разделе[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. У контент-менеджера есть к нему доступ, но работать там не рекомендуется. Подробнее...[/di] на странице редактирования сайта Настройки > Настройки продукта > Сайты > Список сайтов. Перейдите на эту страницу и [dw]откройте для редактирования[/dw][di][/di] нужный сайт.

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

    Как применить шаблон

    Внизу открывшейся формы есть группа полей Шаблон сайта (см. картинку в начале урока). В этом поле выберите тот шаблон, который вы хотите задать для страницы или раздела. (Если воспользоваться иконкой [dw]правее названия шаблона[/dw][di][/di], то откроется окно с выбранным шаблоном, для проверки верности выбора.)

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

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

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

    Важно запомнить!

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

    Общее правило сортировки при назначении шаблонов подобно перевернутой воронке:

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

    Заключение

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

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

    Отображение конкретного вида страницы зависит от выбранных условий и сортировки списка шаблонов.

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


    Как заменить favicon.ico

    Замена файла [dw]favicon.ico[/dw][di]Favicon (от англ. FAVorite ICON - значок для избранного) - значок веб-сайта или
    веб-страницы. Отображается браузером во вкладке перед названием страницы,
    а также в качестве картинки рядом с закладкой.
    [/di] - не частая задача. Как правило, её выполняют один раз на каждом сайте. Способ замены зависит от числа используемых шаблонов на сайте.


    Если шаблон единственный

    Если на сайте используется один шаблон в котором нет своего файла favicon.ico, то:

    1. Подготовьте картинку размером 16х16 пикселей в формате jpg или png.
    2. Переименуйте картинку в favicon.ico.
    3. В файловой структуре сайта в корневой папке (1) найдите и замените существующий файл favicon.ico (2) на ваш файл.

    После этого новый файл favicon.ico будет отображаться вместо старого:

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


    Если шаблонов несколько

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

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

    Первые шаги замены идентичны описанным выше:

    1. Подготовьте картинку размером 16х16 пикселей в формате jpg или png.
    2. Переименуйте её в favicon.ico.
    3. Загрузите в [dw]папку шаблона[/dw][di][/di] (Контент > Структура сайта > Файлы и папки > bitrix > templates > название вашего шаблона - 1) этот файл (2).
    4. А вот далее вам потребуются дополнительные права на редактирование php-файлов.

    5. Откройте на редактирование шаблон сайта (Настройки > Настройки продукта > Сайты > Шаблоны сайтов > название вашего шаблона).
    6. Посмотрите есть ли в [dw]коде шаблона[/dw][di]

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

      [/di] в блоке <head> строка
      <link rel="icon" type="image/x-icon" href="<?=SITE_TEMPLATE_PATH?>/favicon.ico" />
      Если есть то пропустите следующий шаг.
    7. Если строки нет, то добавьте её. И сохраните шаблон.

    После этого новый файл favicon.ico будет отображаться [dw]вместо старого[/dw][di][/di].

    Примечание: старый файл favicon.ico может быть закеширован браузером. В этом случае изменения отобразятся не сразу, а через некоторое время (возможно, несколько дней). Если не хочется ждать, то добавьте к названию файла в шаблоне сайта через знак вопроса что-то вроде v=2, то есть строка должна выглядеть так:
    <link rel="icon" type="image/x-icon" href="<?=SITE_TEMPLATE_PATH?>/favicon.ico?v=2" />


    Бизнес-процессы

    Бизнес-процессы: зачем они и как с ними работать

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

    Бизнес-процессы создаются администратором или разработчиком сайта.

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

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

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

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


    Проверьте себя

    Ответьте на несколько вопросов по теме Информация на сайте, которые помогут вас самим оценить свои знания. Это не тест, это просто проверка того, как вы поняли тему. Удачи!

    Верно ли утверждение?

    Оцените верность утверждения: неверно или верно. А потом в спойлере проверьте ваш выбор.

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

    Верно

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

    Верно

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

    Верно

    Неверно
    Контент-менеджер работает только в основной рабочей области (work area). Редактирование "шапки" (header) и "подвала" (footer) ему недоступно.

    Верно

    Неверно

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

    Верно

    Неверно
    Задание прав на элементы и разделы инфоблока аналогично заданию прав на статические страницы.

    Верно

    Неверно

    Задание свойств страницы (раздела) происходит вручную при создании или редактировании страницы.

    Верно

    Неверно

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

    Верно

    Неверно
    Если изменения на странице (в элементе инфоблока) внесены, но не отображаются, нужно нажать кнопку Сбросить кеш.

    Верно

    Неверно
    Если при настройке ЧПУ вы заполнили поля Символьный код, но значения этого поля не выводятся (то есть адрес имеет вид *** /?ELEMENT_ID=2), то это значит, что не настроен компонент на работу с ЧПУ.

    Верно

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

    Верно

    Неверно
    Если при редактировании страницы вы сделали что-то не то или не так, то восстановить прежние данные невозможно.

    Верно

    Неверно

    Практические задания

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

    1. [dw]тестовой лаборатории[/dw][di][/di] предоставленной компанией 1С-Битрикс
    2. либо
    3. на установленной на локальный компьютер пробной версии 1С-Битрикс: Управление сайтом

    Первый вариант проще: Виртуальная лаборатория предполагает установку системы в упрощённом, в отличие от локальной версии 1С-Битрикс: Управление сайтом, варианте. При такой установке для получения идентичного изображения у пользователя и на скриншотах заданий выберите на шаге Решение для установки: [dw]Интернет-магазин[/dw][di][/di]. На остальных шагах менять установки по умолчанию не нужно.

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

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

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

    Практические задания

    1. Измените заголовок страницы "О магазине" на "Кто мы?".

      Решение

    2. Закройте доступ к странице "Кто мы?" для незарегистрированных посетителей.

      Решение

    3. Измените время работы интернет-магазина на 9:00 - 18:00.

      Решение


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

    Управление структурой: работа с файлами и папками

    Сайт в системе "1С-Битрикс: Управление сайтом" обладает логической и физической структурой.

    • [dwi include_logical_structure]Логическая структура[/dwi] показывает как сгруппированы страницы и разделы по смыслу.
    • [dwi include_physical_structure]Физическая структура[/dwi] показывает расположение файлов и папок на сервере.

    Управление структурой сайта включает в себя:

    • Инструмент Структура для работы из [dwi include_public_area]публичной части[/dwi];
    • Менеджер файлов для работы из [dwi include_admin_area]административного раздела[/dwi];
    • Управление меню и цепочкой навигации;
    • Работу с [dwi include_media_library]медиабиблиотекой[/dwi].

    Документация по теме:


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

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

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


    Быстрый доступ к управлению структурой

    Инструмент Структура расположен на [dwi include_control_panel]панели управления[/dwi]:

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

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

    Инструмент Структура позволяет редактировать и удалять файлы и папки, а также задавать их [dw]свойства[/dw][di]Заголовок, ключевые слова, описание страницы. Подробнее...[/di].

    Кнопка [dw]Разделы[/dw][di][/di] превращает окно в своеобразный файловый менеджер, который позволяет перемещать файлы и папки простым перетаскиванием.


    Заключение

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


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

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

    Менеджер файлов предоставляет широкие возможности по работе с файлами и папками, а принципы его работы повторяют знакомый всем проводник Windows.

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

    • создавать и удалять папки и файлы;
    • [dw]загружать файлы[/dw][di]Добавлять файлы в конкретную папку на сервере. Подробнее... [/di] в систему;
    • скачивать файлы;
    • [dw]управлять свойствами[/dw][di]Задание заголовка, описания и ключевых слов. Подробнее...[/di] страниц и папок;
    • переходить к созданию и редактированию страниц;
    • управлять меню;
    • управлять [dw]правами доступа[/dw][di]Разрешение на просмотр тех или иных файлов и папок в системе. Подробнее...[/di] пользователей к страницам и разделам;

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

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

    В левой части окна мы выбираем нужную нам папку, а в правой отображается [dw]список элементов[/dw][di]Работа со списками в файловом менеджере аналогична работе с любыми списками в административной части. Подробнее...[/di] внутри этой папки. Общий подход напоминает работу с проводником Windows или другим файловым менеджером.

    У нас есть возможность работать как с [dwi include_logical_structure]логической[/dwi], так и [dwi include_physical_structure]физической[/dwi] структурой сайта.


    Работа с логической структурой

    На верхнем уровне менеджера файлов расположен [dw]список сайтов[/dw][di][/di] и пункт Файлы и папки. Для работы с логической структурой нам необходимо выбрать нужный сайт и нажать на стрелку:

    Структура в этом случае создается на основе заголовков, которые устанавливаются в свойствах папок в рамках физической структуры. Например, если для папки /about в свойствах установлен [dw]заголовок[/dw][di][/di] О магазине, то она будет показана в Менеджере файлов с [dw]этим именем[/dw][di][/di].


    Работа с физической структурой

    Для доступа к физической структуре предназначен пункт Файлы и папки:

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

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

    Важно! Работа напрямую с физической структурой нежелательна. Если всё же приходится работать с физической структурой то помните, что изменение файлов в папке \bitrix могут иметь фатальные последствия для сайта.


    Заключение

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


    Документация по теме:



    Изменение структуры сайта

    Изменять структуру сайта контент менеджер должен с [dw]публичного раздела[/dw][di]Публичный раздел - то, что видит посетитель сайта. Для контент-менеджера - это основное место работы . Подробнее...[/di]. Это самый простой и удобный способ работы, который предоставлен разработчиками "1С-Битрикс: Управление сайтом". Создавать страницы и разделы можно и с [dw]административного раздела[/dw][di]Административный раздел - раздел системы, недоступный для просмотра обычным посетителям сайта. В нём производятся настройки сайта и системы для работы. У контент-менеджера есть к нему доступ, но работать там не рекомендуется. Подробнее...[/di], но лучше пользоваться публичной частью.

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

    Примечание: При создании страниц и разделов система переходит на созданную страницу или раздел. Если требуется создание нескольких страниц в одном разделе, то не забывайте возвращаться на главную страницу раздела. Если страница, все же, случайно создана в другом месте, то перенесите ее с помощью [dw]кнопки Структура[/dw][di]Кнопка Структура - удобный и практичный инструмент для наглядного представления всей структуры сайта без перехода в административный раздел. Кнопка позволяет выполнять управление структурой.Подробнее...[/di].



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

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


    Пошаговое создание страницы

    Создать новую страницу можно и через Публичный раздел, и через [dw]Административный.[/dw][di] Для перехода к созданию страницы в Административном разделе
    нажмите кнопку В панели управления

    В открывшейся форме заполните требуемые поля
    (значения полей указаны в Документации). [/di] В Публичном разделе есть удобный инструмент - Мастер создания новой страницы.

    Для создания страницы с помощью Мастера нажмите Создать страницу.

    Откроется мастер создания страницы.

    1. Первый шаг, заполните поля формы.

      Поле Имя файла - это название файла в рамках [dwi include_physical_structure]физической (файловой)[/dwi] структуры сайта. По умолчанию формируется автоматически из поля Заголовок страницы, которое будет использоваться для [dwi include_logical_structure]логической структуры[/dwi] сайта. Если кликнуть по иконке , то автоматическое формирование файла отключится и название вводится вручную.

      В этом поле допускается кириллица, но запрещены спецсимволы: \ / ? * < > " '

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

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

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

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

    2. Второй шаг, задание пункта меню для страницы.

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

      • Поле Ключевые слова - ключевые слова страницы, необходимы для поисковых систем (Google, Yandex и других).
      • Поле Теги - теги для поиска страницы. Функция активна при установленном флажке правее поля.
      • Поле Заголовок окна браузера - то, что будет написано на закладке браузера.
      • Поля Продвигаемые слова и ROBOTS нужны для поисковых систем. Их заполняем в том случае, если точно знаем, что там нужно писать.

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

    4. Четвертый шаг - Наполнение страницы содержанием.

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

    Создание страницы по шаблону

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


    Документация по теме:



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

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


    Все шаги по созданию раздела идентичны созданию страницы.

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


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

    Избавиться от ненужного

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


    Два простых шага

    Для удаления страницы:

    1. Воспользуйтесь командой Удалить страницу:

    2. В окне подтверждения выберите Удалить страницу:

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


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

    Удаление разделов легче всего реализовать с помощью [dw]кнопки Структура[/dw][di]Кнопка Структура - удобный и практичный инструмент для наглядного представления всей структуры сайта без перехода в административный раздел. Кнопка позволяет выполнять управление структурой. Подробнее...[/di].


    Важно запомнить!

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

    Средства навигации - меню, карта сайта, цепочка навигации

    Что такое система навигации сайта?

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

    В "1С-Битрикс: Управление сайтом" к средствам навигации относятся: меню, навигационная цепочка, карта сайта.

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

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

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

    В этой главе мы рассмотрим, что может сделать контент-менеджер, чтобы посетитель легко ориентировался на сайте. А сделать он может довольно много! Но если всё-таки в ТЗ прописаны какие-то сложные нестандартные требования, то следует привлечь разработчика. В CMS Битрикс можно реализовать всё, но кое-что - только при условии достаточной подготовки и изучения курса Разработчик Bitrix Framework.


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

    Это может вам пригодиться для более полного понимания возможностей "1С-Битрикс: Управление сайтом":

    Меню

    Меню на любой вкус

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

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



    Поговорим подробнее о видах и типах меню, их построении и показе.

    Виды меню: статическое и динамическое

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

    Оба вида информации могут размещаться на одной физической странице.

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

    Какое меню вы будете создавать, зависит от ваших целей, того, что вы хотите в нём видеть.

    Если вы хотите получить меню, из которого можно переходить в разделы или на страницы сайта - делайте статическое. Добавьте в меню названия разделов и страниц, пропишите ссылки на соответствующие файлы и папки из физической [dwi include_logical_structure]структуры[/dwi] сайта - и всё. Это очень просто и является несомненным плюсом статического меню.

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

    stat_menu.png

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

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

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

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

    din_menu.png

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

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

    Типы меню: верхнее, левое и другие

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

    А для поклонников оригинальности и креативности в системе не ограничивается число типов меню. Вы можете создать свой собственный тип меню в административном разделе на странице настроек модуля Управление структурой (Настройки > Настройки продукта > Настройки модулей > Управление структурой).

    menu_types.jpg

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

    Тип меню, заданный в настройках модуля Управления структурой, будет использован в названии файла с [dwi include_component_template]шаблоном меню[/dwi] (например, top.menu_template.php), а также для определения файлов с пунктами меню (например, .top.menu.php). Кроме того, имя типа меню используется для подключения меню в [dwi include_site_template]шаблоне дизайна[/dwi].

    Компоненты в публичной части и файлы в структуре

    Для вывода меню используется [dwi include_component]компонент[/dwi] Меню (bitrix:menu). Его можно настроить как на работу с файлами и папками, так и на инфоблок. Также можно легко изменить внешний вид представления информации, выбрав другой шаблон в настройках компонента.

    Для динамического чаще всего используется Пункты меню (bitrix:menu.sections). Но вообще говоря, для динамического меню можно использовать и некоторые другие компоненты, работающие с инфоблоками, например, Каталог bitrix:catalog, Новости bitrix:news и др.

    В административном разделе каждому меню соответствует свой файл. Он должен быть размещен в папке раздела. Для статического меню он имеет название .тип_меню.menu.php. (однако в Менеджере файлов имя файла данных автоматически представляется в виде ссылки Меню типа "тип_меню"), а для динамического - .тип_меню.menu_ext.php.



    name_files.jpg



    Посмотрите видеоролик, где подробно показана разница между статическим и динамическим меню на нашем демо-сайте:



    Наследование меню

    Важно понять и запомнить: меню в системе является наследуемым.

    Что это означает на практике?

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

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

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

    Например: посетитель находится в разделе /ru/company/vakansii/. Для показа меню типа left файл меню будет искаться в следующей последовательности:

    1. /ru/company/vakansii/
    2. /ru/company/
    3. /ru/
    4. /

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

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

    Статическое меню заменяет статическое, а динамическое (основанное на инфоблоке) может быть заменено только динамическим.

    Есть еще вариант применять для каждого раздела свой шаблон дизайна или прописать эту смену в шаблоне сайта, но для контент-менеджера это нетривиальная задача, поэтому лучше оставить её php-программистам. Для разработчиков наиболее подробная информация о меню дается в курсе Разработчик Bitrix Framework.

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

    В следующих уроках мы изменим основное меню и создадим собственные меню разделов - статическое и динамическое.

    Заключение

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


    Документация по теме:



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

    Еще раз о разнице между статическим и динамическим меню


    Давайте повторим - статическая информация это папки (разделы) и файлы (страницы) в структуре сайта, динамическая информация - это [dwi include_iblock]инфоблоки[/dwi].

    Значит, статическое меню:

    • Использует файлы и папки из структуры сайта
    • Пункты доступны для редактирования
    • Файл .тип_меню.menu_ext.php не подключается

    А динамическое меню:

    • Основано на инфоблоке
    • Его пункты не видны при редактировании
    • В настройках [dwi include_component]компонента[/dwi] указано использование файла .тип_меню.menu_ext.php

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

    Создаем статическое меню

    Разместим на нашем демо-сайте статическое меню:

    • создаем новый раздел Мода
    • в административном разделе в папке moda создаем пустой файл .left.menu_ext.php, чтобы основное динамическое меню не показывалось в нашем разделе
    • в разделе Мода создаем и наполняем содержимым несколько страниц
    • статическое меню формируется автоматически, если при создании страниц будет отмечена опция "Добавить пункт меню"
    • отключаем использование [dw]кеша[/dw][di]Кеш - это некое хранилище для ускорения просмотра информации на сайте. Когда пользователь просматривает информацию на сайте, то она не всегда запрашивается из базы данных, а берется из кеша.[/di] для того, чтобы компонент меню обновлялся сразу при изменении данных.
    Подробнее о кешировании компонентов и меню написано в отдельном уроке курса Администратор.Базовый.

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



    Создаем динамическое меню

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

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





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

      Эти действия подробно показаны в видеоролике:






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

    5. Потребуется внести изменения в код. Будьте внимательны и аккуратны!

      Документация по теме:



      Карта сайта

      Карта сайта служит двум главным целям

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

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

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

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



      Для создания карты сайта в "1С-Битрикс: Управление сайтом" есть специальный компонент Карта сайта (bitrix:main.map). В визуальном редакторе он расположен по пути Контент > Карта сайта . Просто создайте отдельную страницу, разместите на ней компонент

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

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

      Подробно настройка параметров компонента Карта сайта (bitrix:main.map) описана в курсе Разработчик Bitrix Framework.


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

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


      В результате карта сайта будет выглядеть так:

      site_map2.png

      Заключение

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


      Цепочка навигации

      Цепочка навигации: как не потеряться на сайте

      Сайты зачастую обладают сложной структурой и несколькими уровнями вложенности. Не потеряться на таком сайте поможет [dwi include_breadcrumbs]цепочка навигации[/dwi]. Она помогает посетителю легко ориентироваться на сайте: быстро вернуться на главную страницу сайта или перейти на уровень выше, то есть перейти из подраздела в раздел.

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

      Навигационная цепочка подключается с помощью компонента [dw]Навигационная цепочка (bitrix:breadcrumb)[/dw][di]Компонент выводит навигационную цепочку в шаблоне. Настройки этого компонента позволяют регулировать уровень вложенности разделов и т.п. Подробнее... [/di]. Чтобы цепочка навигации по умолчанию выводилась на всех страницах сайта, ее обычно подключают в шаблоне дизайна сайта. Эту операцию выполняют разработчики сайта при его создании. Об управлении шаблоном навигационной цепочки подробно рассказывается в курсе Разработчик Bitrix Framework.

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

      В цепочке отображаются те имена страниц, которые заданы в поле Заголовок в [dw]свойствах страницы[/dw][di]Свойства страницы включают в себя заголовок, описание страницы, ключевые слова и т.п. Подробнее...[/di]. Если речь идет об элементах инфоблока, то используется поле [dw]Название[/dw][di][/di].

      Изменить свойства страницы можно с помощью пункта [dw]Изменить раздел[/dw][di][/di] на панели управления. В открывшейся форме нас интересует поле Заголовок:

      Просто измените название на нужное вам и после сохранения оно появится в цепочке навигации.

      Примечание: некоторые компоненты могут самостоятельно изменять навигационную цепочку, к примеру добавлять в нее заголовок текущей новости или название товара. Для использования своего заголовка отключите опции Устанавливать заголовок страницы и Включать раздел в цепочку навигации в [dw]настройках компонента[/dw][di][/di].


      Заключение

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


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

      [dw]Медиабиблиотека[/dw][di]Медиабиблиотека расположена в административной части сайта:
      Контент > Структура сайта > Медиабиблиотека[/di] - удобное хранилище для [dw]медиафайлов[/dw][di]Изображения, презентации, аудиофайлы, видео.[/di] в системе "1С-Битрикс: Управление сайтом".

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

      Медиабиблиотека позволяет:

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

      Все эти возможности мы рассмотрим на примере заполнения страницы О компании с помощью медиабиблиотеки.


      Предварительная настройка

      Сделать в первую очередь

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

      Для начала нам нужно включить использование Медиабиблиотеки в настройках модуля [dw]Управление структурой[/dw][di]Настройки > Настройки продукта > Настройки модулей > Управление структурой > Вкладка Медиабиблиотека[/di]:

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

      • Размеры картинок предпросмотра - определяет размер изображения в [dw]списке[/dw][di][/di];
      • Другие разрешенные расширения медиафайлов - список форматов файлов, которые можно будет загружать в библиотеку;
      • Максимальный размер изображений - предельный допустимый размер изображения;
      • Использовать медиабиблиотеку по умолчанию - если задать эту опцию, то для выбора любых медиафайлов в системе по умолчанию будет использована библиотека.

      К блоку Типы содержимого мы вернемся чуть [dw]позже[/dw][di]Создание новых типов коллекций рассматривается в этом уроке.[/di]. В нем задается группировка форматов файлов по типу (изображения, видео, аудио).


      Коллекции

      Коллекции и доступ к ним

      Следующий этап работы с медиабиблиотекой - создание ее структуры и распределение прав доступа.


      Создание коллекций

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

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

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

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

      Сохраним коллекцию, после этого она появится в [dw]списке[/dw][di][/di]. Перейдем в Видео и аналогично создадим коллекцию для видеофайлов.


      Типы коллекций

      Иногда стандартных [dw]трех типов[/dw][di]Изображения, Аудио и Видео - системные типы коллекций. Тип Изображения является основным и не может быть удалён.[/di] коллекций бывает недостаточно. К примеру, мы хотим использовать в нашем примере документы в текстовом формате. Давайте создадим новый тип коллекций. Воспользуемся кнопкой [dw]Настроить типы[/dw][di][/di]. В открывшейся форме настроек в самом низу нажмем кнопку Добавить и заполним информацию о новом типе:

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


      Настройка доступа

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

      Для настройки прав доступа воспользуйтесь кнопкой [dw]Доступ[/dw][di][/di].

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

      Заключение

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


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

      Наполняем содержанием

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

      Как добавить файл в коллекцию

      Добавим видеофайл в созданную ранее коллекцию:

      • Нажмем кнопку [dw]Новый элемент[/dw][di][/di] на контекстной панели библиотеки или выберем пункт [dw]Добавить элемент[/dw][di][/di] в меню коллекции.
      • Откроется форма загрузки файла:
      • Нажмите кнопку Обзор для загрузки файла с локального компьютера или кнопку Выбрать из структуры для выбора файла из структуры сайта.
      • Зададим название, описание и ключевые слова для нового элемента.
      • Выберем коллекцию, в которые будет добавлен новый элемент. В нашем случае это Видео для сайта.
      • Нажмем кнопку Сохранить. Элемент будет добавлен в библиотеку. Если расширение загружаемого файла не совпадает с указанными в настройках коллекции, то система выдаст ошибку о невозможности загрузить файл.

      Как добавить сразу несколько файлов

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

      • Нажмем на кнопку [dw]Множественная загрузка[/dw][di][/di] на контекстной панели библиотеки. Откроется страница загрузки:
      • Выберем из списка коллекцию Изображения для сайта.
      • Добавим элементы простым перетаскиванием или с помощью кнопки Загрузить.

      Параметры элементов

      После добавления элементов откроется страница Параметры загруженных элементов:

      Мы видим список добавленных элементов и можем отредактировать данные каждого из них. Заполним необходимую информацию и нажмем кнопку Сохранить. Готово, элементы [dw]добавлены[/dw][di][/di] в коллекцию.


      Заключение

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


      Работа с элементами коллекций

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


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

      При наведении курсора на элемент коллекции отображается [dw]контекстная панель[/dw][di][/di] данного элемента, позволяющая:

      • - перейти к [dw]детальному просмотру[/dw][di][/di] элемента;
      • - перейти к редактированию элемента;
      • - удалить элемент из коллекции.

      Как отредактировать элемент

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

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

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

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

      Заключение

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


      Поиск

      Поиск в медиабиблиотеке

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

      Поиск осуществляется по полям свойств элементов.

      Например, чтобы отобрать элементы, соответствующие теме отпуск, выполните следующее:

      • Введите в поле Поиск слово отпуск:
      • Нажмите кнопку Искать.
      • Результатом поиска станут элементы, в Названии, Описании или Ключевых словах которых присутствует слово отпуск:

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

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


      Примеры использования медиабиблиотеки


      Работа с медиабиблиотекой при редактировании страницы сайта

      Добавление изображения:

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

      • Заполните остальные поля формы.
      • Нажмите кнопку Сохранить.

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

      Размещение на странице компонента для проигрывания медиафайлов:

      • По кнопке Изменить перейдите к редактированию страницы сайта в визуальном редакторе.
      • Добавьте на страницу компонент Медиа проигрыватель (bitrix:player) (Контент > Медиа > Медиа проигрыватель).
      • В Параметрах компонента в поле Путь к файлу укажите расположение файла.
      • С помощью кнопки […] выберите нужный файл из Медиабиблиотеки:
      • Сохраните результаты редактирования страницы.

      Использование медиабиблиотеки при работе с информационными блоками

      В качестве примера рассмотрим добавление элементов каталога:

      • Добавьте новый элемент в Каталог книг (Контент > Каталог книг > Книги).
      • В открывшейся форме создания элемента перейдите на вкладку Подробно.
      • В строке Детальная картинка с помощью кнопки выберите команду Выбрать из медиабиблиотеки:
      • В открывшейся форме выберите нужное изображение. После этого в форме автоматически прописывается адрес выбранного файла.

      Проверьте себя

      Ответьте на несколько вопросов по теме Управление структурой, которые помогут вас самим оценить свои знания. Это не тест, это просто проверка того, как вы поняли тему. Удачи!

      Верно ли утверждение?

      Оцените верность утверждения: неверно или верно. А потом в спойлере проверьте ваш выбор.

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

      Верно

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

      Верно

      Неверно
      Количество типов меню ограничено тремя типами: верхнее, левое, нижнее.

      Верно

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

      Верно

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

      Верно

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

      Верно

      Неверно
      В медиабиблиотеке можно хранить только медиафайлы (картинки, видео, аудио).

      Верно

      Неверно


      Практические задания

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

      1. [dw]тестовой лаборатории[/dw][di][/di] предоставленной компанией 1С-Битрикс
      2. либо
      3. на установленной на локальный компьютер пробной версии 1С-Битрикс: Управление сайтом

      Первый вариант проще: Виртуальная лаборатория предполагает установку системы в упрощённом, в отличие от локальной версии 1С-Битрикс: Управление сайтом, варианте. При такой установке для получения идентичного изображения у пользователя и на скриншотах заданий выберите на шаге Решение для установки: [dw]Интернет-магазин[/dw][di][/di]. На остальных шагах менять установки по умолчанию не нужно.

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

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

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

      Практические задания

      1. В практических заданиях к главе "Информация на сайте" мы изменили доступ к странице "Кто мы?". Верните прежние права доступа к этой странице с помощью кнопки Структура.

        Решение

      2. Загрузите любой файл в папку /about в физической структуре сайта.

        Решение

      3. Создайте физическую страницу с названием Тест в папке "О магазине" с произвольным текстом. Добавьте её в нижнее существующее меню самым последним пунктом.

        Решение


      Визуальный редактор

      В любой работе важен хороший инструмент. И работа с веб-сайтами не исключение. "1С-Битрикс: Управление сайтом" обладает мощным встроенным [dw]WYSIWYG[/dw][di]WYSIWYG (произносится как «ви-зи-виг», от англ. What You See Is What You Get — «что видишь, то и получишь») — свойство программ или веб-интерфейсов, в которых содержание отображается в процессе редактирования и выглядит максимально близко похожим на конечную продукцию. То есть вы вносите изменения и сразу видите результат. В настоящее время для подобных программ также широко используется понятие «визуальный редактор».[/di] редактором для работы со страницами сайта. Благодаря визуальному редактору мы прямо в браузере выполняем многие операции: от простого редактирования текста до настройки компонентов. По сути, с помощью визуального редактора мы способны редактировать любую информацию на сайте.

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

      • работа с текстом;
      • работа с графикой и видео;
      • работа с компонентами и сниппетами.

      Уточним, что редактор работает во всех современных браузерах:

      • Internet Explorer версии 11;
      • Firefox версии 3.x и выше;
      • Opera версии 12.x и выше;
      • Safari версии 5 и выше;
      • Google Chrome версии 7 и выше.

      Важно запомнить!

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

      1. его использование [dw]запрещено[/dw][di][/di] администратором сайта,
      2. в форме редактирования [dw]включён иной режим[/dw][di][/di] работы с текстом.

      Где используется визуальный редактор

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

      • Для редактирования страниц - например, когда нам нужно просто поменять [dw]статический[/dw][di]Статическая информация - это информация, которая редко меняется с течением времени. Например, рекламные тексты, история компании, контактная информация. Статическая информация создается и редактируется вручную. Подробнее...[/di] текст на странице.
      • Для редактирования текстовых описаний - например, для изменения описания товара или редактирования новости.

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

      Предположим, нам нужно отредактировать информацию страницы [dw]О магазине[/dw][di]Нажмите на рисунок, чтобы увеличить[/di].

      На [dwi include_control_panel]панели управления[/dwi] нажмем кнопку [dw]Изменить страницу[/dw][di][/di]. Это действие откроет страницу в редакторе:

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

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

      Также мы можем перейти к редактированию страницы в административном разделе с помощью опции [dw]Изменить страницу в панели управления[/dw][di][/di]. Окно редактора в этом случае будет выглядеть аналогично.


      Редактирование текстовых описаний

      Рассмотрим вторую ситуацию. Предположим, нам необходимо изменить описание товара. В [dw]режиме Правки[/dw][di]Режим Правка - специальный режим работы "1С-Битрикс: Управление сайтом", в котором происходит изменение информации на сайте.

      Подробнее...[/di] наведем мышь на нужный нам товар и выберем [dw]Изменить товар[/dw][di][/di]. Откроется форма редактирования. В ней нас интересует вкладка Подробно и пункт Визуальный редактор. Мы опять видим окно редактора, которое на этот раз содержит подробное описание товара:

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

      Заключение

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

      Внешний вид редактора

      В предыдущем уроке мы узнали где в системе "1С-Битрикс: Управление сайтом" используется визуальный редактор. Во всех этих случаях внешний вид редактора остается неизменным.

      Давайте разберем внешний вид редактора и его панели подробнее.

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

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

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

      3 - рабочая область. Это непосредственно зона для редактирования.

      4 - панель компонентов и сниппетов.

      5 - панель навигации.

      Теперь разберемся для чего нужна каждая панель.


      Панель инструментов

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

      Описание кнопок:


      Панель переключения режимов редактирования

      Визуальный редактор может работать в двух режимах. Визуальный режим - более простой и интиутивно понятный вариант. Мы сразу видим как будут выглядеть элементы на странице. Второй вариант - режим исходного кода. Он предназначен для опытных пользователей и позволяет произвести дополнительную настройку (например, задать значения параметров). Также существует совмещенный режим - экран делится на [dw]две части[/dw][di][/di] для визуального режима и режима кода.

      Соответственно на панели мы видим кнопки для переключения между этими режимами:

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

      Панель компонентов и сниппетов

      [dwi include_component]Компоненты[/dwi] - это своеобразный блок из конструктора LEGO. И из этих блоков мы "выстраиваем" публичную часть сайта.

      Обратите внимание, что при работе с информационными блоками панель Компоненты не отображается.

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

      Пример работы со сниппетами

      Панель навигации по элементам и сущностям

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


      Заключение

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


      Как работать с текстом

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

      В этой главе мы рассмотрим:

      • Как отформатировать текст, выровнять его, изменить цвет, шрифт и многое другое;
      • Как настроить автоматическую проверку орфографии;
      • Как работать с таблицами в редакторе;
      • Как добавить спецсимволы, ссылки или текст из MS Word.

      Форматирование текста

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

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

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

      • 1 - заголовки и шрифт.
      • 2 - изменение написания текста.
      • 3 - списки и выравнивание текста.
      • 4 - инструменты для работы со ссылками, картинками и видео, таблицами и стилями шаблона.
      • 5 - дополнительные инструменты.

      Разберем их по отдельности.


      Работа с шрифтом и заголовками

      С помощью выпадающего списка [dw]Стиль[/dw][di][/di] мы задаем стиль текста. Список предлагает нам:

      • Заголовок 1-6 - Шесть вариантов заголовка, от самого большого к самому маленькому. Эти стили соответствуют html-коду ≺h1≻-≺h6≻.
      • Буквица - крупная первая [dw]буква[/dw][di][/di] главы или раздела.
      • Цитата - выделение текста в форме [dw]цитаты[/dw][di][/di].
      • Выделенный текст - задать цвет фона текста.
      • Текстовый блок - создать блок на всю ширину страницы с выбранным фоном.
      • Текстовый блок с иконкой - создать блок на всю ширину с иконкой.
      • Абзац - абзац текста, соответствует html-коду ≺p≻.
      • Блок - блок текста, соответствует html-коду ≺div≻.

      Следующие два выпадающих списка позволяют выбрать [dw]шрифт[/dw][di][/di] и размер шрифта.


      Изменение написания текста

      Далее располагаются кнопки для изменения написания текста:

      • - Жирный текст
      • - Курсив
      • - Подчеркнутый текст
      • - Зачеркнутый текст
      • - Удалить форматирование - удалить все форматирование выделенного текста.
      • - Цвет текста и фона - [dw]выбор цвета[/dw][di][/di] отдельно для текста и для фона.

      Каждому варианту [dw]соответствует[/dw][di]
      Кнопка Текст Теги
      Жирный <b>Жирный</b>
      Курсив <i>Курсив</i>
      Подчеркнутый <u>Подчеркнутый</u>
      Зачеркнутый <del>Зачеркнутый</del>
      [/di] html-код. То есть с помощью таких тегов мы бы изменяли написание, если бы писали код вручную.


      Списки и выравнивание текста

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

      В редакторе мы можем создавать два вида списков: [dw]нумерованный[/dw][di]Cоответствует html-коду ≺ol≻ - ≺/ol≻[/di] и [dw]маркированный[/dw][di]Cоответствует html-коду ≺ul≻ - ≺/ul≻[/di]. Нумерованный список создается с помощью кнопки и выглядит так:

      1. первый
      2. второй
      3. третий

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

      • первый
      • второй
      • третий

      Кнопки и служат для увеличения и уменьшения отступа от края.

      Кнопка позволяет задать выравнивание текста:

      • По левому краю.
      • По центру.
      • По правому краю.
      • По ширине.

      Работа со ссылками, медиа, таблицами и стилями.

      Следующая группа элементов содержит инструменты для работы со ссылками, картинками и видео, таблицами и стилями шаблона:

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

      Для хранения информации о внешнем виде страницы используются [dw]каскадные таблицы стилей (CSS)[/dw][di]CSS (Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.[/di]. Выпадающий список позволяет нам выбрать какая таблица стилей будет применена к текущей странице.

      Обратите внимание, что мы не меняем [dw]шаблон[/dw][di]Шаблон дизайна - программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту - администратором, реже - контент-менеджером. Подробнее...[/di] (это делается в настройках сайта), а всего лишь выбираем таблицы стилей.

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


      Дополнительно

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

      • - Вставить специальный символ.

        Иногда нам нужно вставить в текст специальный символ. Нажмите на эту кнопку и откроется [dw]таблица[/dw][di][/di] часто используемых символов. Если среди них нет нужного вам - нажмите кнопку Другой спецсимвол. Откроется полная [dw]таблица[/dw][di][/di] спецсимволов, нажмите на символ и он появится на странице.

      • - Вставить разрыв страницы для печати.

        Эта кнопка позволяет [dw]разбить[/dw][di][/di] одну страницу при печати на несколько страниц.

      • - Вставить разделитель страниц.

        Позволяет вставить [dw]разрыв страницы[/dw][di][/di] в нужном месте. После чего статья будет показана несколькими страницами с [dw]кнопками перехода[/dw][di][/di].

        Примечание: Эта кнопка работает только при редактировании инфоблоков.

      • - Проверка орфографии.

        Визуальный редактор позволяет автоматически проверять введенный текст на ошибки. Некоторые браузеры (например Mozilla) обладают встроенной системой проверки орфографии. Система "1С-Битрикс: Управление сайтом" для этой функции использует библиотеку pSpell. Установить эту библиотеку может администратор сайта. Если расширение не установлено, то при попытке проверки орфографии будет выдана [dw]ошибка[/dw][di][/di].

        Если расширение pSpell установлено и работает, то при нажатии на кнопку Проверка орфографии откроется [dw]окно настроек[/dw][di][/di].

      • - Вставить горизонтальный разделитель.

        Вставляет [dw]горизонтальную полосу[/dw][di]Соответствует html-коду ≺hr≻[/di].

      • - Нижний индекс.

        Добавляет к тексту нижний индекс.

      • - Верхний индекс.

        Добавляет к тексту верхний индекс.


      Заключение

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


      Как работать с таблицами

      Таблицы: создание и правка

      Визуальный редактор "1С-Битрикс: Управление сайтом" позволяет легко и наглядно создавать и редактировать таблицы без использования [dw]HTML[/dw][di]HTML - технические коды, обеспечивающие различное отображение информации. Самый простой пример: выделить текст жирным шрифтом или с подчёркиванием.
      Знание и умение применять эти коды - не обязательное, но желательное умение для Контент-менеджера.[/di]-кода. Давайте рассмотрим процесс создания и редактирования таблицы.


      Как создать таблицу?

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

      Появится [dw]поле[/dw][di][/di], на котором вы мышью выделяете необходимое количество строк и столбцов.

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

      Разберем поля формы:

      • Строки/столбцы - количество строк и столбцов в создаваемой таблице.
      • Ширина/высота - размер таблицы в пикселях (можно также задать размеры в процентах, используя знак %).
      • Заголовки - расположение заголовка таблицы (верхняя строка, левая колонка, и сверху и слева).
      • Граница - толщина границы таблицы в пикселях.
      • Внешний/внутренний отступ ячеек - отступы внутри и снаружи ячейки в пикселях.
      • Выравнивание - выравнивание таблицы на странице (слева, по центру, справа).

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


      Как отредактировать таблицу?

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

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

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

      Это удобно для редактирования отдельных элементов таблицы (элементы представлены в виде html-тегов). Просто нажмите на нужный элемент и выберите пункт Свойства.


      Заключение

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


      Как работать со ссылками

      Задаём ссылки

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

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

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

        Редактор предусматривает создание четырех видов ссылок:

        • На документ на сервере;
        • На другой сайт;
        • Внутри данного документа;
        • На электронный адрес.

        Поговорим о каждом варианте по отдельности.

      Ссылка на документ на сервере

      Предположим мы хотим разместить на странице ссылку на текстовый файл или таблицу. Этот файл должен быть заранее [dw]загружен на сервер[/dw][di]Мы разбирали процесс загрузки файла на сервер в отдельном уроке[/di].

      1. Нажмите кнопку создать ссылку - ;
      2. В поле тип выберите На документ на сервере;
      3. В поле адрес укажите прямую ссылку на требуемый документ. Также вы можете [dw]выбрать файл[/dw][di][/di] в структуре сайта или медиабиблиотеке;
      4. При необходимости задайте дополнительные параметры.

      Ссылка на другой сайт

      Что если нам необходимо разместить на странице ссылку на другой сайт?

      1. Нажмите кнопку создать ссылку - ;
      2. В поле тип выберите На другой сайт. Форма настроек изменит свой вид;
      3. Выберите нужный [dw]протокол[/dw][di]Сетевой протокол — набор правил и действий (очерёдности действий), позволяющий осуществлять соединение и обмен данными между двумя и более включёнными в сеть устройствами.[/di] (в большинстве случаев используется вариант по умолчанию - http://), а в поле Адрес сайта введите название сайта;
      4. При необходимости задайте дополнительные параметры.

      Ссылка внутри документа (якорь)

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

      1. Сначала создайте якорь в нужном месте страницы с помощью кнопки на панели инструментов. Дайте якорю смысловое название.
      2. Нажмите кнопку создать ссылку - ;
      3. В поле тип выберите Внутри данного документа;
      4. Задайте текст ссылки и в поле Закладка (якорь) выберите якорь, который вы создали ранее;
      5. При необходимости задайте дополнительные параметры;
      6. Повторите операции для создания нескольких якорей.

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

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

      1. Нажмите кнопку создать ссылку - ;
      2. В поле тип выберите Электронный адрес. Форма изменит свой вид, появится поле e-mail;
      3. Задайте текст ссылки и в поле e-mail укажите почтовый ящик, на который будут приходить письма;
      4. При необходимости задайте дополнительные параметры;

      Заключение

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


      Настройки редактора и вставка текста

      Как настроить вставку текста

      В работе контент-менеджера возникают ситуации, когда необходимо вставить на страницу текст из другого места. Как правило, это текст из MS Word. Такой текст часто обладает собственным форматированием и его вставка может нарушить внешний вид страницы вашего сайта. Визуальный редактор "1С-Битрикс: Управление сайтом" обладает возможностью настроить вставку текста - выбрать какие стили оставить, а какие удалить. Эта настройка выполняется с помощью кнопки Настройки в правой части панели инструментов:

      Появится окно, в котором вы можете задать очистку текста при вставке:

      Например, если отметить все опции очистки, то редактор полностью удалит форматирование исходного текста:

      Обратите внимание, что в форме настроек вы также можете включить или выключить панель [dw]сниппетов[/dw][di]Сниппет - это заранее подготовленный фрагмент текста или кода, этакие заготовки. Предположим, что вам каждый день приходится вставлять на страницы сайта одну и ту же таблицу или форму. Вы можете сохранить эту таблицу в сниппетах и затем простым перетаскиванием размещать ее в нужном месте. Подробнее.. [/di].


      Как работать с картинками и видео

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

      • Загрузить на сайт картинку и разместить ее на странице;
      • Загрузить и разместить видео файл.

      Как загрузить и разместить изображение

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

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

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

      Давайте рассмотрим эти способы поподробнее.


      Адрес изображения

      Укажите путь к картинке на сервере или полный адрес изображения в сети. После ввода значения вы увидите "миниатюру" изображения, а так же сможете [dw]задать его размер[/dw][di][/di]. Размер может быть определен в пикселях или процентах. Обратите внимание, что современные шаблоны сайтов используют разные размеры изображения в зависимости от размера экрана. Такой шаблон называется [dw]адаптивным[/dw][di]Адаптивный веб-дизайн (англ. Adaptive Web Design) — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.[/di]. В этих случаях мы рекомендуем отмечать опцию [dw]Не указывать размер[/dw][di][/di];


      Выбор из медиабиблиотеки

      В предыдущих главах мы рассматривали работу с [dw]медиабиблиотекой[/dw][di]Медиабиблиотека - специальный инструмент для размещения и управления файлами: фотографиями, видео и другими. Используется для удобной и лёгкой сортировки по группам файлов определённого типа с дальнейшим применением на страницах сайта. Подробнее...[/di]. Если нужное нам изображение находится в медиабиблиотеке, то разместить его на странице достаточно просто.

      1. Нажмите кнопку размещения изображения на панели инструментов визуального редактора;
      2. Нажмите кнопку для перехода к выбору из медиабиблиотеки;
      3. Появится [dw]окно библиотеки[/dw][di][/di], выберите нужное изображение и нажмите кнопку Выбрать;
      4. Как и в предыдущем пункте вы увидите "миниатюру" изображения и сможете задать настройки размера.

      Выбор из структуры сайта

      Этот вариант используется, если изображение находится не в медиабиблиотеке, а уже [dw]загружено на сервер[/dw][di]Процесс загрузки файла на сервер мы рассматривали в отдельном уроке.[/di]. Также мы расскажем как загрузить изображение с вашего компьютера на сервер.

      1. Нажмите кнопку размещения изображения на панели инструментов визуального редактора;
      2. Нажмите на стрелку на кнопке и выберите пункт Выбрать из структуры сайта;
      3. Откроется встроенный менеджер файлов:

        В нижней части менеджера расположены две вкладки:

        • Открыть файл - вкладка для выбора файла, который уже расположен на сервере. Просто в файловой структуре вашего сайта выберите нужное изображение и нажмите кнопку Открыть. Обратите внимание, что для удобства вы можете выбрать [dw]вид менеджера[/dw][di][/di] - например, режим Предпросмотр позволяет сразу видеть миниатюру изображений, что облегчает поиск.
        • Загрузить файл - вкладка для загрузки файла с локального компьютера. Нажмите кнопку Обзор и выберите изображение для загрузки. При необходимости измените имя файла на сервере и опцию Открыть файл после загрузки.

      Заключение

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

      Как разместить видео

      Современные сайты часто содержат на страницах встроенные видеофайлы. Система "1С-Битрикс: Управление сайтом" позволяет использовать видео из [dw]Медиабиблиотеки[/dw][di]Медиабиблиотека - специальный инструмент для размещения и управления файлами: фотографиями, видео и другими. Используется для удобной и лёгкой сортировки по группам файлов определённого типа с дальнейшим применением на страницах сайта. Подробнее...[/di] и видео со стороних сервисов (таких как YouTube и RuTube).

      Простые шаги для размещения стороннего видео

      1. Нажмите кнопку Вставить видео на панели инструментов редактора:

      2. Появится простая [dw]форма настройки[/dw][di][/di]. Укажите ссылку на видеоролик в поле Источник видео.

      3. Появится окно предпросмотра видео и поля для задания названия и размера видео:

      4. Нажмите кнопку Сохранить и видео появится на странице.

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

      Если видеофайл расположен на сервере, то для его размещения используйте [dw]Медиапроигрыватель[/dw][di]Медиапроигрыватель - встроенный в систему плеер для воспроизведения аудио и видеофайлов. Подробнее...[/di].


      Проверьте себя

      Ответьте на несколько вопросов по теме Визуальный редактор, которые помогут вас самим оценить свои знания. Это не тест, это просто проверка того, как вы поняли тему. Удачи!

      Верно ли утверждение?

      Оцените верность утверждения: неверно или верно. А потом в спойлере проверьте ваш выбор

      Визуальные редакторы в Публичной части и в Административной - разные.

      Верно

      Неверно
      Визуальный редактор одинаков во всех формах редактирования.

      Верно

      Неверно
      Набор кнопок на панели одинаков вне зависимости от режима работы и настроек.

      Верно

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

      Верно

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

      Верно

      Неверно

      Практические задания

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

      1. [dw]тестовой лаборатории[/dw][di][/di] предоставленной компанией 1С-Битрикс
      2. либо
      3. на установленной на локальный компьютер пробной версии 1С-Битрикс: Управление сайтом

      Первый вариант проще: Виртуальная лаборатория предполагает установку системы в упрощённом, в отличие от локальной версии 1С-Битрикс: Управление сайтом, варианте. При такой установке для получения идентичного изображения у пользователя и на скриншотах заданий выберите на шаге Решение для установки: [dw]Интернет-магазин[/dw][di][/di]. На остальных шагах менять установки по умолчанию не нужно.

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

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

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

      1. Отредактируйте страницу Тест, созданную при выполнении заданий к главе "Управление структурой":
        1. Вставьте абзац произвольного текста и отформатируйте произвольные слова написанием шрифта: жирным, подчеркнуты, цветным.
        2. Добавьте заголовок текста в стиле Заголовок 3.
        3. Вставьте ещё одни абзац произвольного текста в текстовый блок с иконкой. Задайте в тексте ссылку на сайт http://1c-bitrix.ru/ с любого слова.
        4. Добавьте таблицу в 5 столбцов и 6 строк. Введите демоданные.
        5. Разместите на странице произвольное изображение, загруженное с локального компьютера.

        Решение

      2. Создайте сниппет и разместите его на странице. Код сниппета:
        <table cellspacing=0 cellpadding=0>       
          <tbody>
            <tr bgcolor="white">
            <td bgcolor="#8C8C8C">       
            <table cellspacing="1" cellpadding="5">          
                  <tbody>
                    <tr bgcolor="silver"><td colspan="2"><b>Заголовок таблицы</b> </td></tr>
                            
                    <tr bgcolor="white"> <td><b>1</b></td> <td>2</td> </tr>
                  
                    <tr bgcolor="#EEEEEE"> <td><b>3</b></td> <td>4</td> </tr>
                   </tbody>
                 </table>
                     </td></tr>
           </tbody>
        </table>

        Решение


      Компоненты: что это и как их использовать

      Предположим, вы хотите расположить на странице сайта список новостей. Новости хранятся в [dw]базе данных[/dw][di]База данных - часть вашего сайта, в которой хранится однородная информация. Недоступна для управления Контент-менеджером.[/di]. Но вы - не программист и не умеете обращаться к базе данных для получения информации. Компоненты облегчат вашу жизнь.

      Что такое компонент?

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

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

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

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

      Какие бывают компоненты?

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

      Комплексный компонент объединяет в себе логику простых компонентов и выполняет уже более широкий набор функций.

      Например, Вы хотите показать на сайте каталог товаров. Используйте комплексный компонент Каталог товаров и он автоматически создаст страницы для разделов (1) и отдельные страницы для каждого из товаров (2):

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

      Повторим еще раз:

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

      Так зачем нужны комплексные компоненты?

      Вы можете возразить - почему бы не использовать только простые компоненты? Какие же проблемы решают комплексные компоненты?

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

      Заключение

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


      Работа с компонентами

      Мы узнали, что такое [dw]компонент[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di] в теории. Давайте научимся работать с ними на практике. Мы разберем как разместить компонент на странице и настроить его.


      Как использовать компонент

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

      Где мне найти компоненты?

      Мы сказали, что в системе есть стандартный набор компонентов. Где же они находятся? На специальной панели в [dw]визуальном редакторе[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di], в которой компоненты разделены на группы (например - контент, общение, магазин). Строка поиска чуть ниже поможет вам найти компонент по названию.


      Как разместить компонент на странице?

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


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

      Что-то не получается

      • У меня нет панели компонентов в визуальном редакторе. Панель компонентов показана только для страниц со [dw]статической информацией[/dw][di]Статическая информация - это информация, которая редко меняется с течением времени. Например, рекламные тексты, история компании, контактная информация. Статическая информация создается и редактируется вручную. Подробнее...[/di]. При редактировании [dw]информационных блоков[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di] панель отсутствует. Также отображение панели компонентов задается с помощью настроек в административной части сайта (это задача администратора сайта).
      • Я разместил два комплексных компонента, а правильно работает только один из них. Все верно, работать будет только первый комплексный компонент.

      Заключение

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


      Как настроить компонент

      Мы разместили на странице [dw]компонент[/dw][di]Компонент - специальный элемент системы, предназначенный для вывода информации из Базы данных сайта. Подробнее...[/di], теперь приступим к настройке. Настройка выполняется двумя способами:

      • Из [dw]визуального редактора[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di];
      • Из [dw]публичной части[/dw][di]Публичный раздел - то, что видит посетитель сайта, но для контент-менеджера - это основное место работы . Подробнее...[/di] сайта.

      Как настроить компонент в визуальном редакторе?

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

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

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

      Откроется форма настройки:

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

      Подробнее о параметрах компонентов

      Как настроить компонент в публичной части сайта?

      1. В [dwi include_mode_edit]режиме правки[/dwi] наведите мышь на область компонента, появится панель настроек. Выберите пункт Редактировать параметры компонента. Откроется форма настройки, ее описание выше.

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

      2. В режиме правки дважды щелкните мышью на области компонента. Откроется форма настройки.

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

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

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

      • Копировать шаблон;
      • Редактировать шаблон;
      • Отключить компонент.

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


      Распространенные вопросы

      • Как определить какой компонент используется в конкретном месте страницы? В [dw]режиме Правки[/dw][di]Режим Правка - специальный режим работы "1С-Битрикс: Управление сайтом", в котором происходит изменение информации на сайте.

        Подробнее...[/di] наведите мышь на интересующую вас область страницы. Появится всплывающая панель, наведите мышь на [dw]"шестеренку"[/dw][di][/di] и вы увидите название компонента и информацию о нем.
      • Я не могу понять, для чего нужны все эти параметры и какие значения мне нужны. В системе множество компонентов и сотни параметров. Каждый параметр отвечает за отображение определенной части информации на странице. Не бойтесь обращаться к документации по интересующему вас компоненту. В ней дано подробное описание и назначение каждого параметра.

        Например, у вас на странице расположен компонент [dw]Корзина[/dw][di][/di] и вам не до конца понятны параметры этого компонента. Переходим в пользовательскую документацию, в поиске [dw]вводим[/dw][di][/di] название нужного нам компонента, выбираем первый результат и видим страницу с подробным объяснением каждого параметра.

      • В режиме правки я навожу мышь на область и появляется несколько панелей, какая из них мне нужна?

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

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

      Заключение

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


      Примеры работы с компонентами

      Как создать новостной раздел?

      В этом нам поможет комплексный компонент . Выполним несколько простых шагов:

      1. [dw]Создайте новую страницу[/dw][di][/di], которую мы будем использовать для отображения новостей (мы рассматривали создание страниц в предыдущих уроках);
      2. С помощью [dw]визуального редактора[/dw][di]Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее...[/di] разместите на странице компонент Новости (мы рассматривали размещение компонента в предыдущих уроках):

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

        Указываем тип [dw]инфоблока[/dw][di]Информационный блок - специальный инструмент "1С-Битрикс: Управление сайтом" с помощью которого заносится информация в Базу данных Подробнее...[/di] Новости и выбираем инфоблок, содержащий новости.

      4. На этом всё! Система автоматически создаст страницу со списком новостей:

        и страницу для каждой новости:

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

      Создание новостного раздела с помощью простых компонентов (для ознакомления)

      Заключение

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

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


      Проверьте себя

      Ответьте на несколько вопросов по теме Компоненты, которые помогут вас самим оценить свои знания. Это не тест, это просто проверка того, как вы поняли тему. Удачи!

      Верно ли утверждение?

      Оцените верность утверждения: неверно или верно. А потом в спойлере проверьте ваш выбор.

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

      Верно

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

      Верно

      Неверно
      Если в визуальном редакторе нет панели компонентов, то вы редактируете элемент инфоблока.

      Верно

      Неверно

      Простой компонент создаёт одну виртуальную страницу, комплексный - целый виртуальный раздел.

      Верно

      Неверно
      Компонент требует настройки. Часто это настройка на какой-то инфоблок.

      Верно

      Неверно
      Для быстрого отключения вывода данных каким-то компонентом просто удалите компонент.

      Верно

      Неверно

      Практические задания

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

      1. [dw]тестовой лаборатории[/dw][di][/di] предоставленной компанией 1С-Битрикс
      2. либо
      3. на установленной на локальный компьютер пробной версии 1С-Битрикс: Управление сайтом

      Первый вариант проще: Виртуальная лаборатория предполагает установку системы в упрощённом, в отличие от локальной версии 1С-Битрикс: Управление сайтом, варианте. При такой установке для получения идентичного изображения у пользователя и на скриншотах заданий выберите на шаге Решение для установки: [dw]Интернет-магазин[/dw][di][/di]. На остальных шагах менять установки по умолчанию не нужно.

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

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

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

      Практические задания

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

        Решение

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

        Решение


      Информационные блоки

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

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

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

      Документация по теме:


      Что такое информационные блоки

      Из предыдущих уроков вам уже известно, что на сайте может быть представлено 2 вида информации: [dwi include_static_info]статическая[/dwi] и [dwi include_dinamic_info]динамическая[/dwi]. Для управления динамической информацией, например, статьями, товарами в «1С-Битрикс: Управление сайтом» есть специальные сущности под названием информационные блоки (сокращенно "инфоблоки"). Они не только облегчают работу, но и сокращают время на создание, обновление материалов.

      Давайте разберемся, что же такое инфоблоки.

      Начнем с того, что Инфоблоки - это целый [dwi include_module]модуль[/dwi] в системе «1С-Битрикс: Управление сайтом». Доступен во всех редакциях и предназначен для управления именно однородной информацией, т.е. такой информацией, которая схожа по своей структуре.

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

      Отсюда видно, что новости удобно хранить в инфоблоке, поскольку они создаются и показываются на сайте по аналогии друг с другом. Но учтите, что инфоблоки самостоятельно не умеют «показывать» на сайте данные из таблиц, вам следует использовать [dwi include_component]компоненты[/dwi] (это мы рассмотрим позже).

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

      Заключение

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


      Как устроены инфоблоки

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

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

      • В административном меню нажмите Контент. Записи 1 - это типы инфоблоков. Раскройте некоторый тип и вы увидите инфоблоки 2 выбранного типа:

      • Кликнете по названию инфоблока. Возможны 2 ситуации:
        • Откроется сразу список [dw]элементов[/dw][di][/di]. В этом случае инфоблок не имеет разделов и подразделов, т.е. имеет простую одноуровневую структуру.

          Элемент - это непосредственно сама информация, которую мы размещаем в инфоблоках (товары, фотографии, статьи, справочники и т.д.).
        • Откроется список [dw]разделов[/dw][di][/di], когда инфоблок имеет многоуровневую структуру. В таком случае [dw]элементы[/dw][di][/di] открываются кликом по разделу.

          Раздел - это логическая единица для группировки элементов.

      Важные особенности инфоблоков

      Инфоблоки позволяют создавать [dw]иерархическую структуру вложенности[/dw][di] [/di]:

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

      Заключение

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



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

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


      1. Внимательное продумывание структуры инфоблоков.

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

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

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

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

      Пример схемы структуры инфоблоков

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

      Типы инфоблоков

      Вам предстоит работа с новым видом информации? Создайте под него свой тип инфоблоков:

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

      • В административном разделе сайта откройте страницу Типы информационных блоков (Контент > Инфоблоки > Типы инфоблоков).
      • Нажмите кнопку Добавить новый тип. Откроется форма [dw]создания типа инфоблоков[/dw][di][/di].
      • В поле Идентификатор введите латинскими буквами краткое название для вашего типа.
      • Поставьте флаг Использовать древовидный классификатор элементов по разделам, чтобы в инфоблоках этого нового типа можно было создавать разделы. Если вам нужны простые инфоблоки без разделов, то флаг не ставьте.
      • Укажите название типа для разных языков интерфейса в поле Название. Также вы можете переопределить слова Разделы и Элементы, например, на Группы товаров и Товары.
      • На этом настройку нового типа можно закончить - нажмите кнопку Сохранить (пока для нового типа не создан ни один инфоблок, этот тип не будет отображаться в разделе Контент).

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

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

      Пример создания типа инфоблоков

      Заключение

      Создание типа инфоблоков выполняется очень просто. Указывается только идентификатор, название и определяется использование разделов. Научитесь теперь создавать и настраивать инфоблок.

      Документация по теме:



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

      Как добавить новый инфоблок?

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

      • Откройте страницу Контент 1 > Инфоблоки 2 > Типы инфоблоков 3 > название_типа 4, где вместо название_типа у вас отображается реальное название нужного типа инфоблоков.
      • Нажмите кнопку Добавить инфоблок 5.
      • Заполните поля формы редактирования инфоблока.

      Как отредактировать параметры инфоблока?

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

      • Откройте страницу Контент 1 > Инфоблоки 2 > Типы инфоблоков 3 > название_типа 4 > название_инфоблока 5, где вместо название_типа и название_инфоблока у вас отображаются реальные названия нужного типа и самого инфоблока.
      • Измените данные в форме редактирования инфоблока 6.

      Форма редактирования параметров инфоблока

      Форма создания/редактирования параметров инфоблока состоит из закладок:

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

      • Инфоблок - содержит настройки общих параметров информационного блока. Подробную информацию по заполнению полей данной закладки читайте в уроке Основные настройки.
      • SEO - служит для настройки шаблонов SEO данных сразу целиком для всех разделов и элементов инфоблока. Подробности в уроке Настройка SEO данных в инфоблоке.
      • Поля и Поля разделов - закладки, которые позволяют задать предустановленные данные для полей форм элементов и разделов инфоблока. Выполненные настройки на этих закладках очень облегчают работу контент-менеджеров по наполнению инфоблока материалами.
      • Свойства - содержит список свойств (собственных полей) для элементов инфоблока. О работе со свойствами читайте в уроке Свойства элементов.
      • RSS - содержит параметры выгрузки данных в RSS. Закладка не отображается, если не отмечена опция [dw]Использовать экспорт в RSS[/dw][di][/di] в настройках типа инфоблока. Подробнее о настройках данной закладки смотрите в документации по продукту.
      • Торговый каталог - параметры закладки настраиваются только в том случае, если инфоблок необходимо настроить на работу в режиме торгового каталога. Дальнейшую работу с разделами, элементами и свойствами инфоблока рекомендуется вести в разделе [dw]Магазин[/dw][di][/di].
      • Доступ - задание прав на доступ к данному инфоблоку. Помните про следующую особенность системы: даже если задан доступ к странице, на которой выводятся материалы инфоблока, но не задан доступ к материалам инфоблока, то посетитель не увидит информацию на сайте.
      • Подписи - позволяет задать новые заголовки объектов инфоблока.
      • Шаблоны бизнес-процессов - доступна только при наличии в системе модуля Бизнес-процессы и при выборе на закладке Инфоблок в выпадающем списке Участвует в документообороте или бизнес процессах значения бизнес процессы. Подробнее о бизнес-процессах читайте в специальном учебном курсе.
      • Журнал изменений - выбираются параметры, которые нужно контролировать с помощью одноименного компонента.

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

      Внимание! В версии PHP 5.3.9 был добавлен параметр max_input_vars, значения по умолчанию которого не хватает для форм инфоблоков. Рекомендуемое значение этого параметра - не меньше 5000. Для установки этого значения необходимо обратиться к администратору хостинга.

      Простой пример создания инфоблока Видеотека



      Основные настройки

      Настройка инфоблока начинается с указания общих параметров, а именно с закладки Инфоблок:

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

      Как выполняется настройка основных параметров?

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

      • Информационный блок активен - опция, конечно, должна быть отмечена, если инфоблок используется на сайте.
      • Символьный код - это заданный латиницей осмысленный код, который может использоваться при обращении к инфоблоку через АПИ или компоненты, когда не используется [dw]идентификатор инфоблока[/dw][di][/di].
      • Сайты - отмечаются сайты, на которых инфоблок доступен для показа. Если сайт у вас один, то он обязательно должен быть отмечен. В случае многосайтовости следует отметить только необходимые сайты.
      • Название - указывается название, отражающее тематику хранимой информации в инфоблоке.
      • Поскольку страницы просмотра материалов инфоблока формируются динамически, то обязательно нужно описать принцип их создания. При этом способ построения адресов в первую очередь зависит от того, используется ли ЧПУ для показа материалов.

        Разберем построение страниц на следующем примере:

        • #SITE_DIR# - это [dw]корневая категория[/dw][di][/di] сайта.
        • После #SITE_DIR# во всех страницах указывается папка ( у нас это [dw]catalog[/dw][di][/di]), в которой размещен выводящий материалы инфоблока компонент.
        • Поле URL страницы раздела - доступно и заполняется только, если в инфоблоке включено создание разделов. В этом поле после папки компонента указывается макрос, передающий информацию о разделе. Указать макрос проще всего с помощью кнопки [dw][...][/dw][di][/di]. Так, в нашем случае указано #SECTION_ID# и поэтому адрес страницы для раздела строится с помощью [dw]идентификатора[/dw][di][/di].
        • В поле URL страницы детального просмотра сначала обязательно указывается макрос раздела, если в инфоблоке включено создание разделов, а затем уже указывается макрос, передающий информацию об элементе. Причем он должен быть в таком же формате, что и макрос для раздела. Например, если для вывода раздела используется #SECTION_ID#, то и для элемента нужно использовать соответственно #ELEMENT_ID#, а если для раздела используется #SECTION_CODE#, то для элемента следует использовать #ELEMENT_CODE#.

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

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

      Документация по теме:



      Настройка SEO данных в инфоблоке

      Настраиваем SEO

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

      Шаблоны метаданных для всего инфоблока (всех его разделов и всех элементов) настраиваются в форме редактирования инфоблока (Контент > Инфоблоки > Типы инфоблоков > _ваш_инфоблок_) на закладке SEO. В первых двух секциях закладки выполняются настройки шаблонов мета-тегов TITLE, KEYWORDS, DESCRIPTION и заголовков страницы раздела/элемента (html-тег H1). Для выбора необходимого шаблона служит кнопка [...], расположенная рядом с каждым полем.

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

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

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

      Если необходимо отредактировать настройки SEO информации, то следует отметить опцию Очистить кеш вычисленных значений:

      В этом случае кеш шаблонов будет очищаться и все изменения сразу будут отображаться.


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

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

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

      <head>
      ...
      <meta name="keywords" content="Зеркала, купить Зеркала, приобрести Зеркала" />
      <meta name="description" content="В магазине представлен огромной ассортимент мебели и сопутствующих товаров для дома и офиса" />
      ...
      <title>Каталог Зеркала от магазина Мебель</title>
      ...
      </head>
      

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


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

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


      Важно! При создании шаблонов могут быть использованы следующие фильтры-обработчики, которые можно прописать вручную или вставить с помощью кнопки [...]:
      • {=lower arg1 ... argN} - приведение к нижнему регистру;
      • {=upper arg1 ... argN} - приведение к верхнему регистру;
      • {=concat arg1 ... argN ", "} - сцепление строк через разделитель;
      • {=limit arg1 ... argN "<delimiter>" NN} - ограничение NN элементов по разделителю ;
      • {=translit arg1 ... argN} - транслитерация выбранных аргументов;
      • {=min arg1 ... argN} - выборка минимального числового значения;
      • {=max arg1 ... argN} - выборка максимального числового значения;
      • {=distinct arg1 ... argN} - уникальные (без дублей) значения.



      Предустановленные данные для полей элементов и разделов

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

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

      Как выполнять настройки?

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

      • отметьте флаг в колонке Обяз., если поле обязательно к заполнению. Так вы не забудете заполнить важное поле.

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

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

      Системная обработка фотографий

      Как правило, для элемента инфоблока используется несколько картинок: маленькая превьюшка и большая фотография. Если элементов много, то приходится тратить усилия на создание маленьких картинок из больших. Экономьте свое время, загружайте только одну большую картинку. В свойствах закладки Поля укажите правила обработки и создания анонсовой картинки:

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

        Примечание: программный механизм ресайза изображений умеет «работать» с традиционными графическими форматами: jpg, gif, png. Если вы загрузите картинку в другом формате, bmp, например, то обработки не произойдет. Система либо выведет картинку в исходном размере, либо выведет сообщение о невозможности обработки картинки. Какое из этих двух «либо» сработает – зависит от флажка Игнорировать ошибки масштабирования.
      • Для настройки качества обработки вы также можете использовать другие параметры закладки Поля. Но учтите, что их использование требует свободных ресурсов сервера:
        • Установите флажок Сохранять качество при масштабировании.
        • Задайте приемлемый уровень качества в процентах в поле Качество.

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



      Свойства элементов

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

      Общий подход при работе со свойствами

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

      Как создать свойство?

      • Откройте форму настроек информационного блока (Контент > Инфоблоки > Типы инфоблоков > название_типа > название_инфоблока).
      • Перейдите на закладку [dw]Свойства[/dw][di][/di].
      • В свободной строчке:
        • введите название свойства (название будет показываться на сайте);
        • выберите тип хранимых в свойстве данных;
        • отметьте флаг Множ., если значений у свойства может быть несколько;
        • отметьте флаг Обяз., если указание значений данного свойства - это обязательная процедура;
        • заглавными латинскими буквами укажите [dw]код свойства[/dw][di][/di];
        • нажмите кнопку […] для детального редактирования настроек свойства.
      • Во всплывающем окне проверьте уже сделанные вами настройки и выполните оставшиеся.

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

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

      Важно! Если свойство не появилось в форме создания/редактирования элемента, то перенастройте внешний вид формы.

      Как вывести информацию из свойства?

      Когда свойство [dw]уже создано[/dw][di][/di] и в элементах инфоблока проставлены его [dw]значения[/dw][di][/di], можно приступать к выводу этих значений на сайт:

      • Откройте на сайте страницу, где демонстрируется посетителям информация из вашего инфоблока.
      • Включите [dwi include_mode_edit]режим правки[/dwi].
      • Откройте форму с настройками компонента.
      • Перейдите к настройкам списка и/или детального просмотра и отметьте [dw]ваше свойство[/dw][di][/di].
      • Сохраните настройки.

      Теперь значения из свойства показываются на сайте:

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

      Как вывести подсказки в фильтре?

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

      • Откройте форму редактирования вашего каталога с товарами (Контент > Инфоблоки > Типы инфоблоков > название_типа > название_инфоблока).
      • Перейдите на закладку Свойства.
      • В строке с требуемым свойством нажмите кнопку […].
      • Введите текст подсказки в поле [dw]Подсказка в умном фильтре для посетителей[/dw][di][/di].
      • Сохраните настройки.

      Теперь в фильтре рядом с параметром отображается подсказка:

      Заключение

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



      Настройка доступа

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

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

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

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

      Настройка прав доступа в простом режиме

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

      • Так, контент-редакторам чаще всего предоставляется право [dw]Изменение[/dw][di][/di], поскольку именно они вносят информацию в инфоблок.
      • Для всех пользователей обычно дают право [dw]Чтение[/dw][di][/di]. Исключение составляют случаи закрытой информации, тогда всем пользователям оставляют Нет доступа, а Чтение назначают отдельной группе, например, группе подписчиков.

      Важно! При настройке прав доступа помните, что пользователи любых групп обязательно принадлежат и к группе Все пользователи. Поэтому право доступа группы Все пользователи не должно быть «выше» прав доступа всех остальных групп. В противном случае вы получите [dw]ошибку[/dw][di][/di].

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

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

      Настройка прав доступа в расширенном режиме

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

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

      По ссылке [dw]Добавить[/dw][di][/di] вы можете выбрать не только группу пользователей, но и группу социальной сети или непосредственно отдельных пользователей. Назначение прав выполняется обычным способом - выбором нужного [dw]уровня доступа из выпадающего списка[/dw][di][/di]. Установленные права будут распространяться на все разделы и элементы до тех пор, пока в разделе (или элементе) вы не зададите отличное право доступа (смотрите пример в уроке Определение прав доступа динамических страниц).

      Заключение

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

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


      Подписи

      Работу с сайтом по добавлению материалов сделайте более наглядной. Настройте подписи для объектов инфоблока в зависимости от "характера" инфоблока:

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

      Настройка подписей и заголовков

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

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

      Настройки подписей для разделов доступны в том случае, если в инфоблоке [dw]разрешено создание самих разделов[/dw][di][/di]. Тогда в фразах разделов слово раздел заменяется, например, для товаров на категория, для каталога книг на жанр и т.д.

      В результате с материалами инфоблока гораздо приятнее и понятнее работать, как из [dw]публичной[/dw][di][/di], так и из [dw]административной[/dw][di][/di] части сайта.

      Заключение

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

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


      Разделы и элементы

      Документация по теме:

      Разделы: создание, расположение в меню, удаление

      Как добавить раздел в размещенный на сайте инфоблок?

      Инфоблок уже опубликован на сайте? Добавляйте разделы прямо из публичного раздела, не тратя время на поиски инфоблока в административном разделе:

      • Откройте на сайте каталог или раздел, в котором вам требуется добавить новый раздел (или подраздел).
      • Включите [dwi include_mode_edit]режим правки[/dwi].
      • Наведите курсор мыши на содержимое каталога и нажмите Добавить раздел:

        Нажмите на рисунок, чтобы увеличить
      • Заполните важные для вас поля в [dw]форме редактирования раздела[/dw][di][/di].

        Обратите внимание, что:
      • Сохраните настройки. Раздел добавится в [dw]список разделов и в меню[/dw][di][/di].

      Как переместить раздел в меню?

      Иногда требуется пересортировать пункты в меню каталога. Например, расположить пункт [dw]Нижнее белье[/dw][di][/di] после пункта Спортивная одежда. Для этого выполните следующие действия:

      • Откройте [dwi include_admin_area]административный раздел[/dwi] сайта.
      • Перейдите на страницу со списком разделов вашего инфоблока.
      • Отметьте флагом нужный раздел и нажмите на [dw]карандаш[/dw][di][/di] под таблицей.
      • Измените значение сортировки (чем меньше сортировка, тем выше по меню раздел будет показан). Так, для нашего примера значение сортировки раздела Нижнее должно стать больше значения сортировки раздела Спортивная одежда, но меньше значения для раздела Аксессуары.
      • Сохраните настройки. Раздел [dw]переместится в меню[/dw][di][/di].

      Как создать раздел в новом инфоблоке?

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

      • Откройте страницу инфоблока: Контент > название_типа > название_инфоблока (где вместо название_типа, название_инфоблока будут реальные названия вашего типа и инфоблока).

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

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

        Важно! Добавление разделов недоступно, если в настройках типа инфоблоков не отмечена опция [dw]Использовать древовидный классификатор элементов по разделам[/dw][di][/di].
      • Заполните важные для вас поля в [dw]форме редактирования раздела[/dw][di][/di].

        Обратите внимание, что:
      • Сохраните настройки. Раздел [dw]добавится в список[/dw][di][/di].

      Как удалить раздел?

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

      Способ №1: из административного раздела

      • Откройте страницу инфоблока: Контент > название_типа > название_инфоблока (где вместо название_типа, название_инфоблока будут реальные названия вашего типа и инфоблока).
      • Для удаляемого раздела выберите [dw]Удалить[/dw][di][/di] в меню действий или отметьте раздел и внизу страницы нажмите [dw]Удалить[/dw][di][/di].

      Способ №2: из публичного раздела

      • Перейдите в раздел, который следует удалить.
      • Включите режим правки.
      • Наведите курсор мыши на содержимое раздела и нажмите [dw]Удалить раздел[/dw][di][/di].

      Важно! Независимо от способа удаления раздел удаляется вместе со всеми его элементами.

      Заключение

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

      • чтобы создать раздел - нажимайте Добавить раздел и заполняйте поля формы;
      • чтобы удалить - используйте Удалить раздел;
      • чтобы изменить расположение в меню - настройте значение сортировки для разделов.

      Документация по теме:



      Элементы: создание, изменение, удаление

      Как создать новый элемент инфоблока?

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

        1. Ответьте на вопрос:
      материалы вашего инфоблока уже показываются на сайте?
       
       
      2. На сайте откройте любую страницу с материалами из вашего инфоблока.   2. Перейдите в [dwi include_admin_area]административный раздел[/dwi] сайта.                  
       
      3. Включите [dwi include_mode_edit]режим правки[/dwi] и наведите курсор мыши на [dw]содержимое страницы[/dw][di][/di].   3. Откройте страницу Контент > название_типа > название_инфоблока или (если элемент добавляете в раздел) [dw]Контент > название_типа > название_инфоблока > название_раздела[/dw][di][/di].
       
        4. Нажмите Добавить элемент.
      (вместо слова элемент может быть новость, товар и т.п.)
       
         
        5. Заполните поля в [dw]форме редактирования элемента[/dw][di][/di].

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

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

      Создание элементов возможно и через инструмент Документооборот.

      Как отредактировать элемент инфоблока?

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

      1. Из публичного раздела:
        • На сайте откройте страницу вашего элемента.
        • Включите [dwi include_mode_edit]режим правки[/dwi].
        • Наведите курсор мыши на информацию элемента и нажмите [dw]Изменить элемент[/dw][di][/di] (вместо слова элемент может быть новость, товар и т.п.).
        • В открывшейся форме внесите необходимые правки в текст, картинки.
        • Сохраните изменения.
      2. Из административного раздела:
        • Откройте страницу Контент > название_типа > название_инфоблока > название_раздела (переходить в раздел требуется только в том случае, если элемент расположен в разделе).
        • Для элемента выберите [dw]Изменить[/dw][di][/di] в меню действий.
        • В открывшейся форме внесите необходимые правки в текст, картинки.
        • Сохраните изменения.

      Как удалить элемент инфоблока?

      Удаляйте элемент наиболее удобным для вас способом:

      1. Из публичного раздела:
        • На сайте откройте страницу с элементом, который следует удалить.
        • Включите режим правки.
        • Наведите курсор мыши на информацию элемента и нажмите [dw]Удалить элемент[/dw][di][/di] (вместо слова элемент может быть новость, товар и т.п.).
      2. Из административного раздела:
        • Откройте страницу Контент > название_типа > название_инфоблока > название_раздела (переходить в раздел требуется только в том случае, если элемент расположен в разделе).
        • Для удаляемого элемента выберите [dw]Удалить[/dw][di][/di] в меню действий.

      Заключение

      Итак, вы познакомились с тем, как выполнять операции с элементами инфоблока:

      • чтобы создать элемент - нажимайте Добавить элемент и заполняйте поля формы;
      • чтобы внести правки в материалы - нажимайте Изменить элемент и корректируйте информацию;
      • чтобы удалить - используйте Удалить элемент.

      Документация по теме:



      Редактор изображений в элементах инфоблока

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

      Примечание: инструмент загрузки и обработки изображений доступен с версии 15.5.1. Его можно использовать для [dw]картинок анонса[/dw][di][/di], [dw]детальных картинок[/dw][di][/di] элемента, для фотографий, [dw]загружаемых в свойство[/dw][di][/di] типа Файл и для [dw]изображений[/dw][di][/di] раздела.

      Как пользоваться редактором?

      • Откройте форму редактирования элемента (раздела).
      • [dw]Перетащите в область картинок[/dw][di]В области картинок показываются либо эскизы изображений, либо иконки с названием файлов. Это определяется нажатием кнопок 1 и 2 соответственно.

        [/di] изображения с локального компьютера.
        Хотите загрузить из других источников? Используйте кнопку .
      • Дважды кликнете по добавленному изображению либо нажмите на "карандашик" под изображением. Откроется окно редактора:

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

        Примечание: для добавляемых изображений редактор откроется автоматически, если предварительно в меню кнопки отметить пункт [dw]Использовать кадрирование[/dw][di][/di].
      • Придайте подходящий вид изображению, отображаемому в рабочей области 1. При этом:
        • Инструменты панели 3 используйте для поворота, отражения, [dw]обрезки изображения[/dw][di]При выполнении обрезки отображается специальная панель управления. Так, кнопка позволяет очистить выделенную область, предназначенную для обрезки. Кнопка служит непосредственно для обрезки изображения согласно выбранной области, а кнопка определяет сохранять ли соотношение сторон при выборе обрезаемой области.[/di], а также при переводе изображения в черно-белый вид и добавлении подписи.
        • Сохраняйте настройки выполняемой вами обрезки по кнопке 5, чтобы применять их в дальнейшем.
        • Обрезайте изображение по вашим настройкам: в панели 4 выберите пресет и нажмите кнопку . В рабочей области 1 сразу отобразится рамка обрезки нужного размера.

          Старые пресеты редактируйте по кнопке панели 4.
        • Изменяйте размеры изображения в абсолютном 6 или процентом соотношении 7.
        • Не бойтесь ошибиться. Любое действие отменяется по кнопке 8.
        Если вы загрузили несколько изображений в область, то не закрывайте редактор. Переключайтесь между обрабатываемыми изображениями с помощью панели 2.
      • Сохраните выполненные настройки.

      Заключение

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



      Настройка SEO информации

      В данном уроке рассмотрим, как работать с 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, а также делать шаблоны названий файлов:

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


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

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

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

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

      Как настраивается форма под себя?

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

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