Элемент Заголовок
Описание
Это элемент для компонента Zbuilder от автора Zau4man . Компонент представляет собой визуальный редактор блоков с помощью которого вы можете красиво оформить любую страницу сайта, сделанного на InstantCMS.
Версия: 1.0.0
ZBuilder: 1.0.2 и выше
InstantCMS: 2.16.3 и выше
Дополнительно: начальные знания HTML и CSS
Заголовок — очень важная часть любого материала. Важно, чтобы он мог быть красивым и информативным одновременно. Я постарался реализовать это, используя встроенные в Bootstrap возможности. Теперь можно указать не только тег (h1-h5), выбрав размер заголовка, но стиль. Появился подзаголовок, с помощью которого можно сделать дополнительный акцент. И значок для привлечения внимания. Чтобы оценить новые возможности элемента не забудьте выбрать новый шаблон H-BADGE.
Если у вас есть идеи как улучшить этот элемент, пишите в комментариях.
Установка и Обновление
Обратите внимание, что элемент Заголовок уже установлен в компоненте ZBuilder. Соответственно первоначальная установка не требуется, нужно обновить элемент. В архиве 3 файла.
- Зайдте в файловый менеджер вашего хостинга или подключитесь к каталогу с файлами вашего сайта по ftp.
- Скопируйте с заменой файл form_h.php в папку /system/controlers/zbuilder/forms/elements_forms/ .
- Скопируйте файлы h.tpl.php и h_badge.tpl.php в папку /templates/ваша_тема*/controllers/zbuilder/elements/ .
- Больше никаких действий не требуется, поскольку элемент уже установлен в компоненте ZBuilder.
Обновление элемента производится простым копированием новых файлов на хостинг с заменой. Либо удалите старые файлы и скопируйте новые. Важно! Не меняйте названия файлов, это нужно для правильной работы компонента.
Настройка
Чтобы добавить элемент на страницу:
1. Перейдите в Админ панель вашего сайта на вкладку Виджеты и страницы . Выберите страницу на которую хотите добавить элемент.
2. Добавьте виджет Бинд-блоков из раздела Конструктор блоков.
3. Перейдите на фронтэнд страницы на которой хотите добавить элемент. Включите Редактор областей .
4. Добавьте нужный вам блок (рекомендую одну колонку), нажав на + и выбрав нужный в раскрывающемся списке.
5. Добавьте элемент Заголовок , нажав на + в нужном блоке и выбрав элемент из раскрывающегося списка.
6. В открывшемся окне заполните нужные поля и выберите настройки отображения. Обратите внимание, что теперь настройки разделены на вкладки, каждая из которых содержит настройки для соответствующей части элемента.
Вкладка Заголовок
- Текст — текст заголовка.
- Размер заголовка — выберите тег заголовка: h1 — самый большой, h6 — самый маленький.
- Стиль заголовка — выберите один из четырех. Делает заголовок крупным, чтобы привлечь внимание.
- Выравнивание заголовка — положение текста: слева, по-центру, справа.
Вкладка Подзаголовок
- Текст подзаголовка — все понятно.
- Размер текста — можно задать в любом формате. Используйте для лучшего оформления и дизайна.
Вкладка Значок
- Текст значка — можно вставлять эмдзи.
- Стиль значка — применяются стили как у кнопок (названия те же).
- Размер текста — можно задать в любом формате. Используйте для лучшего оформления и дизайна.
- Оформление — стиль текста: тонкий, жирный или курсив.
- Положение значка — положение относительно строки: в строке, над строкой (верхний индекс), под строкой (нижний индекс).
Если поле не заполнено, то в шаблоне значение поля не рендерится и, соответственно, не выводится.
7. Кликните по кнопке Сохранить . Элемент добавлен.
