Заказать
Заказать

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7

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

Что такое инфоблоки?

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Инфоблоки – структурная единица Битрикс

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

Создание новых инфоблоков в Битрикс

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Как удалить инфоблок

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Очистить список инфоблоков

После обновим страницу. Список инфоблоков (слева/ на предыдущем слайде выделен зеленым маркером) будет пуст.

Начнем создавать новые. Возвращаемся в раздел «Контент», «инфоблоки», «Типы инфоблоков». Создадим инфоблок content. Вводим название и жмем «добавить новый тип».

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Создание нового типа инфоблоков

Заполняем указанные поля. Ставим галочку «Использовать древовидный классификатор элементов по разделам:». Галочка нужна в случае если предусмотрено несколько подуровней: раздел, подраздел и т.д. В оранжевой рамке показано раздел «Проекты», который в процессе обучения будет выводиться в инфоблоках. Во вкладке «Дополнительно» изменения не вносим. Сохраняем.

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Настройки для вкладки “Дополнительно”

После обновления в списке появится созданный нами тип «Контент».

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Где отображается тип инфоблоков

Во вкладке «Инфоблок» прописываем название блока и транслит. Также в соответствии с примером ставим галочки. Во вкладке SEO никаких действий не совершаем.

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Создание и настройка инфоблока

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Настройки для вкладки “Поле”

Детальная картинка – изображение на странице статьи. Задаем размер для всех статей блока. Сделаем по примеру страницы «Проекты». Чтобы определить размер изображения, кликаем левой кнопкой мышки на картинке в выпадающем списке выбираем «проверить объект». Помним, в коде ниже ищем строку, отвечающую за элемент. При наведении возле картинки появится обозначение с информацией. Переносим размеры в настройки.

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Как проверить параметры картинки

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Настройки изображения для инфоблока

Картинка анонса – миниатюра изображения в ленте новостей с кратким описанием инфоблока. Можем подбирать отдельно или указываем «создавать из детальной картинки». Прописываем тот же размер. Другие настройки по примеру ниже.

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Основное изображение и миниатюра, настройки
Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Другие параметры вкладки “Поле”

На вкладке «Свойства» – есть возможность указать дополнительную информацию о статье: автор, количество комментарием или просмотров, дата публикации и т.д. Мы зададим одно свойство – автор.

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Как вывести дополнительные информационные поля в новости

Указываем название. Тип оставляем «Строка», хотя в выпадающем меню есть много вариантов. Обязательно указываем код в верхнем регистре. Почему именно в верхнем расскажу позже.

Настройки для вкладки «Поля разделов».

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Настройки для вкладки “Поля разделов”

Настройки для вкладки «Доступы».

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Действия во вкладке “Доступ”

 Заполняем поля вкладки «Подписи» по примеру выше.

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Настройки вкладки “Подписи”

 «Журнал событий» не заполняем и жмем «Сохранить».

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Настройки вкладки “Журнал событий”

В списке слева появился новый инфоблок.

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Где отображается инфоблок в Битрикс

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Как добавить статью или категорию

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

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Создание подкатегории

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Создание ряда подкатегорий

Как добавить контент в новую категорию?

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Наполнение разделов контентом

Во вкладке «Статья» заполняем поле «Название». Для наглядного примера используем страницу «Проекты» (в оранжевой рамке слева). Можно использовать для обучения любую новость из Интернета или размещать свою.

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

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Как добавить статью

 «Анонс». Привью копируем с примера. Изображение не загружаем. Помним, что прописали брать картинку на обложку со страницы новости.

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Как вывести анонс и миниатюру картинки

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

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Действия во вкладке “Подробно”

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Выбор категории, где будет размещена статья

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Как скопировать статью

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

Создание сайта на Битрикс с нуля| Инфоблоки на Битрикс| Новости Блог| Урок № 7
Как разместить статью сразу в нескольких категориях

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

Назад