Сниппеты типографики bootstrap, для Битрикс

Просмотров: 9565

Если вы подключили bootstrap к своему сайту, или сверстали весь шаблон, подключив bootstrap из ядра битрикс. Имеет смысл использовать эти 320 килобайт css стилей по полной. Во первых это упростить и стандартизирует создание новых разделов, оформления текста и элементов HTML. Во вторых: не придется раздувать файлы стилей основного шаблона.

Если вы подключили bootstrap к своему сайту, или сверстали весь шаблон, подключив bootstrap из ядра битрикс. Имеет смысл использовать эти 320 килобайт css стилей по полной. Во первых это упростить и стандартизирует создание новых разделов, оформления текста и элементов HTML. Во вторых: не придется раздувать файлы стилей основного шаблона.

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

Сниппеты битрикс

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

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

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

Подробнее в документации

Bootstrap сниппеты для Битрикс

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

Если бутстрап не подключен к вашему шаблону, просто добавьте в header.php строчку

Asset::getInstance()->addCss('/bitrix/main/css/bootstrap.min.css');

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

архив со сниппетами

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

Andrey Churashev 26.07.2017
А куда делось видео на эту тему (  с Вашего канала ) ?
Михаил Базаров 26.07.2017
Цитата
Andrey Churashev пишет:
А куда делось видео на эту тему ( с Вашего канала ) ?
Вроде бы на месте. Все забываю сюда в текст, его добавить
https://camouf.ru/video/info_site/snippets_bitrix.html
Александр Кузнецов 06.08.2017
Нужно еще подключить бутстрап к стилям визуального редактора, чтобы понятно было, что происходит (это делается в файле description.php, ключ EDITOR_STYLES).

Блог-note: заметки разработчика

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

Задача: в мобильном приложении, которое открывает сайт на 1С-Битрикс внутри себя, нужно определить местоположение пользо...

Цвета из справочника Highload блоков в списке новостей

На сайте выводятся новости с помощью компонента news.list, при этом у новостей есть свойство "Цвета" типа &quo...

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

Задача: При выборе параметров товаров в умном фильтре показать выбранные параметры из чекбоксов в виде кнопок и предоста...

Автоматически отгрузить заказ и сменить статус отгрузки, при выполнении заказа.

Проблема: Заказы, на сайте, обрабатываются только в 1С. При этом 1С не работает с отгрузками и обменивается только стату...

Прямое открытие мессенджеров по ссылке из приложения Apache Cordova

Задача: При клике по ссылкам на Telegram и WhatsApp в мобильном приложении необходимо сразу открывать мессенджеры без пр...

Ускорение работы сайта на 1С-Битрикс

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

Открытие мобильного приложения Apache Cordova по ссылке

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

Пункты меню из разделов инфоблока Битрикс

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

Модифицировать состав заказа #ORDER_LIST# в почтовом событии "Новый заказ"

Если вы хотите как-то по особенному сверстать состав заказа в почтовом уведомлении 1С-Битрикс "Новый заказ", у вас это н...