Честные мысли + код скидки (2022)
Опубликовано: 2022-10-05Рассматриваете возможность использования темы Blocksy для создания своего сайта WordPress? В нашем практическом обзоре темы Blocksy мы поможем вам решить, подходит ли эта многоцелевая тема для вашего сайта. Если это так, мы также поделимся нашим эксклюзивным кодом скидки Blocksy, который даст вам 10% скидку на покупку.
Blocksy — это легкая многоцелевая тема, которую вы можете использовать для создания буквально любого типа веб-сайта, от блогов до бизнес-сайтов, портфолио, магазинов электронной коммерции и многого другого.
В общем, я думаю, что он заслуживает места в списке лучших вариантов, использующих этот легкий многоцелевой подход.
Он содержит хорошо продуманные параметры настройки, которые помогут вам легко настроить тему. Для более продвинутых пользователей он также предлагает мощные инструменты для пользовательских макетов, условного контента и многого другого. А для магазинов WooCommerce вы получаете множество дополнительных функций.
Есть несколько недостатков. Например, хотя все его демонстрационные сайты выглядят потрясающе, их количество довольно ограничено по сравнению с аналогичными темами.
Но в целом, Blocksy — отличная тема, и вы точно не будете разочарованы, используя ее для своих сайтов.
Чтобы помочь вам понять, почему я так говорю, вот все, что мы рассмотрим в нашем обзоре Blocksy:
️ Изучение шести ключевых функций Blocksy: как их использовать
Чтобы начать наш обзор Blocksy, давайте рассмотрим некоторые из наиболее примечательных функций и то, каково это использовать Blocksy.
1. Более 25 импортируемых демонстрационных сайтов
Чтобы начать работу с Blocksy, вы можете создать свой сайт с нуля или импортировать один из 25+ готовых демонстрационных сайтов Blocksy.
Хотя наличие только 25+ демонстрационных сайтов немного ограничивает по сравнению с другими темами, которые предлагают 100+ сайтов, все демонстрационные сайты выглядят потрясающе.
По сути, хотя количество может отставать от других тем, качество является первоклассным и равным или превосходит все другие темы, на которые я смотрел. Посмотреть всю коллекцию можно здесь:
Некоторые демонстрационные сайты созданы как с Elementor, так и с Gutenberg ( а некоторые поддерживают Brizy ), в то время как другие поддерживают только Gutenberg.
Когда вы импортируете демонстрационный сайт, вы можете импортировать только настройки Customizer или демонстрационный контент. Если он поддерживает несколько сборщиков, вы также можете выбрать предпочитаемый сборщик.
В целом процесс импорта демо имеет очень приятный мастер, который включает в себя настройку дочерней темы для вас:
Точно так же вы можете сделать свой сайт похожим на демо менее чем за минуту.
2. Очень подробные параметры настройки
Чтобы управлять общим дизайном вашего сайта, вы будете использовать собственный настройщик в реальном времени, а также множество встроенных опций.
Вы можете использовать эти параметры для управления макетами блога, цветами, типографикой, верхними и нижними колонтитулами и так далее.
В общем, у вас масса вариантов, поэтому я не могу показать вам все. Но давайте взглянем на некоторые из наиболее примечательных областей…
Конструктор хедера и футера
Чтобы управлять вашим верхним и нижним колонтитулом, Blocksy предоставляет вам конструктор перетаскивания внутри Customizer.
Вы можете использовать множество различных элементов для добавления содержимого в сетку заголовков. Вы также можете использовать параметры внизу, чтобы настроить заголовок для разных пользовательских устройств:
Вы также получите дополнительные параметры для настройки общего заголовка, а также отдельных строк и элементов заголовка.
Макеты блога
Вы получаете множество опций для управления макетами как для отдельных сообщений в блоге, так и для страниц архива блога.
Варианты архива блога:
Одиночные варианты блога:
У Blocksy также есть несколько приятных моментов, таких как предоставление вам специальных опций для настройки разделов комментариев, страниц авторов и страниц категорий.
Цвета
Вы можете настроить единую глобальную цветовую палитру для обеспечения согласованности. При необходимости вы можете настроить отдельные цвета при работе с определенными частями вашего сайта.
Типография
Для управления типографикой в Blocksy есть удобная система, позволяющая настраивать типографику для разных типов текста:
Вы также получите параметры типографики в некоторых других областях, таких как специальные параметры для заголовка сообщения, отрывка и других деталей. Вы видели некоторые из них на скриншотах архива блога выше.
3. Элементы управления на уровне страницы
В дополнение к параметрам настройки, Blocksy также предлагает подробные элементы управления на уровне страницы, которые позволяют вам контролировать макет ваших сообщений / страниц на индивидуальном уровне.
Это дает вам полный контроль над холстом, что отлично подходит как для использования редактора блоков, так и для интеграции с плагинами компоновщика страниц.
Вот что вы можете сделать:
- Скрыть заголовок страницы.
- Выбирайте разные макеты страниц.
- Настройте цвет фона.
- Отрегулируйте интервал.
- Скройте другие элементы страницы (избранное изображение, окно общего доступа, верхний или нижний колонтитул).
Здесь вы можете увидеть все элементы управления Blocksy на уровне страницы:
4. Условные заголовки, нижние колонтитулы и боковые панели (Pro)
В бесплатной версии Blocksy вы можете полностью настроить верхний и нижний колонтитулы и боковую панель… но у вас может быть только одна версия каждого элемента для вашего сайта.
Однако с Blocksy Pro вы можете создавать несколько дизайнов и использовать условные правила для отображения каждого из них. Это позволяет оптимизировать эти элементы для разных частей вашего сайта.
Например, вы можете создать собственный заголовок для определенного типа сообщений или для сообщений блога в определенной категории. Или вы можете создать разные заголовки для анонимных пользователей и пользователей, вошедших в систему, или даже пользователей с разными ролями, что особенно удобно для сайтов с членством, интернет-магазинов и онлайн-курсов.
Например, с заголовками вы получите возможность добавить новый заголовок в построитель заголовков:
Затем вы можете создать этот заголовок так же, как вы создали свой глобальный заголовок. Одним из дополнений является то, что вы можете настроить условные правила для этого заголовка, чтобы контролировать, когда его использовать:
Чертовски полезно!
5. Пользовательские макеты/хуки, также известные как блоки контента (Pro)
Blocksy Content Blocks — это более продвинутая функция, которая поможет вам настроить свой сайт.
С Content Blocks вы можете создавать три типа пользовательских дизайнов:
- Пользовательский контент , который вы добавляете в разные места вашей темы с помощью хуков.
- Всплывающие окна , которые вы можете отображать на своем сайте.
- Пользовательские шаблоны тем , например, разработка собственного шаблона отдельной публикации.
Если вы случайный пользователь, вы можете не трогать их. Но для более продвинутых пользователей это поможет вам выйти за рамки параметров настройки, не полагаясь на собственный код или сторонние плагины.
Вот несколько примеров…
Пользовательский контент
Во-первых, допустим, вы хотите добавить форму подписки по электронной почте в конце сообщений в блоге. Вы можете сделать это, создав настраиваемый блок контента и используя многочисленные места для крючков, чтобы вставить макет в любое место на вашем сайте.
Для управления фактическим содержимым вы можете использовать либо редактор блоков, либо редактор кода:
Вы также можете использовать условия отображения, чтобы контролировать, кто увидит блок:
- Показывать только на определенном контенте. Например, сообщения в блоге в определенной категории.
- Показывать только определенным пользователям. Например, вы можете скрыть форму подписки по электронной почте для зарегистрированных пользователей.
- Запланируйте его запуск в определенное время.
- Скрыть на определенных устройствах.
Всплывающие окна
С блоком всплывающего содержимого вы получаете почти все те же параметры.
Ключевое отличие заключается в том, что вы показываете контент во всплывающем окне, а не вставляете его на свой сайт, используя местоположения крючков.
Вы также можете выбрать различные местоположения, размеры и триггеры всплывающих окон.
Параметры запуска — это именно то, что вы ожидаете от специального всплывающего плагина, включая время на странице, глубину прокрутки и даже намерение выхода:
Это очень уникальная функция, так как большинство других тем не предлагают всплывающие окна в качестве настраиваемых параметров макета . В большинстве случаев это может устранить необходимость использования отдельного всплывающего плагина.
Шаблоны
Наконец, вы также можете использовать блоки контента для разработки пользовательских шаблонов для следующих областей вашей темы:
- Заголовок
- Нижний колонтитул
- Одинокий
- Архив
- 404 страница
Например, может быть, вы хотите использовать другой шаблон сообщения для сообщений блога в определенной категории.
С помощью этой функции (и собственных блоков темы) вы можете легко настроить это:
6. Множество других полезных расширений
Помимо блоков контента, вы получаете несколько других уникальных расширений, которых нет в других подобных темах.
Например, вы получаете бесплатные расширения для уведомлений о согласии на использование файлов cookie, подписки на рассылку новостей и обзоров продуктов:
С опцией Pro вы получаете некоторые расширенные расширения для пользовательского кода, расширенные меню и более продвинутую поддержку WooCommerce:
Одним из моих личных фаворитов является расширение Post Types Extra , которое очень удобно, если вы создаете сайты с пользовательским контентом, которые включают настраиваемые поля. В дополнение к другим удобным функциям (таким как индикатор выполнения чтения), он позволяет включать содержимое из настраиваемых полей в ваши архивные карточки или в раздел заголовков постов/страниц.
️ Тесты производительности темы Blocksy по сравнению с другими популярными вариантами
Если вы хотите, чтобы ваш сайт WordPress загружался быстро, выбор темы с быстрой загрузкой — одна из лучших вещей, которые вы можете сделать.
Blocksy — быстро загружаемая тема. Он легкий и имеет очень оптимизированный технический стек, например, код загружается только на тех страницах, где он необходим, а не загружается по всему сайту.
Однако, чтобы увидеть, насколько он быстр, я провел несколько тестов производительности как для Blocksy, так и для некоторых его основных конкурентов.
Все эти тесты предназначены только для голой темы при новой установке. Хотя это не очень реалистичный сценарий реального мира, я думаю, что это самый честный способ сравнить разные темы, и он дает вам хорошее представление об основном «весе» темы.
Вот веса для различных популярных тем: