Saltar al contenido principal

Compatibilidad con Yabe Bricks Plain Classes

Yabe Bricks Plain Classes añade un autocompletado con búsqueda para escribir clases CSS normales a mano en Bricks. No conoce las clases propias de Fancy Animations de forma nativa — añade el siguiente snippet (en el functions.php de tu tema, o en tu plugin de snippets preferido) para que también aparezcan en su búsqueda:

<?php

add_action('wp_enqueue_scripts', static function () {
if (!function_exists('bricks_is_builder_main') || !bricks_is_builder_main()) {
return;
}

if (!defined('FANCY_ANIMATIONS')) {
return;
}

$selectors = file_get_contents(dirname(FANCY_ANIMATIONS::FILE) . '/build/builder-selectors.json');
$selectors = json_decode($selectors, true, 512, JSON_THROW_ON_ERROR)['classes'];

$classes = json_encode($selectors);

wp_add_inline_script('yos-brx-plain-classes', <<<JS
document.addEventListener('DOMContentLoaded', function () {
wp.hooks.addFilter('yos-brx-plain-classes-autocomplete-items', 'yos_brx_plain_classes_fancy_animations', function (items) {
return [...items, ...Object.values({$classes}).map((value) => ({ value: value }))];
});
});
JS, 'after');
}, 1_000_002);

Esto lee la lista completa de nombres de clase de Fancy Animations directamente del propio build del plugin, así que se mantiene correcta entre actualizaciones sin tener que editar el snippet.