Добавление и использование поддержки сеток (grid) в темах WordPress

Вы когда-нибудь создавали сайт на современном WordPress и мечтали о том, чтобы в WordPress был тип макета сетки, который можно было бы использовать?

👉 https://developer.wordpress.org/news/2024/02/06/adding-and-using-grid-support-in-wordpress-themes/

#wordpress #development #gutenberg #grid

🦄 WordPress Digest - Подписаться

Добавление стартовых паттернов в темы WordPress

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

👉 https://developer.wordpress.org/news/2024/01/31/adding-starter-patterns-to-your-wordpress-themes/

#wordpress #development #gutenberg #patterns

🦄 WordPress Digest - Подписаться

Что круче для сборки сайта Gutenberg или Elementor?

Вот вопрос вопросов, на самом деле. Я думал что одно, потом передумал.

Сейчас пишу статью на основе опыта последних проектов и выбор оказался не так прост.

Давайте в комменты накидаем, кто с чем работает и почему? Какое решение лучше и на каких сайтах?

👉🏻 https://t.iss.one/wpcraft/168

#wordpress #elementor #gutenberg

🦄 WordPress Digest - Подписаться

Как интегрировать пользовательские платежные шлюзы с блоком оформления заказа WooCommerce

В блоге Миши вы можете найти полное руководство по созданию платежного шлюза WooCommerce, но в последних версиях (начиная с 8.3) вы, наверное, уже заметили, что ваш пользовательский метод оплаты недоступен в блоке Checkout.

👉🏻 https://rudrastyh.com/woocommerce/checkout-block-payment-method-integration.html

#wordpress #woocommerce #development #gutenberg

🦄 WordPress Digest - Подписаться

Как добавить метабоксы и произвольные поля к постам в Gutenberg

Поля произвольных данных (метабоксы) служат для добавления дополнительной информации к контенту вашего сайта. Эта информация, известная как метаданные, позволяет расширить функциональность и возможности вашего веб-ресурса. В этой статье мы рассмотрим как добавить метабоксы для Gutenberg.

👉🏻 https://genius.courses/?p=52133

#wordpress #gutenberg #development

🦄 WordPress Digest - Подписаться

Создание паттернов блоков программным способом

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

👉🏻 https://rudrastyh.com/gutenberg/create-block-patterns-programmatically.html

#wordpress #gutenberg #patterns #blocks

🦄 WordPress Digest - Подписаться

Советы и рекомендации для разработчиков по созданию паттернов в редакторе блоков

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

👉 https://developer.wordpress.org/news/2024/03/19/pattern-design-tips-and-tricks-for-developers/

#wordpress #gutenberg #patterns #development

🦄 WordPress Digest - Подписаться

📺 Как создать пользовательский блок для Gutenberg под WordPress (JSX). Руководство от Миши Рудрастых

В этом видео мы создадим блок для Gutenberg с помощью React (не волнуйтесь) полностью с нуля. Если вы никогда не работали с React или Webpack - не стоит беспокоиться, потому что в видео мы рассмотрим и эти темы.

👉🏻 https://youtu.be/_tBaqx3Bdks?si=ZNm-DJCLa43JzgP0

#wordpress #gutenberg #jsx #react

🦄 WordPress Digest - Подписаться

Как отключить блоки Gutenberg в WordPress

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

👉🏻 https://wp-kama.ru/id_16956/disable-single-blocks.html

#wordpress #development #gutenberg

🦄 WordPress Digest - Подписаться

Как парсить контент Gutenberg для headless WordPress

Gutenberg – это редактор по умолчанию для WordPress. Он позволяет создавать и оформлять контент с помощью отдельных блоков для текста, изображений, видео и других элементов сайта с помощью интерфейса drag-and-drop. Этот подход повышает гибкость и возможности дизайна WordPress. Давайте разберемся как устроен Gutenberg для headless WordPress.

👉🏻 https://genius.courses/?p=52254

#wordpress #gutenberg #headless

🦄 WordPress Digest - Подписаться

VIP Block Data API

Block Data API - это API для получения записей редактора блоков, структурированных в виде JSON-данных, с интеграцией как в официальный WordPress REST API, так и в WPGraphQL. Хотя API Block Data в первую очередь предназначен для использования в "безголовом" (headless) WordPress, его можно использовать везде, где требуется представлять разметку блока в виде структурированных данных.

К сожалению, в настоящее время этот плагин разработан для использования только на сайтах WordPress, размещенных на платформе VIP.

👉🏻 https://github.com/Automattic/vip-block-data-api

#wordpress #rest #api #gutenberg #headless

🦄 WordPress Digest - Подписаться

WordPress Дайджест № 13 (18 марта — 18 апреля 2024)

Подборка свежих новостей, инструментов, видео и материалов из мира WordPress. Приятного чтения!

👉 https://wp-digest.com/digest/18-04-2024/

#wordpress #Core #Development #Gutenberg #Security #Themes #WooCommerce #plugins

🦄 WordPress Digest - Подписаться

Gutenberg DevTools

Инструменты для генерации сниппетов кода для редактора блоков в WordPress. Этот проект находится в постоянном развитии и по мере возможности следует за эволюцией WordPress Core.

👉 https://www.gutenberg-devtools.com

#wordpress #gutenberg #tools

🦄 WordPress Digest - Подписаться

📺 Сражение года: Gutenberg против Bricks Builder

Вас ждёт увлекательное соревнование по созданию страниц в прямом эфире с Кевином Гири (Bricks Builder) и Брайаном Коордсом (Gutenberg).

👉🏻 https://www.youtube.com/watch?v=al23k0Kv3H4

#wordpress #gutenberg #versus #bricksbuilder #bricks

🦄 WordPress Digest - Подписаться

WordPress Дайджест № 14 (18 апреля - 19 мая 2024)

Подборка свежих новостей, инструментов, видео и материалов из мира WordPress. Приятного чтения!

👉 https://wp-digest.com/digest/19-05-2024/

#wordpress #Core #Development #Gutenberg #Security #Themes #WooCommerce #plugins

🦄 WordPress Digest - Подписаться

📺 Что из себя представляет Interactivity API в WordPress 6.5?

В WordPress 6.5 был представлен революционный Interactivity API - легкая библиотека JavaScript, построенная на основе preactjs. Ее задача - стандартизировать реактивное манипулирование HTML-элементами, революционизируя способы взаимодействия разработчиков с сайтами на WordPress.

Традиционно разработчики использовали различные методы в ванильном JavaScript для достижения подобных результатов. Однако управление этими методами становится громоздким и неудобным по мере усложнения приложений. Interactive API решает эту проблему, упрощая процесс.

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

👉 https://www.youtube.com/watch?v=4N2LlLMBWBo

#wordpress #gutenberg #api #InteractivityAPI

🦄 Подписаться

Понимание блоков, паттернов и шаблонов Gutenberg

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

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

👉 https://thewpminute.com/understanding-gutenberg-blocks-patterns-and-templates/

#wordpress #gutenberg #development

🦄 Подписаться

Расширение блока Query Loop в WordPress: Создание вариаций для кастомных запросов

Блок Query Loop в WordPress представляет собой мощный инструмент, позволяющий создавать и отображать списки публикаций на основе заданных параметров. Например, он может циклически отображать записи определённой категории и для каждой из них выводить картинку-заглавие. В данной статье мы рассмотрим: Расширение блока Query Loop в WordPress.

👉 https://genius.courses/?p=55083

#wordpress #gutenberg

🦄 WordPress Digest - Подписаться

Blockera - конструктор сайтов и тема для Gutenberg

Проект включает в себя: бесплатный плагин Blockera Site Builder и бесплатную тему Blockera One.

Плагин Blockera Site Builder добавляет расширенный режим для редактора блоков WordPress, превращающий его в мощный конструктор страниц за счет усовершенствования основных блоков.

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

👉 https://blockera.ai

#wordpress #gutenberg #blockera

🦄 WordPress Digest - Подписаться