Watson — Совершенно новый опыт в создании сайтов и лендигов

3000+ дизайнов

ИИ генерация

Видео-обучение

get_block_type_variations

15 февраля, 2025
Узнайте, как использовать хук get_block_type_variations для изменения вариаций блоков в Gutenberg
Быстрая навигация по записи

Описание get_block_type_variations

— Filter

Хук get_block_type_variations позволяет изменить вариации блоков в редакторе Gutenberg. Он срабатывает при загрузке блоков и позволяет добавлять, изменять или удалять вариации для конкретного типа блока

Примеры использования

Пример добавления кастомной вариации к блоку параграфа:

				
					add_filter('get_block_type_variations', function($variations, $block_type) {
   if ($block_type === 'core/paragraph') {
       $variations[] = [ 
           'name' => 'custom-paragraph', 
           'title' => 'Кастомный параграф', 
           'attributes' => [ 
               'color' => 'blue' 
           ] 
       ]; 
   } 
   return $variations; 
});
				
			

В этом примере мы добавляем кастомную вариацию к блоку параграфа с атрибутом цвета

Пример изменения названия существующей вариации блока изображения:

				
					add_filter('get_block_type_variations', function($variations, $block_type) {
   if ($block_type === 'core/image') {
       foreach ($variations as &$variation) {
           if ($variation['name'] === 'default') {
               $variation['title'] = 'Стандартное изображение'; 
           } 
       } 
   } 
   return $variations; 
});
				
			

Здесь мы изменяем название стандартной вариации блока изображения на ‘Стандартное изображение’

Пример удаления вариации блока заголовка:

				
					add_filter('get_block_type_variations', function($variations, $block_type) {
   if ($block_type === 'core/heading') {
       foreach ($variations as $key => $variation) {
           if ($variation['name'] === 'some-variation') {
               unset($variations[$key]); 
           } 
       } 
   } 
   return $variations; 
});
				
			

В этом примере мы удаляем вариацию с именем ‘some-variation’ из блока заголовка

— Лучшие практики

– Использование

Используйте этот хук, когда необходимо изменить или расширить вариации блоков в редакторе Gutenberg

– Производительность

Хук не должен значительно влиять на производительность, если изменения не слишком сложны

– Предупреждения

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

Альтернативы

Тип: action

Этот хук используется для регистрации новых блоков и их вариаций

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

Оставить комментарий

Нужна помощь с WordPress WooCommerce плагинами темой оптимизацией ?

Упрощаем сложное, создаем впечатляющее!
100% без риска
Нет обязательств по найму
Бесплатная оценка
5900 ₽
Современный дизайн
Шаблон сайта продажи цветов или цветочных композиций. Этот шаблон помогает создать стильный и удобный ресурс, где пользователи могут легко заказать цветы с доставкой для любого повода.

Поможем вывести Ваш бизнес на новый уровень!

Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил

Добро пожаловать!

Авторизуйтесь, чтобы продолжить

или

Забыли пароль? Восстановить

* Если аккунта у Вас еще нет, то он будет создан автоматически.

* Отправляя данные, вы соглашаетесь с политикой конфиденциальности.

Давайте составим техническое задание!
100% без риска
Нет обязательств по найму
Бесплатная оценка стоимости
Здравствуйте! Я асистент на основе искусственного интеллекта. Вы можете общаться со мной, как с человеком — задавайте вопросы, описывайте свои идеи и требования.

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

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