Обзор темы Blocksy (FREE и PRO)

Если вы ищете быструю и красивую тему с готовыми шаблонами, поддержкой Гутенберг и большинства пейдж-билдеров, с большими возможностями настройки и всем нужным функционалом, то попробуйте тему Blocksy.

Это первоклассная тема для создания блога, интернет-магазина, корпоративного или любого другого типа сайта с большим количеством настроек и дополнений в удобном и красивом интерфейсе.

Блокси — действительно инновационная и многофункциональная тема, которая использует принцип модульного программирования. Это дает легкую и гибкую тему, с помощью которой можно создать практически все, что угодно.

А с использованием дополнительных бесплатных и платных дополнений — еще больше.

Главные преимущества Блокси — все необходимые настройки элементов сайта, — Хедера, Футера, Шаблонов страниц, Архивов, Заголовков и так далее.

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

Содержание:

Тема Blocksy

Тема Blocksy основана двумя разработчиками из Румынии — Серджиу Раду и Андреем Глингяну. Сейчас это компания со штатом сотрудников, зарегистрированная в США.

Первая версия Blocksy появилась в репозитории Вордпресс в мае 2015 года, сейчас тема имеет 100% рейтинг и более 2,5 млн. скачиваний:

Платное Premium расширение появилось на официальном сайте в ноябре 2020 года.

По данным сайта builtwith.com в ноябре 2023 года тема Blocksy занимает 36-е место по популярности в России и 23-е в мире.

Я думаю, что эта тема немного недооценена, и уверен, что популярность Blocksy будет расти.

Blocksy Free

Бесплатная версия Blocksy предлагает не только больше функционала, чем другие бесплатные темы, но и больше функционала, чем большинство других платных тем, в том числе более популярных.

Настройщик темы

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

Через некоторое время использования кастомизатора Блокси стандартный настройщик выглядит заметно устаревшим, а у некоторых тем — запутанным, потому что бывает трудно найти нужную настройку.

У темы Блокси это не так, все настройки сгруппированы по смыслу, поэтому интуитивно понятно, где что находится. Любая настройка находится с первого раза, даже если вы забыли или не знаете, куда идти:

У настройщика Блокси есть светлая и темная темы, можете выбрать любую, переключатель находится внизу.

В разделе General Options находятся настройки:

Здесь же находятся ссылки на аккаунты соцсетей, которые можно разместить в нужных местах сайта с помощью виджетов. Сети VK и Одноклассники есть, но если вам нужна сеть, которой нет в списке, вы можете ее добавить по этой инструкции из Документации темы.

Все подменю организованы интуитивно понятно, поэтому вы с первого раза найдете то, что ищете.

В разделах Post Types и WooCommerce находятся настройки страниц Блог и Магазин, всех типов Страниц и Архивов.

Настройки Блога

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

Включите или отключите показ сайдбара и другого функционала; если нужно — измените цвет фона страницы:

Во вкладке Card Options настраивается отображение записей (Лупов).

Выберите один из вариантов Типа карточек (3 варианта лупа с готовыми стилями):

И сделайте настройки лупов:

Вы можете включить или отключить элементы лупов:

Этих настроек вполне достаточно, чтобы оформить любой блог.

Виджет Divider / Разделитель можно скопировать и использовать несколько раз.

Во вкладке Design находятся настройки всех используемых шрифтов, цветов и других стилей.

Настройки Магазина

Шаблон страницы Магазин и другие Архивы WooCommerce:

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

И настроить Лупы:

В бесплатной версии настроек не так много (хотя больше, чем в других темах), но достаточно, чтобы настроить подходящий вариант.

В Карточке товара вы можете выбрать структуру страницы, включить / отключить элементы Карточки товара, сделать другие настройки:

Для многих Интернет-магазинов этих настроек вполне достаточно.

В платной версии доступно больше виджетов для Архива и Карточки товара, есть возможность менять порядок виджетов:

Шаблоны Страниц и Архивов

То же самое можно сделать для любого другого Типа записи или Архива.

Так настраивается шаблон Страницы:

Заголовки страниц

В Blocksy можно настроить Заголовки страниц для всех типов Страниц и Архивов.

Можно выбрать высоту и цвет фона, изменить параметры шрифтов, добавить мета-данные, и так далее:

Настроек много, можно найти подходящий вариант:

Все эти настройки, включая изображение в фоне, можно настроить на любой отдельной странице.

---

В предыдущем разделе General Options находятся настройки Ширины контента сайта. Вы можете настроить две разных ширины контента в качестве глобальных настроек.

С помощью этих инструментов вы можете настроить:

И выбрать один из двух вариантов ширины контента для каждого Шаблона по отдельности.

При этом ширину контента можно выбрать как в настройках шаблонов, так и на каждой отдельной странице.

---

В разделе Core находятся настройки Вордпресс, — Название сайта, Фавикон, Меню, Виджеты, и так далее.

Все находится на своих местах, там, где вы ожидаете это увидеть.

Конструктор Хэдера

Конструктор хедера находится в кастомизаторе в разделе Header.

С его помощью вы можете создать практически любой дизайн за считанные минуты.

Есть виджет Аккаунт с модальным окном. Просто перетащите нужные блоки в конструкторе:

У всех блоков есть стандартные отступы, поэтому все блоки встают аккуратно.

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

Прозрачность можно установить отдельно для любой страницы, или группы страниц с помощью Мастера условий:

У виджетов Аккаунта, Корзины, Поиска, Избранного, Быстрого просмотра товара WooCommerce и кнопки Закрыть есть один или несколько вариантов собственных иконок:

Если эти иконки вам не подходят, то вы можете добавить собственные SVG иконки с помощью этого снипета для functions.php из Документации.

В мобильной версии хедера все настройки доступны в полном объеме.

Мобильное меню можно вызывать в модальном окне или в выезжающей справа или слева панели, в него можно добавлять HTML-блоки или блоки Гутенберг.

Настройки цветов, прозрачности, шрифтов, отступов находятся во вкладке Design.

Конструктор футера

Конструктор футера такой же:

У всех рядов достаточно настроек, чтобы создать любой футер.

В настройках рядов находятся настройки отступов между рядами футера, колонками футера, и между виджетами.

Вы также можете отключить отображение любого ряда на разных устройствах.

Отключение отображения отдельных виджетов находится в Premium версии.

---

В бесплатной версии Blocksy вы можете удалить ссылку на разработчика темы в футере, и добавить свою информацию:

Как и другие блоки в других частях сайта, все виджеты футера добавляются со стандартными настройками отступов, все встает аккуратно.

Глобальные цвета

Глобальная типографика

Глобальная Кнопка и Поля форм

В Blocksy Кнопка и поля Форм имеют свои настройки.

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

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

Настройки отдельных страниц

Ещё одна крутая вещь, которая есть в бесплатной версии Blocksy — настройка страниц.

В правом верхнем углу кликните значок Blocksy:

Заголовок страницы

Заголовку страницы можно указать цвет фона, высоту и другие настройки.

В разделе Page Title вы выбираете Тип Заголовка, настраиваете виджеты Заголовка и делаете настройки шрифтов и цветов:

Это минимально необходимый функционал, который требуется для построения любого сайта, и в бесплатной версии Blocksy он есть полностью.

С этими инструментами Blocksy вы можете построить полноценный блог, интернет-магазин или сайт компании:

• С вашим Хедером и Футером
• Кастомными Заголовками
• Кастомные страницы Блог и / или Магазин
• Кастомные шаблоны Страниц и Карточки товара
• Шаблоны их Архивов

Все настройки доступны так же, как в полной версии темы.

Кроме этого минимума, в бесплатной версии Blocksy есть ещё функционал:

Живой поиск (Live Search)

В теме Blocksy есть виджет Живого поиска для хедера.

Все работает как надо, никаких дополнительных плагинов больше не нужно.

Поделиться в соцсетях

У виджета 2 варианта кнопок, и их можно расположить над контентом, под контентом или вместе.

Все основные соцсети и мессенджеры есть, работает хорошо. Настроек много.

Похожие записи

Если вам нужно выводить Похожие записи внизу под контентом, то используйте этот виджет.

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

Чтобы настроить луп можно включать / отключать мета как в настройках блога, все стили есть:

В платной версии добавляется возможность показывать Товары в этом виджете и слайдер.

Липкий сайдбар

В настройках сайдбара можно включить прилипание к верху экрана при прокрутке (sticky sidebar).

В Карточке товара информацию о товаре справа от изображения тоже можно сделать sticky.

Что ещё есть:

• Виджеты и настройки в настройщике в Блоге, на странице Магазин, в Шаблонах страниц и Архивов, о которых я не говорил.
  Например, вы можете использовать стандартный ввод количества , или один из готовых вариантов:
  Стиль 1:, Стиль 2:.
  Есть настройки цвета текста для сообщений WooCommerce и многое другое.
• Виджет Популярные записи перед футером, который выводит популярные записи или товары (за все время, за месяц, за 7 дней, за 24 часа).
• Расширение для создания Обзоров / Отзывов с оценками и кратким описанием.
• Расширение для создания всплывающего окна с Согласием на Cookies.
• И другое, например, кнопка Наверх, блок Подписки на новости сайта.

Шаблоны готовых сайтов

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

Шаблоны сайтов полные, со всеми страницами, есть предпросмотр каждого шаблона.

Blocksy Free: Промежуточный итог

Блокси — это рама для вашего контента. С его помощью вы можете сделать полное оформление любого сайта:

У Блокси такое большое разнообразие возможных вариантов настроек Шаблонов страниц, что пейдж-билдер для их создания может быть не нужен.

В ноябре 2023 года Blocksy 1.9 не поддерживает Full Site Editing (FSE).

Я думаю, что у Блокси уже есть удобные инструменты для создания Шапки, Футера, Шаблонов Страниц и Архивов. Использовать их для редактирования темы проще, быстрее и эффективнее, чем создавать всё это самому в FSE, особенно если вы создадите несколько шаблонов.

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

Это очень удобно, когда все настройки находятся в одном месте и управляются из этого места.

Blocksy Premium

Функционал платной версии продолжает развитие бесплатной версии Blocksy, у него появляется больше возможностей. И добавляется множество дополнений, в основном для WooCommerce.

То есть платная версия Blocksy Premium делает ненужным использование многих плагинов.

Конструктор Хедера и Футера

В версии Pro в конструкторе хедера и футера появляются новые виджеты:

Вы можете добавить в футер Логотип, Живой поиск и Кнопку.

Виджеты со значком можно дублировать и использовать до 4-х раз.

---

Кроме новых виджетов, в версии Pro появилась возможность создавать Условные хедеры и футеры.

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

То есть вы можете создать хедер и футер для Главной страницы,
Еще один хедер и футер для страниц Интернет-магазина,
И еще один хедер для остальных страниц сайта. Футер можно использовать из ИМ, или можно создать еще один.

Появление хедера и футера на страницах можно настроить с помощью Мастера условий:

Такой же Мастер условий используется в других частях Блокси.

В Blocksy 2 у виджета Аккаунт появился еще один вариант действия — выпадающее меню:

Структура Страниц и Архивов

В настройщике Блокси появляется больше опций для настройки структуры Страниц и Архивов.

В версии 2 для настройки страниц WooCommerce появилось отдельное расширение.
С его помощью вы можете настроить вид страницы Магазин и Карточки товара:

Если вам недостаточно стандартных полей, вы можете выводить данные из кастомных полей.

В версии 2 в настройках Структуры появилась возможность выводить до 4-х полей ACF.

Блоки контента и Хуки

У Блокси есть инструмент, который называется Content Blocks (Блоки контента).

В версии 1.9 можно создать 3 типа Контента:

Например, вы можете создать второй шаблон для Страниц, — для раздела сайта ../docs/.. Документация — со своим расположением элементов на странице.

• Пример хуков: Хуки WooCommerce на странице Оформления заказа

У Blocksy простой и удобный интерфейс с минимальным сопротивлением, поэтому пользоваться этими инструментами тоже просто.

Вот такие блоки Гутенберг есть в бесплатной версии Blocksy 1.9:

Их можно использовать для создания Шаблонов.

Сайдбар

Последний инструмент для создания Структуры сайта — Сайдбар.

В платной версии вы можете создать неограниченное количество сайдбаров и загружать их на определенных страницах с помощью Мастера условий.

---

Мега меню

С помощью этого расширения можно делать такие меню:

Темная тема

В настройщике темы в разделе Цвета находятся глобальные цвета, которые используются на всем сайте.

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

После этого вы добавляете виджет переключения светлой / темной темы в хедер и переключение начинает работать:

Шрифты

По требованиям Гугл и других поисковиков нужно загружать шрифты (и вообще весь контент) со своего сервера, так правильнее и это соответствует правилам GDPR.

Если вы пользуетесь шрифтами Google, в версии Pro вы можете скачать используемые шрифты с сервера Гугл, и обслуживать этими шрифтами своих посетителей со своего сервера.

Если вам нужно загрузить шрифты Adobe или шрифты в форматах TTF или WOFF2, то есть 2 отдельных расширения для работы с ними.

Custom Code Snippets

С помощью этого расширения вы можете добавлять собственный код в любую часть сайта.

Если вам нужно добавить код в какое-то определенное место на странице (например, после хедера), то используйте инструмент Content Blocks:

White Label

В Blocksy Pro вы можете заменить все упоминания о названии темы и авторе на свой бренд.

Можно заменить название и все упоминания темы в админке, и название плагина Blocksy Premium на свое название.

Это увеличивает доверие и вовлеченность пользователя в интерфейс.

После того, как вы изменили бренд, настройки White label можно скрыть.

Панель инструментов (Shortcuts Bar)

С помощью этого расширения вы можете создать Панель инструментов / Панель ссылок в нижней части экрана.

В эту панель вы можете добавить наиболее важные действия, например:

• Позвонить
• Написать в WhatsApp
• Перейти в Магазин

Выберите один из двух видов Панели и добавьте виджеты. Доступно 8 виджетов:

В Кастомной кнопке можно выбрать иконку из списка и добавить любую ссылку, например, WhatsApp или Telegram.
Кастомную кнопку можно дублировать.

Всего можно добавить до 12 кнопок.

В настройках стилей каждый элемент можно настроить:

• Цвет и размер иконок
• Цвет фона
• Параметры разделителя
• Тень блока
• Радиус скругления блока

Расширения WooCommerce

И несколько других дополнений не для WooCommerce.

Блокси предлагает много инструментов, в том числе для Интернет магазина.

Весь функционал проработан достаточно хорошо, что соответствующий плагин уже не нужен.

Я думаю, что Blocksy — одна из лучших тем для Вордпресса. В бесплатной версии это впечатляющая тема с функционалом многих платных тем. В платной версии вы получаете большой набор возможностей для создания сайта.

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

Если тема Blocksy вам понравилась, вы можете купить полную версию на официальном сайте:

Надеюсь, статья была полезна. Оставляйте комментарии.