Создание инфоблоков в 1с битрикс
А теперь по подробнее. Благодаря комплексному компоненту (остановимся пока на нем) bitrix.news, осуществляется возможность вывода новостей сайта, причем используя компоненты входящие в его состав, можно вывести определенную новость из инфоблока или вообще список новостей, к примеру для отображения ленты новостей на главной странице сайта, но для начала необходимо создать инфоблок.
Для тех кто с 1С-Bitrix сталкивается впервые и для тех кто хочет сам создать себе простенький сайт-визитку, прикупив себе Bitrix редакции «Старт» (остановимся на нем, вообще данная операция не зависит от редакции битрикс), я расскажу поподробнее на примере инфоблока для вывода элементов (новостей или статей) на сайте, как этим функционалом пользоваться.
С первого взгляда выглядит все довольно сложно и не понятно, но это не более чем миф, для начала необходимо авторизоваться в системе управления сайтом 1С-Битрикс. Если вы читали ранее статьи на этом сайте, там довольно все просто и поиском по сайту вы можете найти статью посвященную авторизации в админке битрикс.
Так вот: авторизуемся
Далее нам открывается «рабочий стол» админки битрикса.
С левой стороны нам предлагается несколько кнопок меню, для создания инфоблока в битрикс вам необходимо пройти по пути из этого меню:
/Контент/Инфоблоки/ Типы инфоблоков
Основным при заполнении здесь является идентификатор типа инфоблока, он вводится латиницей, в нашем случае: content
После создания типа инфоблоков необходимо создать теперь уже и сами инфоблоки со свойствами, забегаю вперед, обо всем по порядку.
Итак после сохранения в левом меню в подменю Типы инфоблоков, появится тип Контент, чтобы перейти к созданию инфоблока, необходимо нажать на новый тип инфоблока, который мы создали, после перезагрузки страницы, вы увидите что в данном тип нет инфоблоков, для их создания нажимаем на «Добавить инфоблок».
На главной вкладке «Инфоблок» Вам следует указать
Главные настройки завершены, далее дополнительные настройки для отображения информации.
Данная картинка будет создаваться у вас по мере загрузки второй картинки в битрикс она называется детальная, а картинка для анонса выводится в списке новостей или статей.
Тоже самое делаем и с детальной картинкой, зачастую пользователи загружают картинки объемом 5-8 Мб, это очень много, т.к. пользователю при заходе на страницу будет отдаваться именно такая большая картинка и приходится ждать ее загрузки, а средствами битрикс, мы ее будем уменьшать.
Далее необходимо произвести всего 2 манипуляции.
Символьный код, что это?? Все просто, изначально при создании инфоблока все страницы будут выглядеть не красиво с точки зрения поисковых систем, к примеру, на бесплатных движках страницы были такими:
При настройке ЧПУ (человекопонятные урл) страница новостей должна иметь вид:
Итак для этого необходимо далее на той же странице указать
Вторым важным критерием является необходимость дать доступ к чтению инфоблока всем гостям на сайте, ну если это не закрытая часть сайта и нет ограничений по доступу, для этого необходимо перейти во вкладку сверху, доступ и выбрать доступ чтение для всех пользователей сайта:
Далее жмем зеленую кнопку сохранить.
Вот такие вот настройки являются самыми необходимыми при создании инфоблока в битрикс.
На сайте я уже описывал процедуру вывода элементов инфоблока с помощью компонентов news и news.list, поэтому опишу кратко, кому сложно разобраться воспользуйтесь поиском по сайту, есть по-шаговая инструкция.
Переходим на видимую часть вашего сайта, переводим сайт в режим правки, далее в панели сверху нажимаем кнопку создать раздел
Точно также можно создавать, сколько угодно инфоблоков и настраивать их в битрикс для вывода необходимой информации, к примеру покажу структура одного из сайтов, где вся информация представлена для контент-менеджера в удобном и понятном виде:
В сегодняшней статье мы продолжаем изучение CMS Bitrix. Более подробно остановимся на создании и настройках инфоблоков.
Что такое инфоблоки?
С помощью инфоблоков легко стандартизировать оформление разделов сайта. Такая архитектура достаточно практичная, так как можно эффективно управлять информационными блоками сайта (редактировать, перемещать, добавлять).
Создание новых инфоблоков в Битрикс
Заходим через админку в раздел инфоблоков. Для начала удалим существующие, чтобы очистить пространство для работы.
Опускаемся ниже. Выбираем галочками все пункты, удаляем.
После обновим страницу. Список инфоблоков (слева/ на предыдущем слайде выделен зеленым маркером) будет пуст.
Начнем создавать новые. Возвращаемся в раздел «Контент», «инфоблоки», «Типы инфоблоков». Создадим инфоблок content. Вводим название и жмем «добавить новый тип».
Заполняем указанные поля. Ставим галочку «Использовать древовидный классификатор элементов по разделам:». Галочка нужна в случае если предусмотрено несколько подуровней: раздел, подраздел и т.д. В оранжевой рамке показано раздел «Проекты», который в процессе обучения будет выводиться в инфоблоках. Во вкладке «Дополнительно» изменения не вносим. Сохраняем.
После обновления в списке появится созданный нами тип «Контент».
Во вкладке «Инфоблок» прописываем название блока и транслит. Также в соответствии с примером ставим галочки. Во вкладке SEO никаких действий не совершаем.
Во вкладке «Поля» устанавливаем начало активности. Настройка означает, что новость должна выводиться, показываться сразу после публикации на сайте.
Детальная картинка – изображение на странице статьи. Задаем размер для всех статей блока. Сделаем по примеру страницы «Проекты». Чтобы определить размер изображения, кликаем левой кнопкой мышки на картинке в выпадающем списке выбираем «проверить объект». Помним, в коде ниже ищем строку, отвечающую за элемент. При наведении возле картинки появится обозначение с информацией. Переносим размеры в настройки.
Также проставляем галочки в соответствии с примером ниже. При необходимости можно размещать авторский знак в виде картинки или теста (настройки обозначены зеленым маркером).
Картинка анонса – миниатюра изображения в ленте новостей с кратким описанием инфоблока. Можем подбирать отдельно или указываем «создавать из детальной картинки». Прописываем тот же размер. Другие настройки по примеру ниже.
Основное изображение и миниатюра, настройки Другие параметры вкладки «Поле»
Указываем название. Тип оставляем «Строка», хотя в выпадающем меню есть много вариантов. Обязательно указываем код в верхнем регистре. Почему именно в верхнем расскажу позже.
Настройки для вкладки «Поля разделов».
Настройки для вкладки «Доступы».
Заполняем поля вкладки «Подписи» по примеру выше.
«Журнал событий» не заполняем и жмем «Сохранить».
В списке слева появился новый инфоблок.
Переходим в Блог и создадим новую категорию. На слайде выше видна возможность добавлять, статьи и категории – кнопки «добавить категорию»; «добавить статью» (обозначено зеленым маркером). Напомним, что при создании типа инфоблока отмечено галочкой «использовать древовидный классификатор элементов по разделам» (в рамке). Благодаря чему и появляются кнопки «добавить категорию» и «добавить статью».
Создание подкатегорий раздела инфоблока
Кликнуть на кнопку «Добавить категорию». Во вкладке «категория» прописываем название «Категория 1». Названию особого внимания не уделяем, так как цель урока научиться создавать категории и подкатегории. Символьный код прописывается автоматически. Что мы также указывали в настройках при создании типа инфоблока. Сохраняем.
Аналогично создаем еще три категории, которые после отображаются в списке. Теперь можем зайти в категорию (двойным щелчком мыши) и наполнять раздел новостями.
Как добавить контент в новую категорию?
Во вкладке «Статья» заполняем поле «Название». Для наглядного примера используем страницу «Проекты» (в оранжевой рамке слева). Можно использовать для обучения любую новость из Интернета или размещать свою.
Символьный код прописывается автоматически, согласно заданным настройкам типа инфоблока. Начало активности (1) – стоит текущая дата, также задано при создании типа. Без этой галочки нужно постоянно прописывать вручную дату, когда статья будет показываться.
«Подробно». Заливаем подробную картинку. Изображение внутри статьи, из которого Битрикс формирует обложку блока для анонса согласно заданным параметрам.
Сохраняем изображение примера (Проекты). Кликнуть мышкой на поле для фото, выбрать из выпадающего списка нужный файл. Загружаем.
«SEO» оставим без изменений. Во вкладке «Категории» указываем, к какому подпункту относится новость, где она будет показываться. Сохраняем.
Теперь статья видна в списке соответствующего раздела. Создадим еще несколько новостей. Картинки и контент берем с той же страницы. Чтобы не создавать новые статьи, можно скопировать существующую. Кликнув на бургер, из выпадающего списка выбираем нужное действие. Меняем картинку, название и содержание. Сохраняем.
Зеленым маркером выделены созданные статьи в категории 1. При необходимости можно выбрать несколько разделов, к которым будет относиться новость. Настройка в оранжевой рамке.
Нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter
Создание инфоблока
Чтобы создать меню с двумя или тремя уровнями вложенности, нужно перейти в настройки контента и создать новый инфоблок.
Для этого необходимо зайти в режиме администрирования по пути: Контент → Инфоблоки → Типы инфоблоков → Контент.
Инфоблок нужно создать по образу и подобию уже существующего инфоблока, обладающего нужными нам свойствами. Поэтому во все вкладки надо копировать информацию из вкладок готового инфоблока.
Важно: инфоблоки должны отличаться друг от друга символьным кодом (нужно присвоить уникальный для каждого нового инфоблока), названием и настройками ЧПУ.
Рассмотрим обязательные и дополнительные настройки в соответствующих вкладках.
Вкладка «Инфоблок»
- Название (1) (уникальное, не копируем из готового инфоблока)
- Символьный код в формате «название_сайта_название_инфоблока» (2) Например: aspro_allcorp_kursy.
Внимание: символьный код нужно прописывать только латиницей. Иначе система его не распознает и функционал работать не будет.
- Ставим галочку привязки к сайту (3).
- Прописываем внешний код в формате «название_сайта_название_инфоблока_s1», где s1 означает номер сервера и его можно увидеть рядом с галочкой в поле «Сайты» (4).
Внимание: Данный код мы копируем из готового инфоблока, заменяя вставки названия на уникальные для нашего инфоблока.
Вкладки «Поля» и «Поля раздела»
Переходим на вкладку «Поля», затем на вкладку «Поля раздела», чтобы активировать нужные нам параметры, одинаковые в обеих вкладках.
Необходимые параметры для редактирования во вкладке «Поля»
Необходимые параметры для редактирования во вкладке «Поля разделов»
Редактируем сценарий для анонсной картинки к разделу инфоблока по аналогии с уже существующим инфоблоком.
Задаем следующие параметры:
- Создавать картинку анонса из детальной (если не задана) (1).
- Удалять картинку анонса, если удаляется детальная (2).
- Уменьшать если большая (3).
В этом случае выпадут поля, в которых нужно прописать:
- Максимальную ширину картинки при уменьшении (4)
- Максимальную высоту картинки при уменьшении (5)
- Активируем или деактивируем значение «Сохранять качество при масштабировании»
- Выбираем цифровое выражение параметра «Качество» от 1 до 100 для картинок в формает JPEG.
Редактируем сценарий для детальной картинки.
Ставим галочку для поля “Уменьшать если большая”. Прописываем:
- Максимальную ширину картинки при уменьшении
- Максимальную высоту картинки при уменьшении
Вы можете активировать возможность наносить авторский знак в виде изображения или фото для защиты своих уникальных фотографий и картинок от копирования и распространения.
3. Редактируем символьный код
Переходим к полю «Символьный код», где ставим галочки рядом с полями:
- Если код задан, то проверять на уникальность.
- Транслитерировать из названия при добавлении элемента.
В этом случае выпадет поле, в котором можно оставить форматирование, заданное по умолчанию.
Вкладка «Свойства»
На вкладке «Свойства» задаем необходимые для инфоблока свойства. Вы можете перенести нужные свойства из уже существующих инфоблоков.
Например, вы хотите, чтобы к инфоблоку был привязан элемент «Галерея». Для этого заходим в настройки уже существующего инфоблока и копируем это свойство в новый инфоблок, прописывая название, тип, код
Либо создаем новое свойство. Подробнее о создании свойств читайте в статьях:
Вкладка «Доступы»
Переходим во вкладку «Доступы» и из всплывающего списка выбираем требуемый уровень доступа для пользователей:
- нет доступа;
- чтение;
- просмотр в панели;
- добавление в панели;
- изменение;
- полный доступ.
В данном случае ориентируемся на уровень доступа в аналогичной вкладке уже существующего инфоблока.
Вкладка «Подписи»
Во вкладке «Подписи» редактируем подпись, которая будет видна администратору или контент-менеджеру при редактировании раздела и элементов. Можно оставить подписи по умолчанию или заменить на необходимые.
Создание разделов и элементов инфоблока
Переходим в левом меню Контент → Контент. Находим название инфоблока, который только что создали и заходим туда, чтобы создать в нем необходимый раздел или элемент.
Пропишите название раздела, который вы будете видеть в панели управления, отличая этот раздел от других.
Посмотрел Яндекс метрику на свой сайт, и решил что буду частенько писать сюда именно то, что ищут люди. Итак за последнюю неделю 8 раз пытались найти на сайте информацию о том как вывести компонент новостей на страницу в Битрикс.
Итак приступим:
Создание инфоблока
1. Кликаем в структуре на "Типы инфоблоков" и нажимаем на зеленую кнопку "+ Добавить новый тип"
2. Откроется окно мастера создания инфоблока:
3. Далее в дереве "Типы инфоблоков" находим наш свежесозданный инфоблок и кликаем по нему. Далее на зеленую кнопку "+ Добавить инфоблок".
4. Откроется мастер создания инфоблока. Заполняем примерно следующим образом:
В итоге вы придете вот к такому визуальному редактору, все что вы напишите или выведете вместо фразы "Text here. " и будет отображено на сайте в этом разделе.
Далее два раза кликаем по иконке компонента на странице, откроется мастер настройки компонента.
Итак пишу сверху вниз как заполнить поля:
Еще раз нажимаем сохранить снизу слева. Все инфоблок новостей Битрикс создан, настроен и выведен на сайт.
Мои каналы:
Каналы на которые я выкладываю видео. Контент дублируется, смотрите где удобнее.
Рис. 1. Информационные блоки сайта
Как видите, ничего сложного в работе с информационными блоками и компонентами нет. Главное разобраться один раз с общей схемой представления материалов на сайте и все станет понятно. Сейчас предлагаю изучить выше описанную цепочку событий на практике и пройти полный цикл от создания нового типа информационного блока, до вывода новостей на созданной странице сайта.
Создаем новый тип информационного блока
- Выберите в административной части сайта ветку Информационные блоки ⇒ Типы информационных блоков. Откроется страница со списком типов информационных блоков. Если вы устанавливали 1С-Битрикс с демонстрационными данными, то в списке будет перечислен ряд уже готовых к использованию типов (рис. 2). Если же установка сайта происходила без демонстрационных данных, то список будет пустой. Чтобы создать новый тип информационного блока выберите на странице Типы информационных блоков кнопку Добавить новый тип (рис. 2).
Рис. 2. Список информационных блоков сайта
Рис. 3. Создаем новый тип информационного блока
Создаем информационный блок
Рис. 4. Создаем новый информационный блок
Рис. 5. Задаем параметры информационного блока
Рис. 6. Вкладка Свойства
Рис. 7. Доступ к информационному блоку
Добавляем новость
Рис. 8. Выбираем информационный блок
Рис. 9. Создаем новость
Создаем раздел и страницу
Рис. 11. Файлы и папки
Рис. 12. Создаем новый раздел
Рис. 13. Размещаем компонент новостей на странице сайта
Рис. 14. Новая страница в файловом менеджере
Добавляем страницу в меню
Рис. 15. Редактирование пунктов меню
Читайте также: