Информационные блоки или как правильно настроить публикацию новостей в системе управления сайтом 1С-Битрикс

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

Рис. 1. Информационные блоки сайта

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

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

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

Создаем новый тип информационного блока

  1. Выберите в административной части сайта ветку Информационные блоки ⇒ Типы информационных блоков. Откроется страница со списком типов информационных блоков. Если вы устанавливали 1С-Битрикс с демонстрационными данными, то в списке будет перечислен ряд уже готовых к использованию типов (рис. 2). Если же установка сайта происходила без демонстрационных данных, то список будет пустой. Чтобы создать новый тип информационного блока выберите на странице Типы информационных блоков кнопку Добавить новый тип (рис. 2).
Рис. 2. Список информационных блоков сайта
  1. Откроется страница Новый тип информационных блоков, где вам предстоит указать ряд данных по создаваемому типу блока (рис. 3). В поле Идентификатор (ID) нужно указать латинскими буквами идентификатор типа будущего блока, который будет использоваться системой на программном уровне. Обозначим идентификатор как news2. В полях Russian и English необходимо указать название будущего типа информационного блока, с которым вы будете работать в административной части системы. Назовем блок Новости 2. Оставшиеся поля опциональны для заполнения. Для сохранения типа информационного блока нажмите кнопку Сохранить. Система возвратит вас на предыдущую страницу. В списке типов информационных блоков вы увидите созданный только что блок.
Рис. 3. Создаем новый тип информационного блока

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

  1. Теперь на базе созданного типа информационного блока мы можем создавать уже сам информационный блок. Таких блоков может быть любое количество. Например, можно создать блоки Новости компании, Новости рынка, Новости программного обеспечения и так далее. Чем лучше вы продумаете структуру ваших новостей, тем лучше будет для вас. Не забывайте о том, что количество сайтов на одном дистрибутиве 1С-Битрикс может разным и вы можете создавать информационные блоки под каждый сайт, но на базе одного созданного ранее типа информационного блока. Чтобы создать новый информационный блок выберите название только что созданного блока в древовидной структуре панели выбора функций (рис. 4). Откроется страница Новости 2: Информационные блоки (рис. 4). Нажмите кнопку Добавить инфоблок для создания нового информационного блока. Раскроется следующая страница Новости 2: Информационные блоки: Добавление, где вам предстоит произвести ряд настроек параметров создаваемого информационного блока (рис. 5).
Рис. 4. Создаем новый информационный блок

 

Рис. 5. Задаем параметры информационного блока
  1. Настройки информационного блока вынесены на несколько вкладок. Рассмотрим основные настройки, которые обязательны для заполнения. На первой вкладке Инфоблок в поле символьный код нужно указать любое англоязычное имя-идентификатор создаваемого блока. В области Сайты избираем флажки напротив названия сайтов, на которых планируется использовать информационный блок. В поле Название даем название будущему информационному блоку. У нас это будут Новости Xbox 360. Все это обязательные настройки вкладки Инфоблок, которые необходимо указать. Оставшиеся опции не обязательны но вас может заинтересовать блок из трех полей URL страницы. В этих полях система по умолчанию указывает путь к компоненту или странице где будет располагаться впоследствии компонент Новости. Согласно названию блока news2 система выбрала каталог с одноименным названием, но это не значит, что вы обязаны использовать создаваемый информационный блок только в этом разделе. Это не обязательное условие, это только рекомендации, но при желании всегда можно прописать свой путь к будущему каталогу или вовсе оставить поля пустыми. Следующая важная вкладка Свойства (рис. 6). На этой вкладке вы можете определить любое количество свойств информационного блока, в частности это может быть описание новости, автор, похожие темы, источник новости и так далее. Впоследствии создавая новость, все указанные на этой вкладке свойства будут представлены в виде полей, которые вы можете заполнять для большей информативности того или иного события. Последняя, но очень важная вкладка Доступ (рис. 7). На этой вкладке задается доступ для пользователей сайта к данному информационному блоку. Поскольку это новости, то необходимо разрешить чтение новостей. Не забывайте определять доступ к информационному блоку, поскольку по умолчанию система предлагает закрытый доступ. Впоследствии опубликовав новости на сайте, вы их просто не увидите и долго будете искать причину возникшей проблемы. Выберите в поле Доступ по умолчанию опцию Чтение или определите права доступа для каждой группы пользователей отдельно. Сохраните результаты настроек и перейдем к добавлению новости в только что созданный информационный блок.
Рис. 6. Вкладка Свойства

 

Рис. 7. Доступ к информационному блоку

Добавляем новость

  1. Чтобы добавить новости в ранее созданный информационный блок, выберите в древовидной структуре панели выбора функций Новости 2 (рис. 8). Затем на рабочем столе изберите курсором мыши информационный блок Новости Xbox 360. Откроется новая страница со списком новостей в данном информационном блоке, но поскольку новостей у нас еще нет, то список будет пуст. Для добавления новости нажмите кнопку Добавить элемент. Откроется новая страница с комплексным набором настроек будущей новости (рис. 9). Все настройки новости распределены по вкладкам Элемент, Анонс, Подробно, Раздел и Дополнительно. На первой вкладке вы должны указать название будущей новости, если необходимо, определить начало и окончание видимости новости на сайте, а также задать ряд свойств для будущей новости. Две следующие вкладки Анонс и Подробно позволяют с помощью текстового редактора набрать или разместить уже подготовленный текст новости (рис. 10). На вкладке Анонс размещается краткий анонс публикации, а на вкладке Подробно публикуем полный текст новости. Две оставшиеся вкладки не обязательны для заполнения. Сохраняйте результаты своих трудов и новость будет добавлена в информационный блок Новости 2. Впоследствии когда вы захотите создать очередную новость, то выполните в точности описанный выше алгоритм действий. Это и есть ключевой механизм создания ленты новостей на вашем сайте. Теперь осталось только вывести новость на страницу/страницы сайта.
Рис. 8. Выбираем информационный блок

 

Рис. 9. Создаем новость

 

Рис. 10. Пишем текст новости

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

  1. Для публикации новости нам нужна страница. Мы можем взять уже готовую страницу в демонстрационных данных, но куда интереснее создать самим новый раздел и страницу. Методика или пути создания страниц и разделов в 1С-Битрикс многогранна. Вы можете создать раздел и страницу из режимов редакции и разработки сайта, а можете воспользоваться файловым менеджером. С режимами редакции и разработки мы уже отчасти знакомы, поэтому поработаем с файловым менеджером. Выберите на рабочем столе иконки Структура сайта ⇒ Фалы и папки. Откроется окно файлового менеджера Фалы и папки (рис. 7.52). Чтобы создать новую папку нажмите кнопку Новая папка (рис. 11). Откроется окно создания новой папки (рис. 12). В поле Имя папки необходимо указать название папки латинскими буквами, а название раздела задается русскими буквами. Ниже под названиями папки в этом окне располагается опция Создать пункт меню. То есть вы можете прямо на этапе формирования папки «привязать» создаваемый раздел к пункту меню сайта. В том случае если в этом каталоге у вас будет индексная страница (index.php), то назначенный пункт меню каталога будет обращаться именно к этой странице. В нижней части окна изберите флажок Создать индексную страницу, чтобы сразу после создания папки перейти к созданию новой страницы в этом разделе сайта. Нажмите кнопку Сохранить и перейдем к созданию страницы раздела.
Рис. 11. Файлы и папки

 

Рис. 12. Создаем новый раздел
  1. В верхней части окна создания новой страницы, в поле Имя файла задайте название для файла index.php. Это будет индексная страница, но вы можете выбрать любое другое название, главное потом «привязать» эту страницу к одному из пунктов меню. Кроме этой страницы вы можете создавать в конкретно взятом каталоге любое количество страниц, связывая их с пунктами меню или между собой.
  2. Основная часть рабочей области страницы отведена под текстовый редактор. Наша задача сейчас разместить на этой странице компонент Новости. Откройте панель Компоненты 2.0, нажав кнопку с одноименным названием. Выберите на панели Контент ⇒ Новости. Затем подцепите и перетащите курсором мыши компонент Новости на страницу (рис. 13). Итак, новостной компонент мы добавили, осталось только правильно его настроить. Откройте панель Свойства и выделите курсором только что добавленный компонент. Новостной компонент имеет большое количество разнообразных настроек. Все настройки достаточно информативны и разобраться самостоятельно будет не сложно, но две опции особенно важны и их нужно правильно настроить. Это два списка Тип инфо-блока и Инфо-блок. Чтобы компонент Новости мог получать те самые новости, которые мы сформировали ранее в информационном блоке Новости Xbox 360, вам необходимо сначала выбрать в списке Тип инфо-блока тип Новости 2, а в списке Инфо-блок блок Новости Xbox 360. То есть сначала вы указываете тип информационного блока, а затем сам информационный блок и это те самые блоки, созданием которых мы занимались на протяжении последних четырех страниц. Нажмите кнопку Сохранить. Система возвратит вас в файловый менеджер. В папке news2 появится новая индексная страница (рис. 14).
Рис. 13. Размещаем компонент новостей на странице сайта

 

Рис. 14. Новая страница в файловом менеджере

Добавляем страницу в меню

  1. Для того чтобы пользователи вашего сайта могли получить доступ к странице с новостями необходимо добавить страницу в меню. Перейдите в режим редакции сайта, выбрав в административной панели вкладку Редактирование. Около линейки меню сайта располагается кнопка с одноименным названием. Нажмите кнопку Меню ⇒ Редактировать пункты меню. Откроется диалоговое окно Редактирование меню с перечислением всех пунктов меню сайта (рис. 15). Само окно выполнено в виде таблицы с несколькими колонками. Чтобы добавить новый пункт меню изберите кнопку Вставить пункт. В нижней части списка пунктов меню добавится поле для вставки названия пункта меню и ссылки на страницу (колонки Название и Ссылка). Нажмите курсором на фразу Нет значения, в колонке Название и впишите название пункта меню. В колонке Ссылки нужно указать путь странице, относительно корневой папки. У нас это папка news2, поэтому пишем /news2/. Это указание пути будет работать только в том случае, если вы создавали в этой папке индексную страницу (index.php). Если же для страницы было выбрано другое название, то необходимо прописывать полный путь с названием страницы (например, /news2/news2.php). Дополнительно с правой стороны диалогового окна Редактирование меню располагается ряд графических элементов. Так зеленные стрелочки позволят передвинуть пункт в иерархии меню. Значок с папкой откроет диалоговое окно с возможностью выбора или поиска искомого фала/страницы в директории сайта, а красный крестик удаляет выбранный пункт меню. Для сохранения добавленного пункта меню нажмите кнопку Сохранить. После этого перейдите на созданную страницу и посмотрите результаты работы новостного компонента (рис. 16).
Рис. 15. Редактирование пунктов меню

 

Рис. 16. Страница с добавленными новостями