Обзор
Настройте 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
Обновлено: 02.06.2026