Обзор темы Kadence - лучшая бесплатная WordPress тема 2021 1
Темы

Обзор темы Kadence — лучшая бесплатная WordPress тема 2021

Если вы в данный момент находитесь в поиске лучшей бесплатной премиум-темы WordPress в 2021 году, то можете дальше не искать😉. Во время экспериментов с WordPress с 2014 года, мной было перепробовано множество всевозможных как бесплатных, так и платных тем WordPress. И в этой статье Вы узнаете о новаторской теме Kadence!

За эти годы я использовал разные темы WordPress, включая Neve, OceanWP, Astra и GeneratePress. Все они имеют свои плюсы и минусы, как и любая другая тема. Тем не менее, меня всегда не покидало чувство, что я трачу слишком много времени на разработку своего сайта и совершенствование дизайна, в ущерб созданию контента.

А потом появилась она — быстрая, настраиваемая, интуитивно понятная, и конечно БЕСПЛАТНАЯ тема для WordPress — Kadence.

Она сразу же закрыла три моих основных требования на которые я всегда обращаю внимание в бесплатных WordPress-темах:

  • Легкий, SEO дружественный код для быстрой загрузки страницы (помогает вашим страницам занимать более высокое место в поисковой выдаче). Подробнее о настройке СЕО в WordPress в этой статье.
  • Тесная интеграция с редактором Gutenberg.
  • Простой в использовании интерфейс кастомизатора, что дает возможность новичкам создать полноценный сайт за меньшее время.
  • И в качестве бонуса специальный плагин Kadence Blocks для расширения функционала Gutenberg при создании страниц.

Круто, правда? Получается, что бесплатная тема дает вам больше возможностей, чем большинство платных тем WordPress.

Билдер шапки и подвала сайта? Липкий хедер? Прозрачный хедер? Прокрутка наверх страницы? Социальные иконки SVG без плагина? Легкий и оптимизированный код для очень быстрой работы? Все это… совершенно бесплатно — и это только верхушка айсберга.

Если вы использовали или только собираетесь использовать с вашей темой WordPress конструкторы страниц, такие как Elementor, Elementor Pro, Beaver Builder, Thrive Architect и пр., то и в этом случае Kadence будет себя чувствовать вполне комфортно.

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

Ладно… хватит болтать. Давайте уже перейдем к обзору темы Kadence и посмотрим, чем же она лучше других премиальных тем WordPress и почему ее называют лучшей бесплатной темы WordPress в 2021 году.

Лучшие особенности бесплатной темы Kadence:

  • Конструктор хедера и футера.
  • Липкий и прозрачный хедер.
  • Глобальная цветовая палитра.
  • Чрезвычайно простой и интуитивный интерфейс.
  • Красивые социальные иконки SVG (без сторонних плагинов).
  • Блок похожих постов.
  • Прокрутка вверх.
  • Тесная интеграция с редактором Gutenberg.

Можно весь день говорить о том, какая же классная тема Kadence, но давайте пройдемся по самым топовым фичам.

Конструктор хедера и футера

Благодаря данному инструменту можно легко перетаскивать различные элементы в шапку сайта, и создать полностью функциональный (и красивый!) хедер для вашего блога или сайта в считанные минуты.

Конструктор хедера и футера темы Kadence

Также Kadence предлагает 3 ряда для максимальной кастомизации хедера — верхняя строка, главная и нижняя строка хедера. С помощью билдера можно по своему усмотрению перетаскивать и тасовать доступные элементы (меню, SVG социальные иконки, кнопка CTA, иконка поиска и пр.). И это без установки дополнительных плагинов! Например в теме Astra это можно сделать только при помощи конструктора страниц.

В том случае, если вам нужен будет конструктор мега-меню для вашего сайта или магазина WooCommerce, то эта функция включена в PRO-версию темы Kadence (подробнее об этом в разделе Kadence Mega Menu & WooCommerce Add-on).

Все выше сказанное верно и для футера — вы также получаете 3 строки для подвала сайта с несколькими областями виджетов. Тут тоже можно использовать красивые иконки SVG для добавления своих социальных страниц, контактной информации и пр.

Хедер можно сделать липким с помощью удобного переключателя. Тема Kadence также включает в себя возможность создать прозрачный хедер. Причем в настройках можно задавать поведение липкого (прозрачного) хедера на мобильных девайсах, например можно включить прилипание при прокрутке вверх, включить сжатие основного ряда и пр.

Глобальная цветовая палитра Kadence

Тема Kadence включает в себя гениальную штуку — глобальную цветовую палитру.

Глобальная цветовая палитра темы Kadence

Если вы когда-либо создавали сайт на WordPress, то вполне вероятно вам приходилось потратить немало времени на настройку дизайна в кастомайзере, чтобы ваш сайт выглядел именно так, как вы хотите. Раз за разом вы копировали и вставляли цвета (шестнадцатеричный код, HSL, RGBa) в определенных областях, с одинаковой цветовую схему для вашего сайта.

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

Ну, с темой Kadence, вы именно это и получаете.

Первые два цвета — это ваши основные цвета акцента, следующие четыре цвета — это контрастные цвета, например для выделения текста, стилизации бордеров, а последние три цвета — это ваши базовые цвета, которые используются для фона сайта (обычно белый или светло-серый).

Настройка внешнего вида Kadence с помощью кастомайзера

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

Например, вот скриншот раздела Хедер в кастомайзере темы Kadence:

Кастомайзер раздела "Хедер" темы Kadence

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

А как насчет дизайна хедера, спросите Вы? Например фона шапки сайта, основные цвета ссылок навигации и реагирование при наведении, цвета социальных иконок и т.д.?

В других темах, дизайн и цвета вашего сайта находятся в совершенно другом разделе кастомайзера. Иногда в совершенно неожиданном. Если я разрабатываю дизайн шапки сайта, почему элементы дизайна и цвета не доступны прямо в самом разделе хедера?

С темой Kadence все иначе. Здесь в каждом разделе кастомайзера имеется вкладка Дизайн, позволяющая настраивать внешний вид именно данного элемента на фронтенде.

Вкладка Дизайн в кастомайзере темы Kadence

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

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

Бесплатные социальные SVG иконки (без плагина)

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

По мере развития редактора Gutenberg, все больше и больше людей будут отказываться от пейдж билдеров, и будут нуждаться в таких функциях, как социальные SVG иконки, встроенные в саму тему WordPress. Kadence — одна из первых тем, имеющая поддержку большого количества социальных иконок, которые вы с легкостью можете добавить. Дополнительный плюс — это формат иконок SVG, в большинстве случаев они занимают намного меньше места, чем другие форматы изображений, и страницы загружаются немного быстрее.

Кроме того, такие иконки здорово выглядят на экранах высокого разрешения (ретина, 4K мониторы и пр.), потому что такие изображения могут отлично масштабироваться без потери качества.

Дополнительные функции темы Kadence

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

  • Прокрутка вверх страницы.
  • Несколько разновидностей меню.
  • Три строки для вашего хедера и футера.
  • Липкий и прозрачный хедер.
  • Липкий сайдбар.
  • Настройка шрифтов для любого раздела вашего сайта.
  • Контроль за расстоянием паддингов и маржинов.
  • Слайдер с похожими записями в конце ваших постов на страницах блога.
  • Дополнительные пользовательские опции WooCommerce.

И многое другое. Но не просто читайте об этом, а попробуйте и убедитесь сами насколько она потрясная — бесплатная тема Kadence.

Вот почему Kadence является лучшей бесплатной темой WordPress в 2021 году на сегодняшний день.

Тем не менее, представьте себе самую лучшую бесплатную тему WordPress на стероидах … какие функции могут быть добавлены к уже многофункциональной теме?


И здесь в игру вступает Kadence Theme Pro. Ниже мы рассмотрим, какие функции предлагает платная версия темы Kadence.

Особенности Kadence Theme Pro

  • Дополнительные аддоны для билдера шапки сайта.
  • Хуки для элементов.
  • Мегаменю.
  • Дополнения для WooCommerce.
  • Скрипты для хедера/футера.
  • Пользовательские липкие хедеры.

Теперь пришло время перейти к Kadence Theme Pro, которая является расширенной версией и без того невероятной функциональной темы Kadence. Kadence Theme Pro включает кучу премиум-функций, которые позволят вам создать практически любой сайт, который вы можете себе представить. Итак, начнем!

Дополнительные аддоны для билдера шапки сайта

В бесплатной версии возможности по настройке хедера темы Kadence и так очень впечатляют. Тем не менее, вы можете оснастить свой конструктор хедеров продвинутым дополнением, которое поставляется с Kadence Theme Pro.

Вам нужен более сложный дизайн для шапки сайта? Логин с выпадающим меню для входа на сайт зарегестрированным пользователям? Дополнительные разделители и области для включения HTML? Дополнительные кнопки CTA? Дополнительные навигационные меню? Поисковая панель? Все это доступно с темой Kadence Pro.

Вот все дополнительные элементы, которые вы получаете с Kadence Advanced Header Builder Add-on:

  • Иконка учетной записи с выпадающим/модальным меню.
  • Панель поиска.
  • Контактные элементы.
  • Область виджетов.
  • Переключение с помощью выдвижной панели.
  • Разделитель.
  • Разделитель2.
  • Разделитель3.
  • HTML2.
  • Кнопка2.
  • Навигация3.
  • Навигация4.

Если Вы покупаете Kadence Membership, Вы получаете доступ к Kadence Theme Pro, Kadence Blocks Pro (расширенная версия плагина Kadence Blocks, которая добавляет дополнительные блоки Gutenberg), и многое, многое другое.

Kadence Theme Pro Advanced Header Builder

Здесь есть на что обратить внимание. Во-первых, на фантастически выглядящие дополнительные социальные иконы SVG. Во-вторых, кнопка Membership с изящным разделителем справа от него (доступно 3 разновидности этих разделителей).

И наконец, иконка «Аккаунт«, расположенную справа. Это потрясающая функция, включенная в Kadence Advanced Header Builder Add-on, которая идеально подходит для включения регистрации на сайтах, где вы хотите брать абонентскую плату за курсы или премиум контент.

Вот еще один пример шапки сайта, построенного с Kadence Advanced Header Builder Add-on:

Пример шапки сайта, построенного с Kadence Advanced Header Builder Add-on

Для WooCommerce имеется настраиваемая иконка корзины.

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

На скриншоте видно как я поэксперементировал с верхней панелью, чтобы добавить текущую промо-акцию (20% скидка при первом заказе), используя блок HTML и кнопку CTA вместе с простыми социальными иконками SVG в правой части верхней панели, чтобы связать клиентов с вашим интернет магазином.

Настройка хедера в Kadence Theme Pro для WooCommerce

Хуки для элементов

Kadence Element Hooks — одна из самых главных причин, по которой я приобрел Kadence Membership. Хуки позволяют вам создавать пользовательские разделы и подключать их в разных местах вашего сайта при помощи условий.

Например, вам нужно добавить код Google Analytics без плагина на ваш сайт WordPress. Для этого можно использовать хуки темы Kadence, чтобы добавить фрагмент кода Google Analytics в wp_head, и тем самым избавиться от необходимости устанавливать какой-нибудь дополнительный плагин. Ведь не секрет, что чем меньше плагинов используется на сайте, тем лучше.

Или, скажем, вы принимаете участие в партнерской программе Amazon или другой крупной партнерской сети, такой как CJ или ShareASale, и вам нужен отказ от ответственности, перед каждым из ваших постов в блоге. Можно просто написать отказ от ответственности с ссылкой на страницу Политики конфиденциальности и подключить его на хук Before Entry Content, и данный блок будет отображаться перед контентом каждой статьи на сайте.

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

Тут вступает в игру Kadence Element Hooks.

Одним из решений проблемы будет добавление тега «affiliate» к каждому посту, который содержит партнерские ссылки. Тогда можно в коде прописать условие, что вы хотите, чтобы блок с отказом от ответственности показывался только перед постами, помеченными тегом «affiliate». И все! Теперь вам не придется вручную добавлять отказ от ответственности перед каждой статьей.

Еще как вариант можно добавлять социальные иконки до или после текста статьи, рекламные баннеры в сайдбаре в зависимости от категории поста в блоге, блок «Подписаться на рассылку», таймер обратного отсчета с кнопкой уникального предложения и многое другое.

Kadence Element Hooks очень функциональные, удобные и легкие в использовании, и являются одной из самых классных функций, предлагаемых в Kadence Theme Pro.

Kadence мега-меню и WooCommerce аддоны

Данная функция будет востребована как на обычных сайтах, так и в интернет магазинах с WooCommerce, которые нуждаются в мега-меню, чтобы наглядно показать все категории, страницы, сервисы, курсы на вашем сайте. Мега-меню темы Kadence позволяет создавать многоколоночные выпадающие меню, а также включать иконки в элементы навигации.

Аналогично, дополнение Kadence WooCommerce Add-on, которое поставляется с про-версией темы Kadence, расширяет функционал WooCommerce. Так например, оно включает в себя быстрый просмотр архивов продуктов, возможность создать пользовательскую страницу магазина, добавление товара в корзину со страницы продукта с помощью AJAX, «липкая» корзина и многое другое.

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

Вот собственно и все, что хотелось сказать о возможностях бесплатной темы Kadence, в совокупности с платными функциями в Kadence Theme Pro.

Не знаю как вы, но я был очарован теми возможностями, которые предоставляет из коробки тема Kadence. И если вы сомневаетесь, возможно, вам стоит попробовать. 🙂

The Kadence Theme — это лучшая бесплатная тема для WordPress, которая была выпущена за последнее десятилетие. Если вы заботитесь о скорости загрузки вашего сайта (и это в ваших интересах, поскольку Google ранжирует быстрые сайты выше их «задумчивых» конкурентов), то данная тема вне конкуренции, особенно с тем количеством функций, которые вы получите.

Вы уже пробовали тему Kadence? Если нет, то какую тему вы сейчас используете, и в чем ее плюсы, по сравнению с Kadence? Дайте мне знать в комментариях ниже.

Источник: https://startblogging101.com

Вконтакте
Linkedin
Telegram
Whatsapp

Похожие статьи

У этой статьи пока нет комментариев


Добавить комментарий


Ваш адрес email не будет опубликован.

три × один =