Pages d’options — Paramètres globaux du site (PRO)

Les groupes de champs réguliers attachent des données à des articles ou des pages individuels — une section héros sur la page À propos, des détails sur un produit dans un article de produit, une biographie sur le profil d’un membre de l’équipe. Mais certaines informations n’appartiennent à aucun article unique. Elles appartiennent à l’ensemble du site. Le numéro de téléphone de votre entreprise apparaît dans l’en-tête et le pied de page de chaque page. Vos liens vers les réseaux sociaux apparaissent dans le pied de page et sur la page de contact. Une bannière d’annonce globale s’étend sur le haut de chaque écran. Où gérez-vous ces données ?

Les Pages d’Options résolvent ce problème. Une Page d’Options est un écran d’administration dédié — visible dans le menu latéral de WordPress — où les gestionnaires de contenu saisissent des données à l’échelle du site qui sont disponibles partout. Elle n’est pas liée à un article ou une page. Elle est liée au site lui-même.

Cas d’utilisation courants pour les pages d’options

Étape par étape : Création d’une page d’options “Paramètres du site” complète

> Trois façons de créer une page d’options dans Field Forge :

>

> 1. Interface Admin (recommandée pour les gestionnaires de contenu) — allez dans Field Forge > Options Pages et cliquez sur Ajouter une nouvelle page d’options. Remplissez le titre de la page, le slug du menu, la capacité, la page parente, l’icône, la position. Enregistrez. L’élément de menu apparaît immédiatement dans la barre latérale de l’administration WordPress. Vous pouvez modifier ou supprimer temporairement la page plus tard depuis la même liste.

> 2. Enregistrement automatique depuis un groupe de champs — si un groupe de champs a une règle de localisation Options Page == , Field Forge enregistre automatiquement un élément de menu de premier niveau avec le titre du groupe. Pas de code, pas d’étape d’administration supplémentaire. Utile lorsque la page existe uniquement pour héberger un groupe de champs.

> 3. Snippet PHP — appelez fieldforge_add_options_page([...]) (ou le acf_add_options_page([...]) compatible ACF) depuis le functions.php de votre thème. Utilisez ceci lorsque vous souhaitez que l’enregistrement de la page vive aux côtés du reste de votre code de thème (afin qu’il soit déployé avec le thème).

>

> Les trois approches coexistent — vous pouvez les mélanger et les assortir. L’interface admin liste les pages de chaque source, mais seules les pages enregistrées dans la base de données ont des actions de modification/suppression ; les pages enregistrées en PHP sont en lecture seule dans l’interface (modifiez-les dans le code).

#### Partie 1a (recommandée) : Créer la page d’options dans l’interface admin

1. Allez à Field Forge > Options Pages
2. Cliquez sur Add New Options Page
3. Remplissez le formulaire :

– Menu Title : “Paramètres du site” (ou laissez vide pour réutiliser le titre de la page)

– Menu Slug : site-settings (généré automatiquement à partir du titre — gardez-le en minuscules, avec des tirets)

– Parent Page : “(menu de premier niveau)”

– Capability : manage_options (réservé aux administrateurs)

– Position : 80 (ordonne le menu dans la barre latérale de WordPress)

– Icon : dashicons-admin-generic (ou tout autre nom de Dashicons)

– Update Button Text / Updated Message : personnalisez si vous souhaitez que le bouton de sauvegarde ou le message de succès dise autre chose que “Save Options” / “Options saved.”

1. Cliquez sur Save Options Page
2. L’élément de menu “Paramètres du site” apparaît immédiatement dans la barre latérale de WordPress. Cliquez dessus — la page est vide pour l’instant (aucun groupe de champs lié pour le moment). Cela viendra ensuite.

Si vous préférez le flux plus simple où le titre du groupe de champs devient l’étiquette du menu, sautez complètement la Partie 1a. La règle de localisation du groupe de champs (section suivante) enregistrera automatiquement un élément de menu en utilisant le titre du groupe. Vous n’obtenez pas l’interface de modification / suppression pour cette page, mais vous économisez une étape d’administration.

#### Partie 2 : Créer le groupe de champs qui alimentera la page d’options

1. Allez à Field Forge > Nouveau groupe de champs
2. Entrez le titre : Informations sur l’entreprise (cela devient le titre du groupe de champs dans la page des options ; si vous avez sauté la Partie 1a, cela devient également l’étiquette du menu)
3. Ajoutez vos champs :

– Image — Étiquette : Logo de l’entreprise, Nom : company_logo, Instructions : “Téléchargez votre logo. Recommandé : SVG ou PNG avec fond transparent, d’au moins 200px de large.”

– Texte — Étiquette : Nom de l’entreprise, Nom : company_name, Obligatoire : Oui

– Texte — Étiquette : Numéro de téléphone, Nom : phone_number, Placeholder : “(555) 123-4567”, Wrapper : 50%

– Email — Étiquette : Adresse e-mail, Nom : email_address, Wrapper : 50%

– Textarea — Étiquette : Adresse du bureau, Nom : office_address, Lignes : 3

– Champ Tab — Étiquette : “Réseaux sociaux” (crée un deuxième onglet)

– URL — Étiquette : URL Facebook, Nom : facebook_url, Placeholder : “https://facebook.com/yourcompany”, Wrapper : 50%

– URL — Étiquette : URL Twitter/X, Nom : twitter_url, Wrapper : 50%

– URL — Étiquette : URL Instagram, Nom : instagram_url, Wrapper : 50%

– URL — Étiquette : URL LinkedIn, Nom : linkedin_url, Wrapper : 50%

– URL — Étiquette : URL YouTube, Nom : youtube_url, Wrapper : 50%

– Champ Tab — Étiquette : “Barre d’annonce”

– Vrai/Faux — Étiquette : Afficher l’annonce, Nom : show_announcement, Par défaut : Non, Instructions : “Activez ceci pour afficher une bannière d’annonce sur tout le site en haut de chaque page.”

– Texte — Étiquette : Texte de l’annonce, Nom : announcement_text, Placeholder : “Nous recrutons ! Consultez notre page carrières.”

– URL — Étiquette : Lien de l’annonce, Nom : announcement_link

– Sélecteur de couleur — Étiquette : Couleur de fond de l’annonce, Nom : announcement_bg_color, Par défaut : #2563EB

1. Faites défiler vers le bas jusqu’à Règles de localisation
2. Définissez : La page des options est égale à un slug comme site-settings (cela devient le slug de la page du menu — gardez-le court et en minuscules)
3. Cliquez sur Enregistrer le groupe de champs
4. Le nouvel élément de menu apparaît dans la barre latérale de WordPress avec le titre de votre groupe de champs (“Informations sur l’entreprise”) comme étiquette de menu

> Vous voulez une étiquette de menu, une icône ou une position différente ? Ajoutez un petit extrait au functions.php de votre thème. Le slug doit correspondre à ce que vous avez défini dans la règle de localisation :

>

> add_action('init', function () {
>     if (function_exists('fieldforge_add_options_page')) {
>         fieldforge_add_options_page([
>             'page_title' => 'Paramètres du site',
>             'menu_title' => 'Paramètres du site',
>             'menu_slug'  => 'site-settings',  // correspond à la règle de localisation
>             'icon_url'   => 'dashicons-admin-generic',
>             'position'   => 80,
>         ]);
>     }
> });
>

#### Partie 2 : Remplir les paramètres du site

1. Cliquez sur le nouvel élément de menu (“Paramètres du site” / “Informations sur l’entreprise”) dans la barre latérale d’administration de WordPress
2. Vous voyez le groupe de champs “Informations sur l’entreprise” avec trois onglets : Général, Réseaux sociaux et Barre d’annonce
3. Dans l’onglet Général : téléchargez votre logo, saisissez le nom de l’entreprise, le téléphone, l’email et l’adresse
4. Passez à l’onglet Réseaux sociaux : collez vos URL de profil de réseaux sociaux
5. Passez à l’onglet Barre d’annonce : activez “Afficher l’annonce” sur Oui, tapez le texte de l’annonce, collez un lien et choisissez une couleur de fond
6. Cliquez sur Enregistrer les modifications (le bouton en bas de la page des options)

[Capture d’écran : la page des options Paramètres du site dans l’administration, montrant l’onglet Général avec des champs remplis — logo téléchargé, nom de l’entreprise, téléphone, email et adresse saisis]

Les données sont maintenant enregistrées et disponibles sur l’ensemble du site. Votre développeur récupère ces valeurs dans n’importe quel modèle — l’en-tête, le pied de page, la page de contact, la barre d’annonce ou le balisage schema.

Édition ou suppression d’une page d’options

Les pages créées via l’interface d’administration (“source DB” dans la liste) peuvent être modifiées ou supprimées à tout moment :

• Modifier : ouvrez Field Forge > Options Pages, cliquez sur l’icône de crayon à côté de la ligne. Changez le titre, l’étiquette du menu, la capacité, le parent, l’icône, la position, le texte du bouton ou le message de succès. Enregistrez. Le changement se reflète immédiatement dans la barre latérale de WordPress lors du prochain chargement de la page d’administration.
• Suppression douce : cliquez sur l’icône de corbeille. La ligne reste dans la base de données avec status = deleted mais l’élément du menu disparaît. Les groupes de champs liés à cette page cessent d’apparaître dans l’administration jusqu’à ce que vous les restauriez.
• Restaurer : les lignes supprimées en douceur affichent une icône de restauration (annuler) dans leur colonne d’actions. Un clic ramène la page à un statut actif.

Les pages provenant du code PHP (fieldforge_add_options_page()) ou automatiquement enregistrées à partir d’une règle de localisation de groupe de champs sont listées pour visibilité mais sont en lecture seule dans l’interface — modifiez-les en éditant la source.

Création de sous-pages pour une meilleure organisation

Si vous avez de nombreux paramètres globaux, vous pouvez les organiser dans une page parente avec des pages enfants. L’interface d’administration prend cela en charge directement : lors de l’ajout ou de la modification d’une page, définissez le menu déroulant Page parente sur “Field Forge”, “Paramètres”, “Apparence”, “Outils” ou tout autre menu WordPress de niveau supérieur. La page devient un enfant de cette page parente.

Pour un contrôle plus granulaire (slug parent personnalisé, création en lot), un extrait de functions.php fonctionne toujours :

add_action('init', function () {
    if (!function_exists('fieldforge_add_options_page')) return;

    // Parent
    fieldforge_add_options_page([
        'page_title' => 'Site Settings',
        'menu_title' => 'Site Settings',
        'menu_slug'  => 'site-settings',
        'icon_url'   => 'dashicons-admin-generic',
    ]);

    // Children — note `parent_slug` matches the parent's `menu_slug`
    foreach ([
        'general'      => 'General',
        'social-media' => 'Social Media',
        'appearance'   => 'Appearance',
        'integrations' => 'Integrations',
    ] as $slug => $title) {
        fieldforge_add_options_page([
            'page_title'  => $title,
            'menu_title'  => $title,
            'menu_slug'   => $slug,
            'parent_slug' => 'site-settings',
        ]);
    }
});

Créez ensuite un groupe de champs par slug enfant, avec Options Page == general / social-media / etc. comme règle de localisation. Dans la barre latérale de l’administration, ceux-ci apparaissent comme des sous-éléments indentés sous “Paramètres du site.”

Qui peut éditer les pages d’options

Par défaut, seuls les utilisateurs ayant le rôle d’Administrateur peuvent accéder aux Pages d’Options. Cela est contrôlé par le paramètre “Capacité” lors de la création de la page. Si vous souhaitez que les Éditeurs gèrent également les paramètres du site, changez la capacité en edit_posts — mais soyez prudent quant à l’octroi d’un accès large aux paramètres globaux du site.

> Que se passe-t-il sans PRO : Les Pages d’Options sont exclusivement une fonctionnalité PRO. Sans elles, les données globales du site devraient être stockées sur une page “Paramètres” cachée, dans le Personnalisateur WordPress, ou codées en dur dans les fichiers de thème. Aucune de ces approches ne donne aux gestionnaires de contenu l’écran d’administration propre et dédié qu’une Page d’Options fournit. Si votre site a besoin de paramètres globaux gérés par des non-développeurs, cette fonctionnalité seule justifie la mise à niveau vers PRO.

> Astuce : Les Pages d’Options sont idéales pour les données qui changent rarement — numéros de téléphone, URL de réseaux sociaux, heures d’ouverture. Si les données changent quotidiennement (comme une annonce), associez-les à un interrupteur Vrai/Faux afin que les éditeurs puissent rapidement les afficher ou les masquer sans supprimer et retaper le contenu.

> Erreur courante : Créer trop de Pages d’Options et perdre la trace de l’emplacement des paramètres. Commencez par une page “Paramètres du site” et utilisez des Onglets à l’intérieur du groupe de champs pour organiser différentes catégories de paramètres. Ne créez des pages séparées que lorsque les paramètres sont réellement sans rapport (par exemple, “Paramètres du site” pour les informations de l’entreprise et “Analytique” pour les codes de suivi).

—