ACF Pro blocs (Gutenberg) : trucs et astuces

Un article qui sera en constante évolution. Dernière mise à jour : 1/04/22.

Je me régale avec ACF PRO et la possibilité de gérer des créer des blocs Gutenberg comme je l’entends. Je trouve au fur et à mesure des astuces pour bien les gérer et je souhaitais vous en faire part.

Ajouter les styles CSS ajoutés par des plugins,…

Vous devez dans le code php de votre bloc ACF ajouter la variable :

$block['className']

Ce qui donne en situation réelle :

<div class="<?php echo $block['className']; ?> vos-css ... "> votre bloc ACF</div>

Cela permet notamment si vous utilisez des plugins qui rajoutent des css comme ce plugin d’animations de bien les ajouter quand vos blocs ACF sont chargés dans l’éditeur.

Source.

Ajouter un aperçu avec une image personnalisée lors de l’ajout du bloc

C’est tojours sympa d’avoir une image d’aperçu (preview) quand on clique sur le ‘+’ plus en haut à gauche plutôt que rien du tout. -> Source avec explications.