- Купить SP Page Builder Pro у разработчика (без посредников и переплат).
SP Page Builder Lite – бесплатный русскоязычный конструктор страниц Joomla, позволяющий создавать их при помощи инструментов и настроек.
Видео обзор
- Отзывы – 00:01:06.
- Вкладки – 00:03:25.
- Аккордеон – 00:05:10.
- Иконка – 00:06:15.
- Блок особенностей – 00:07:22.
- Пусто промежуток – 00:08:59.
- Разделитель – 00:09:58.
- Изображение – 00:10:46.
- Видео – 00:11:35.
- Кнопка – 00:13:32.
- Уведомление – 00:14:27.
- Категории – 00:15:21.
- Медиа – 00:16:03.
- Настройки – 00:16:47.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.
Ссылки из видео:
- Предыдущая статья «Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla».
- Расширения для создания отзывов.
- Аддон Текстовый блок.
- Вкладки Joomla.
- «Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ».
- «Обзор плагина AllVideos. Как вставить видео в Joomla».
Вам не нужно верстать или программировать. Правда, не всё так просто. Если Вы хотите создать красивый лендинг, то сперва нужно будет его продумать, подготовить тексты, картинки, видео и т.д.. Не забывайте, что SP Page Builder Lite – это всего лишь инструмент в Ваших руках. Если сразу начать создание непосредственно с работы в нём, то можете потратить много времени, усилий, а результат будет не удовлетворительным. Также стоит отметить, что при наличии вкуса или каких-то дизайнерских навыков результат будет лучше.
Есть вариант создания сайта или отдельных страниц на основании шаблонов, но они доступны в платной версии расширения. Для тех, кто создаёт сайт с нуля рекомендую обратить внимание на готовые шаблоны сайта – быстрые старты. Их использование сильно упрощает и ускоряет процесс достижения хорошего результата в виде современного и стильного сайта. Тем более, что быстрые старты можно менять, в том же SP Page Builder, под свои задачи.
В предыдущей статье «Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla» мы рассмотрели основные возможности компонента, отличия платной и бесплатной версий, поговорили о станицах и начали рассматривать аддоны/дополнения. В этой части рассмотрим оставшиеся аддоны и поговорим про категории, медиа-менеджер компонента и его настройки. В цикле уроков по самостоятельному созданию сайтов на Joomla 4 рассмотрен пример работы с SP Page Builder Lite.
В обзоре участвует последняя, на момент написания статьи (04.07.2020), русскоязычная версия SP Page Builder Lite 3.6.7 в Joomla 3.9.19. Шаблон фронтальной части сайта – Helix Ultimate 1.1.2.
Аддоны Joomla SP Page Builder
В бесплатной версии их всего 14. Первые три были рассмотрены в предыдущей статье. Будем рассматривать только те вкладки и опции, которые небыли рассмотрены ранее и являются интересными, на мой взгляд.
- Joomla Модуль.
- Карусель.
- Текстовый блок.
- Отзывы.
- Вкладки.
- Аккордеон.
- Иконка.
- Блок особенностей.
- Пусто промежуток.
- Разделитель.
- Изображение.
- Видео.
- Кнопка.
- Уведомление.
Отзывы (рисунок ниже). Позволяет создать блок с текстом отзыва, оценкой, а также информацией о том, кто оставил отзыв: имя, компания и фотография. Если Вам нужно разместить несколько таких отзывов в строку, то придётся создать соответствующий макет строки и разместить несколько таких дополнений в колонках строки.
Если Вас интересует полноценный компонент для создания отзывов, то рекомендую рассмотреть такие расширения.
В настройках дополнения, на вкладке General (рисунок ниже). Вы сможете задать текст отзыва, рейтинг и информацию о том, кто оставил отзыв. Также для разных элементов отзыва можно изменить настройки цвета, шрифта и отступов. Остальные вкладки были рассмотрены в предыдущей статье «Обзор SP Page Builder Lite (часть 1). Конструктор страниц Joomla».
Вкладки (рисунок ниже). Позволяет отображать любые аддоны во вкладках.
Если Вам нужно больше возможностей, в плане создания вкладок Joomla, то ознакомьтесь с этими расширениями.
В настройках аддона (рисунок ниже) Вы сможете создавать вкладки, указывая какие аддоны нужно отображать во вкладках. А далее, перед Вами откроются настройки того аддона, который Вы добавило во вкладку.
Аккордеон (рисунок ниже). Позволяет отображать любые аддоны в аккордеоне.
Если Вам нужно больше возможностей, в плане создания аккордеонов Joomla, то ознакомьтесь с Regular Labs Sliders Free и DJ-Tabs.
В настройках аддона (рисунок ниже) Вы сможете создавать «складки» аккордеона, указывая какие аддоны нужно отображать в каждой из них. А далее, перед Вами откроются настройки того аддона, который Вы добавило во вкладку.
Иконка. Этот аддон позволяет выводить иконку из набора шрифтов FontAwesome 4 или FontAwesome 5. Набор шрифтов задаётся в общих настройках FontAwesome.
В настройках аддона (рисунок ниже) Вы можете выбрать одну из сотен иконок, задать ей размер, цвет, ссылку по нажатию, цвет фона, рамку, а также изменить цвет, цвет фона, рамку и эффект по наведению на иконку курсора мыши.
Блок особенностей (рисунок ниже). Содержит иконку (или изображение), заголовок и текст.
В настройках (рисунок ниже) можно выбрать иконку из набора шрифтов FontAwesome 4 или FontAwesome 5, задать заголовок, текстовое описание, ссылку по нажатию на заголовок и/или иконку и изменить параметры отображения этих элементов.
Пустой промежуток. Позволяет задать пустое пространство высотой до 400 пикселей (рисунок ниже).
Разделитель. Данный аддон SP Page Builder позволяет добавить горизонтальный или вертикальный разделитель – линию. В настройках (рисунок ниже) можно задать размер высоту вертикального разделителя, положение (слева, по центру, справа), толщину рамки, её цвет и другие параметры.
Изображение. В настройках (рисунок ниже) Вы можете добавить изображение с указанием радиуса скруглены его улов и альтернативным текстом (ALT). Также можно задать горизонтальное выравнивание и открытие увеличенной версии картинки во всплывающем окне (Lightbox).
Видео. Это дополнение Joomla SP Page Builder предназначено для вставки видео с YouTube, Vimeo или MP4, OGV файла, расположенного в папке Вашего сайта. В настройках, при добавлении видео с YouTube или Vimeo (рисунок ниже, верхняя часть), можно указать адрес видео, включить отображение рекомендованного видео только с Вашего канала и отключить куки YouTube. Последнее может понадобиться для приведения Вашего сайта в соответствие с требованиями GDPR. Немного подробнее об этом Вы можете узнать в статье «Обзор компонента GDPR для Joomla. Соответствие GDPR и 152 ФЗ».
При добавлении MP4 или OGV видеофайла из папки своего сайта, Вам будут доступны другие опции (рисунок ниже, нижняя часть). Есть возможность указать путь к файлу видео, путь к замещавшей картинке, отключить элементы управления видео, зациклить воспроизведение, отключить звук или включить автозапуск видео при загрузке страницы.
Если Вам нужно больше возможностей в плане вставки видео, то ознакомьтесь с этой статьёй «Обзор плагина AllVideos. Как вставить видео в Joomla».
Кнопка. Этот аддон SP Page Builder позволяет создать кнопку со ссылкой по её нажатию. В настройках (рисунок ниже) можно менять стиль кнопки, внешний вид, размер, форму, добавлять в неё помимо надписи иконку FontAwesome 4 или FontAwesome 5, задавать позицию иконки и т.д.
Уведомление (рисунок ниже). Позволяет отобразить форматированный текст с кнопкой закрытия на цветном фоне.
В настройках можно задать заголовок, показать/скрыть кнопку закрытия и выбрать стиль области уведомления. Если пользователь закрывает окно уведомления, то при загрузке страницы оно снова будет открыто.
Категории
Менеджер категорий SP Page Builder, а также опции, доступные при создании или редактировании категорий, аналогичны менеджеру категорий Joomla (рисунок ниже). По большому счёту, категории в SP Page Builder Lite почти не нужны. Разделяя страницы по категориям Вы сможете фильтровать их на странице с их перечнем (в админке).
Медиа
В компоненте есть свой собственный медиа-менеджер (рисунок ниже). В нём можно создавать папки и загружать файлы. Есть фильтр по типам файлов (изображения, видео, аудио и вложения), поиск и фильтрация по месяцу и году добавления файла.
Настройки
Настройки компонента (рисунок ниже) разделены на три вкладки. Рассмотрим наиболее интересные, на мой взгляд, параметры.
Вкладка Параметры.
- Production Mode. Вы сможете включить рабочий режим. В этом режиме все CSS стили помещаются в один файл, что позволяет улучшить скорость загрузки страниц. Но при этом внесение изменений на страницу может потребовать очистки кэша.
- Ключ API для Карт Google. Опция для вставки API ключа карт Google. Подробнее о том, как можно его получить написано и показано в видео в предыдущей статье «Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты».
- Загрузить FontAwesome. Если на страницах Joomla SP Page Builder Вы применяете шрифты FontAwesome, и они не загружаются шаблоном или другими расширениями сайта, то включите эту опцию.
- Select FontAwesome Version. Позволяет выбрать версию шрифтов – 4 или 5. Версия шрифта влияет на набор доступных иконок в аддонах, рассмотренных выше в статье.
На вкладке Лицензия и Обновление (рисунок выше) можно указать свои данные для получения обновлений, если у Вас актуальный статус лицензии. А на вкладке Права доступа (рисунок выше) можно настроить права управления компонентом для разных групп пользователей.
Как видите, даже бесплатная версия SP Page Builder Lite оснащена хорошим набором инструментов и настроек. А в сочетании с продуманным «проектом» страницы, подготовленным контентом и вкусом стиля можно получить очень хороший результат, не прибегая к найму специалистов. В следующей статье «Обзор SP Page Builder Pro (часть 3). Конструктор страниц для Joomla» мы поговорим о возможностях платной версии
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
 Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
Полезные ссылки:
- Официальный сайт SP Page Builder.
- Скачать SP Page Builder Lite.
- Документация SP Page Builder (на нагл.).
- Купить SP Page Builder Pro у разработчика (без посредников и переплат).
