Skip to content

FAQ

Où sont définis les champs ACF ?

Les champs sont définis via ACF Composer dans le dossier app/Configurations/Fields.

Comment ajouter des styles/variations aux blocs Gutenberg natif

Dans config/block.php, vous pouvez définir des styles aux blocs natifs.

Exemple

php
...
    /*
    |--------------------------------------------------------------------------
    | Styles de Blocs Personnalisés
    |--------------------------------------------------------------------------
    |
    | Vous pouvez définir ici des variations de styles spécifiques pour chaque
    | type de bloc. Ces styles apparaissent dans l'inspecteur de l'éditeur
    | et permettent d'appliquer des classes CSS prédéfinies.
    |
    | C'est un excellent moyen d'offrir des options de mise en forme aux
    | éditeurs tout en gardant un contrôle strict sur le rendu visuel
    | et la charte graphique du projet.
    |
    */

    'styles' => [
        'core/button' => [
            'link' => 'Lien',
            'link-secondary' => 'Lien secondaire',
            'secondary' => 'Secondaire',
        ],
        'core/paragraph' => [
            'introduction' => 'Introduction',
        ],
    ],
...

Si vous souhaitez ajouter des styles a un bloc ACF, vous pouvez le faire dans app/Configurations/Blocks/MonBlock.php. Une propriété style est disponible.

Exemple

php
    /**
     * The block styles.
     *
     * @var array
     */
    public $styles = [
        [
            'name' => AlertType::Info->value,
            'label' => 'Information',
            'isDefault' => true,
        ], [
            'name' => AlertType::Danger->value,
            'label' => 'Erreur',
            'isDefault' => false,
        ], [
            'name' => AlertType::Success->value,
            'label' => 'Succès',
            'isDefault' => false,
        ], [
            'name' => AlertType::Warning->value,
            'label' => 'Attention',
            'isDefault' => false,
        ], [
            'name' => AlertType::Disable->value,
            'label' => 'Désactivé',
            'isDefault' => false,
        ],
    ];