Utilisation de la fonction parse_blocks de Gutenberg avec les blocs personnalisés ACF?

1. Comment utiliser ACF avec Gutenberg?
2. Que sont les blocs ACF?
3. Comment créer un bloc personnalisé Gutenberg?
4. Comment afficher les champs ACF?
5. Qu'est-ce que le bloc Gutenberg?
6. À qui appartient la marque de WordPress?
7. Gutenberg réagit-il?
8. Comment faire un bloc Guten?
9. Comment afficher ACF en front end?
10. Comment obtenir des images ACF?
11. Ai-je besoin d'ACF pro?

Comment utiliser ACF avec Gutenberg?

Comment créer des blocs dans Gutenberg avec des champs personnalisés avancés

1. Installer le plugin. Pour utiliser cette fonctionnalité, vous avez besoin de la version Pro d'ACF 5.8 ou plus. ...
2. Enregistrez votre bloc. Après l'installation, il est temps d'enregistrer votre bloc. ...
3. Créez vos champs. ...
4. Rendre votre bloc. ...
5. Fournir du style. ...
6. Quelques autres choses.

Que sont les blocs ACF?

Les blocs ACF sont un framework PHP et ne nécessitent aucun JavaScript. Cela se différencie de l'API de bloc WordPress qui s'appuie fortement sur les techniques JavaScript modernes, la syntaxe et les outils de construction.

Comment créer un bloc personnalisé Gutenberg?

Vous devrez vous familiariser avec HTML et CSS pour créer des blocs Gutenberg personnalisés.

1. Étape 1 : Commencer. ...
2. Étape 2 : Créer un nouveau bloc. ...
3. Étape 3 : Créer un modèle de bloc. ...
4. Étape 4 : stylisez votre bloc personnalisé. ...
5. Étape 5 : Télécharger le fichier de modèle de bloc dans le dossier de thème. ...
6. Étape 6 : Testez votre nouveau bloc.

Comment afficher les champs ACF?

Pour récupérer une valeur de champ en tant que variable, utilisez la fonction get_field(). C'est la fonction la plus polyvalente qui renverra toujours une valeur pour tout type de champ. Pour afficher un champ, utilisez the_field() de la même manière.

Qu'est-ce que le bloc Gutenberg?

Les blocs Gutenberg sont les blocs d'éditeur qui sont utilisés pour créer des mises en page de contenu dans le nouvel éditeur de blocs WordPress alias Gutenberg. ... Par défaut, WordPress propose un ensemble de blocs de contenu de base comme un paragraphe, une image, un bouton, une liste, etc.

À qui appartient la marque de WordPress?

Le nom WordPress est une marque déposée appartenant à la fondation WordPress. C'est une organisation à but non lucratif qui s'assure que WordPress fonctionne avec succès en tant que projet open source gratuit.

Gutenberg réagit-il?

Gutenberg utilise une pile frontale moderne basée sur React. ... élément qui est une fine couche d'abstraction au-dessus de React . Gutenberg l'utilise pour créer les blocs et le HTML statique pour la persistance du contenu. La "vue de l'éditeur" utilise le composant React qui enregistre le HTML statique et sérialisé.

Comment faire un bloc Guten?

1. Étape 1 : Installer create-guten-block. Nous allons d'abord installer create-guten-block globalement, comme ceci : npm install -g create-guten-block. ...
2. Étape 2 : Créez ce bloc de guten. C'est l'heure! ...
3. Étape 3 : Activez le plugin. ...
4. Étape 4 : c'est tout!

Comment afficher ACF en front end?

Comment afficher les informations des champs personnalisés sur le frontend de votre site.

1. Créer un nouveau groupe de champs. Une fois que vous avez installé et activé la version gratuite de Advanced Custom Fields de WordPress.org, accédez à Champs personnalisés > Ajouter un nouveau pour créer votre premier groupe de champs. ...
2. Ajouter des champs personnalisés. ...
3. Configurer les paramètres et publier.

Comment obtenir des images ACF?

Affichage personnalisé (array)

php $image = get_field('image'); if( $image ): // Variables d'image. $url = $image['url']; $titre = $image['titre']; $alt = $image['alt']; $légende = $image['légende']; // Attributs de taille de vignette. $taille = 'vignette'; $pouce = $image['sizes'][ $size ]; $largeur = $image['tailles'][ $taille .

Ai-je besoin d'ACF pro?

Ai-je besoin d'ACF et d'ACF PRO? Non, ACF PRO est un plugin indépendant et ne nécessite pas l'installation de la version gratuite. Une fois ACF PRO activé, vous pouvez désactiver la version gratuite et tous les modules complémentaires ACF premium.