Champs de contenu flexibles pour WordPress | Field Forge - Champs personnalisés, conçus pour la vitesse
Télécharger Se connecter

Champs de contenu flexibles pour WordPress

Ce que fait le contenu flexible

Un champ de contenu flexible est un champ basé sur des lignes où chaque ligne peut être l’une de plusieurs mises en page prédéfinies. Contrairement à un répéteur (où chaque ligne a les mêmes sous-champs), le contenu flexible permet aux éditeurs de choisir quelle mise en page utiliser par ligne.

Exemple : constructeur de page d’atterrissage

Un groupe de champs appelé “Sections de page d’atterrissage” contient un champ de contenu flexible avec quatre mises en page possibles :

  1. Héros — titre, sous-titre, image de fond, bouton CTA
  2. Fonctionnalités — icône répétée + titre + description (répéteur imbriqué)
  3. Témoignage — citation, auteur, photo
  4. CTA — titre, bouton

Un éditeur construisant une page d’atterrissage clique sur “Ajouter une ligne” et choisit quelle mise en page utiliser. Il peut ajouter un Héros, puis des Fonctionnalités, puis deux Témoignages, puis d’autres Fonctionnalités, puis un CTA. Mélangez et associez dans n’importe quel ordre, n’importe quel nombre de chacun.

Le résultat : un constructeur de page d’atterrissage personnalisé avec un design cohérent et des données structurées.


Comment les mises en page sont définies

Dans le constructeur visuel de Field Forge, vous configurez un champ de contenu flexible en définissant des mises en page. Chaque mise en page est un conteneur nommé pour des sous-champs :

“` Contenu flexible : Sections de page

Mise en page : Héros

  • Titre (Texte, requis)
  • Sous-titre (Zone de texte)
  • Image de fond (Image, requise)
  • Bouton CTA (Groupe : texte + URL)

Mise en page : Fonctionnalités

  • Titre de section (Texte)
  • Fonctionnalités (Répéteur)
  • Icône (Sélectionner dans la bibliothèque d’icônes)
  • Titre (Texte)
  • Description (Zone de texte)

Mise en page : Témoignage

  • Citation (Zone de texte)
  • Nom de l’auteur (Texte)
  • Photo de l’auteur (Image)
  • Entreprise de l’auteur (Texte)

Mise en page : CTA

  • Titre (Texte)
  • Bouton principal (Groupe)

“`

Les éditeurs voient un menu déroulant ou une grille de ces mises en page lors de l’ajout de lignes.


Code de modèle (compatible ACF)

Le contenu flexible utilise les mêmes fonctions de modèle que ACF et SCF. Le code écrit pour ACF fonctionne sans changement :

“`php

<img decoding="async" src="“>

“`

La fonction get_row_layout() renvoie le nom de la mise en page de la ligne actuelle, vous permettant de ramifier la logique de rendu. C’est identique à la façon dont ACF gère le contenu flexible.


Quand utiliser le contenu flexible vs un constructeur de page

Le contenu flexible gagne lorsque :

  • Vous avez besoin de données structurées (pour les API, TypeScript, headless, balisage schema.org)
  • Les éditeurs doivent être contraints à des mises en page approuvées (pas de design libre)
  • Les pages doivent se rendre de manière cohérente sur tous les appareils et au fil du temps
  • Vous exécutez un site WordPress headless (le contenu Elementor / Divi ne se sérialise pas proprement en JSON)
  • Le contenu doit être interrogeable (par exemple, “afficher tous les témoignages des pages de cette catégorie”)

Les constructeurs de pages (Elementor, Divi) gagnent lorsque :

  • Les éditeurs veulent un contrôle visuel total sur chaque élément
  • Le site est axé sur le marketing et le design change fréquemment
  • Vous n’utilisez pas l’API REST de WordPress ou GraphQL pour le frontend

De nombreux sites utilisent les deux : contenu flexible pour des sections structurées (pages produits, pages d’atterrissage, études de cas) et un constructeur de page pour des pages marketing uniques.


Migration depuis le contenu flexible ACF

Si vous venez d’ACF (ou SCF), vos données de contenu flexible existantes migrent proprement. L’importateur de Field Forge :

  1. Lit vos définitions de champ de contenu flexible ACF
  2. Recrée les mises en page dans Field Forge
  3. Migre toutes les données de ligne existantes avec les étiquettes de mise en page préservées
  4. La couche de compatibilité ACF gère les appels get_row_layout() / have_rows() dans votre thème

Le code de modèle utilisant get_row_layout() continue de fonctionner sans changement.


Performance sur le contenu flexible

Les champs de contenu flexible sont historiquement lents dans ACF et SCF car les données de chaque ligne sont stockées comme des entrées wp_postmeta séparées. Une page avec 10 lignes de contenu flexible et 5 sous-champs par ligne = 50 entrées méta, et la requête pour reconstruire l’ordre des lignes et les noms de mise en page est complexe.

Field Forge stocke les lignes de contenu flexible dans la table personnalisée wp_fieldforge_values avec les colonnes parent_id et row_index appropriées. Une seule requête récupère toutes les lignes avec leurs mises en page et valeurs de sous-champs. En savoir plus sur le stockage de table personnalisé →


Sortie de l’API REST

Les lignes de contenu flexible sont exposées comme un tableau d’objets avec le nom de la mise en page inclus :

json { "page_sections": [ { "acf_fc_layout": "hero", "title": "Bienvenue sur notre site", "subtitle": "Construire de meilleures expériences WordPress", "background_image": { "id": 123, "url": "..." } }, { "acf_fc_layout": "features", "section_title": "Pourquoi nous choisir", "features": [ { "title": "Rapide", "description": "..." }, { "title": "Fiable", "description": "..." } ] }, { "acf_fc_layout": "cta", "headline": "Prêt à commencer ?" } ] }

La clé acf_fc_layout correspond au format de sortie d’ACF pour les consommateurs de l’API REST qui analysent déjà les données ACF.


Prêt à utiliser le contenu flexible ?

Obtenez Field Forge — à partir de 35$/an →

Le contenu flexible est inclus dans chaque plan payant.

Assistant IA Forge En ligne

Bonjour ! Je suis l'assistant IA Field Forge. Posez-moi n'importe quelle question sur le plugin — configuration, fonctionnalités, dépannage ou développement.

À l'instant
Propulsé par Forge IA · Parcourir la documentation