Обзор
Настройка CSS-класса оверлея модального окна расширенного редактора.
Описание
Этот JavaScript-фильтр позволяет изменить CSS-класс, применяемый к оверлею модального окна расширенного редактора в ACF Blocks V3. Это удобно для добавления пользовательских стилей к оверлею.
Параметры
acf.addFilter( 'blocks/expanded_editor_overlay_class', function( className, block ) {
return className;
});
className
(string) Имя CSS-класса оверлея. По умолчанию: 'acf-expanded-editor-overlay'
block
(object) Объект блока, содержащий данные и атрибуты блока.
Пример
Добавление пользовательского класса к оверлею
acf.addFilter( 'blocks/expanded_editor_overlay_class', function( className, block ) {
return className + ' my-custom-overlay';
});
Применение разных классов в зависимости от имени блока
acf.addFilter( 'blocks/expanded_editor_overlay_class', function( className, block ) {
if ( block.name === 'acf/hero' ) {
return className + ' hero-overlay';
}
return className;
});
Полная замена класса
acf.addFilter( 'blocks/expanded_editor_overlay_class', function( className, block ) {
return 'my-overlay-class';
});
История изменений
- Добавлено в версии 6.8
Примечания
- Это JavaScript-фильтр, а не PHP-фильтр
- Используйте
acf.addFilter(), чтобы зарегистрировать фильтр в скриптах редактора блоков - Фильтр выполняется при открытии модального окна расширенного редактора
- Этот фильтр применяется только к ACF Blocks V3
Обновлено: 30.09.2026