Kadence Blocks — это плагин WordPress, который добавляет в редактор Gutenberg коллекцию универсальных и настраиваемых блоков. С помощью Kadence Blocks вы можете создавать привлекательные и отзывчивые веб-сайты без каких-либо навыков программирования.
В этом сообщении блога я познакомлю вас с новыми функциями и улучшениями в Kadence Blocks 3.0 и покажу, как их использовать для создания удивительных страниц и сообщений.
Что нового в блоках Kadence 3.0?
Kadence Blocks 3.0 — это крупное обновление, которое добавляет в плагин множество новых функций и улучшений.
В новой версии Kadence Blocks много новых функций и изменений. Давайте сосредоточимся на самых заметных из них, которые вы можете с нетерпением ждать.
Создавайте потрясающие сайты
С лучшим бесплатным конструктором страниц Elementor
Начать сейчасВот некоторые из основных моментов:
1. Новая библиотека блоков
В Kadence 3.0 есть новая библиотека блоков, которая позволяет вам просматривать и вставлять предварительно разработанные блоки и шаблоны на свои страницы и сообщения. Вы также можете сохранить свои собственные блоки и шаблоны в библиотеке для использования в будущем.
2. Панель глобальных настроек
В Kadence 3.0 появилась новая панель глобальных настроек, которая позволяет вам управлять стилями и настройками по умолчанию для всех ваших блоков. Вы также можете переопределить глобальные настройки для отдельных блоков или разделов.
Например, вы хотите использовать одни и те же настройки для блока “List of Items” каждый раз, когда добавляете его в запись блога. Вы хотите настроить границу и размер шрифта и оставить их такими.
Теперь, после того, как вы настроили свой блок, вам просто нужно перейти на вкладку “Advanced”, открыть раздел “Block Defaults” и нажать “SСохранить по умолчанию.”
3. Типография
Kadence 3.0 также поставляется с новой системой типографики, которая позволяет настраивать шрифты, размеры, цвета и интервалы между текстовыми элементами. Вы также можете применять разные стили типографики к разным устройствам и размерам экрана.
4. Новая система цветовой палитры
Эта версия Kadence также поставляется с новой системой цветовой палитры, которая позволяет создавать и управлять собственными цветовыми схемами для ваших блоков. Вы также можете использовать палитру цветов, чтобы выбрать любой цвет из спектра или ввести шестнадцатеричный код.
Вы можете получить доступ к глобальным цветам Kadence на панели администратора site’s, выбрав Внешний вид > Настройка > Цвета & Шрифты > Цвета.
Есть 9 цветов. Вы можете изменить используемую палитру в настройщике, но это изменит только 9 используемых цветов. Порядок имеет значение, и в целом вам следует следовать тому же шаблону, который вы видите при первой загрузке темы.
Есть три раздела цветов, первые два — акцентные цвета, следующие 4 — контрастные цвета, которые помогают создать тонкую иерархию дизайна, обычно в тексте, а последние три — цвета фона, которые помогают различать тонкие разделы страницы или сообщения.
5. Библиотека иконок
Новая библиотека значков, которая позволяет выбирать из сотен значков для ваших блоков. Вы также можете загрузить свои собственные значки или использовать файлы SVG.
В Kadence Blocks 3.0 вы можете выбирать значки, не покидая страницы выбора значков.
До Kadence Blocks 3.0 для выбора значков нужно было переходить с одной страницы на другую в средстве выбора значков.
В Kadence Blocks 3.0 все по-другому, и теперь вы можете увидеть все значки, прокручивая их.
6. Новый градиентный фон
Новая опция градиентного фона, которая позволяет добавлять потрясающие эффекты градиента к вашим блокам. Вы также можете настроить угол, положение, непрозрачность и режим наложения градиента.
Следующим улучшением в Kadence Blocks 3.0 является новый пользовательский интерфейс настроек градиента. Новый интерфейс очень похож на средство выбора градиента в средстве выбора WordPress.
- Градиент до Kadence 3.0
- Градиент после Каденс 3.0
7. Разделитель формы
Новая опция разделителя фигур, которая позволяет добавлять творческие формы и узоры для разделения блоков. Вы также можете настроить высоту, ширину, цвет и положение разделителя формы.
8. Новый контейнерный блок
Новый блок-контейнер, который позволяет создавать вложенные макеты и разделы на ваших страницах и в сообщениях. Вы также можете добавлять в контейнеры фоновые изображения, видео, эффекты параллакса, наложения и анимацию.
9. Расширенный блок заголовка
Новый расширенный блок заголовков, который позволяет добавлять привлекательные заголовки с несколькими текстовыми слоями, цветами, шрифтами и стилями. Вы также можете добавлять к заголовкам значки, разделители, значки и анимацию.
10. Расширенный блок кнопок
Новый расширенный блок кнопок, который позволяет добавлять стильные кнопки с несколькими слоями, цветами, шрифтами и стилями. Вы также можете добавлять к кнопкам значки, границы, тени, эффекты наведения и анимацию.
11. Блок вкладок
Новый блок вкладок, который позволяет создавать адаптивные вкладки с пользовательским содержимым и стилями. Вы также можете добавлять значки, разделители, границы, тени и анимацию на свои вкладки.
12. Аккордеонный блок
В Kadence 3.0 появился новый блок аккордеона, который позволяет создавать сворачиваемые панели с пользовательским содержимым и стилями. Вы также можете добавлять к своим аккордеонам значки, разделители, границы, тени и анимацию.
13. Блок отзывов
Новый блок отзывов, который позволяет отображать отзывы клиентов с настраиваемым содержимым и стилями. Вы также можете добавлять изображения, рейтинги, значки, границы, тени и анимацию к своим отзывам.
Первый шаг к использованию блока отзывов — выбрать его в редакторе блоков:
После выбора блока отзывов вы можете выбрать макет отзыва.
14. Информационное окно
Новый блок информационных полей, который позволяет отображать информативный контент с пользовательским содержимым и стилями. Вы также можете добавлять изображения, значки, кнопки, границы, тени и анимацию в свои информационные поля.
Как использовать блоки Kadence 3.0?
Чтобы использовать Kadence Blocks 3.0 , на вашем сайте должен быть установлен WordPress 5.0 или выше. Вам также необходимо активировать редактор Gutenberg, если вы используете плагин для классического редактора.
Чтобы установить Kadence Blocks 3.0 на свой сайт:
- Перейдите в «Плагины» > «Добавить новый» на панели инструментов WordPress.
- Найдите блоки Kadence в окне поиска.
- Нажмите «Установить сейчас» , а затем «Активировать» .
- Перейдите в Kadence Blocks> Settings на панели инструментов WordPress, чтобы настроить параметры плагина.
Чтобы использовать Kadence Blocks 3.0 на своих страницах и/или в публикациях:
- Перейдите на Страницы > Добавить новую или Записи > Добавить новую на панели управления WordPress.
- Щелкните значок плюса (+) в верхнем левом углу редактора, чтобы открыть панель вставки блоков.
- Просмотрите или найдите категорию Kadence Blocks и выберите блок, который хотите вставить.
Настройте параметры и содержимое блока, используя панель инструментов блока и параметры боковой панели.
Повторите шаги 2-4 для любых других блоков, которые вы хотите добавить.
Заключение
Kadence Blocks 3.0 — это мощный и универсальный плагин, который позволяет создавать потрясающие веб-сайты с помощью WordPress и Gutenberg. Благодаря новым функциям и улучшениям вы можете с легкостью создавать любой макет и стиль.
Если вы хотите узнать больше о Kadence Blocks 3.0 или увидеть несколько живых примеров того, что вы можете создать с его помощью, посетите их официальный сайт по адресу https.
