Comment ajouter les métadonnées d'un article dans Gutenberg : un guide complet

Dans WordPress, articlesmétadonnées(Post Meta) est le terme attaché à l'image d'un article, d'une page ou d'un produit.Informations complémentairesLe nom de l'auteur, la date de publication, les étiquettes de catégorie, etc,RÉFÉRENCEMENT Données, produits SKU etc. Ces informations permettent non seulement d'améliorer l'expérience de l'utilisateur, mais aussi deAméliorer la visibilité de votre contenu sur les moteurs de rechercheet ajoute de la valeur au site.

En combinant les blocs essentiels plug-in (composant logiciel)Bloc post-méta,fonction intégréeetPersonnalisation des pluginsDiverses méthodes, telles que la Éditeur Gutenbergen ajoutant des métadonnées aux messages. Cet article intègre ces méthodes pour vous aider à créer des sites web plus efficaces et plus riches en fonctionnalités.

Qu'est-ce que les métadonnées de poste ?

Les métadonnées de l'article sont des informations supplémentaires liées au contenu de WordPress qui décrivent ou soutiennent le contenu. Exemple :

• Site du blogLes métadonnées comprennent généralement le nom de l'auteur, la date de publication, la classification et l'étiquetage.
• Site web de commerce électroniqueLes métadonnées peuvent indiquer l'UGS du produit, le prix, l'état des stocks, etc.

Méthode 1 : utiliser les méta-blocs de Post de Essential Blocks

Blocs essentiels Le plugin simplifie l'ajout et la gestion des métadonnées par le biais des blocs Post Meta, offrant un moyen convivial et visuel de manipuler les métadonnées.

Étape 1 : Activer le bloc Post Meta

1. Dans le backend de WordPress, naviguez vers Blocs essentiels > Blocs.

2. existent Blocs créatifs Partiellement trouvé Post Méta pour activer la fonction.

3. Ouvrez n'importe quel éditeur GutenbergPage ou modèleLe bloc Post Meta apparaît dans l'option Block Add.

Étape 2 : Ajouter des métadonnées à la page ou au modèle

1. Ouvrez les métadonnées qui doivent être ajoutées au fichierpage webetcartepeut-être Modèles de produits WooCommerce.
2. Cliquez sur le bouton "+" bouton, recherche Post Métaet ajouté à la page.

3. Personnalisez les champs de métadonnées affichés (par exemple, auteur, date de sortie, UGS, etc.) et ajustez leur position d'affichage.

Étape 3 : Configurer et styliser le bloc méta de l'article

1. Paramètres généraux: contrôle l'affichage des champs (par exemple, si l'auteur, la date, etc. sont activés) et réorganise les étiquettes des champs.
2. Réglages du styleLes effets visuels sont optimisés par le réglage des styles de police, des couleurs, de l'espacement, etc.

3. Paramètres avancésAjustez les marges, les remplissages et les styles d'arrière-plan pour vous assurer que les zones de métadonnées sont cohérentes avec l'ensemble de la conception.

Ajoutez et gérez les métadonnées rapidement et sans écrire de code avec les blocs Post Meta d'Essential Blocks.

Méthode 2 : ajouter des métadonnées à l'aide de fonctions intégrées

WordPress fournit lui-même un certain nombre de champs de métadonnées, tels queInformations sur la catégorie, le tag et l'auteurCeux-ci peuvent être gérés directement via l'interface Gutenberg.

Les étapes :

1. Ouvrir dans l'éditeur GutenbergArticle ou page.
2. Sur le côté droit de l'écran Panneau des paramètres du document Trouvé dans :
   • Classification et étiquetageAjouter des catégories d'articles ou des étiquettes.
   • Heure de sortieHeure de publication : Définissez ou modifiez l'heure de publication d'un article.
   • Informations sur l'auteurSélectionnez l'auteur de l'article dans le menu déroulant.

Pour :

• Ajoutez facilement des métadonnées de base sans plugins supplémentaires.
• WordPress enregistre et affiche automatiquement les informations sur la page d'accueil.

Méthode 3 : métadonnées personnalisées à l'aide de plugins

Si une gestion plus souple des métadonnées est nécessaire, il est possible d'utiliser des plugins, tels que le plugin Champs personnalisés avancés (ACF) peut-être Boîte Méta.

Marche à suivre pour utiliser le plug-in ACF :

1. Installation des plug-ins
   Recherchez et installez dans le backend de WordPress Champs personnalisés avancés Plug-ins.

2. Créer des groupes de champs personnalisés
   • commutateur à ACF > Champs personnalisés.
   • frappe (sur le clavier) Ajouter un nouveau groupe de champsSi le nom du groupe n'est pas le même que le nom du groupe, entrez le nom du groupe (par exemple "Article Informations complémentaires").
   • Ajoutez des champs personnalisés tels que "Classement des articles","index recommandé"etc.

3. Spécifiez l'emplacement de l'affichage du champ
   • Sélectionnez "Afficher uniquement dans les conditions suivantes" dans "Règles d'affichage" et réglez-le sur ".Articles équivalents".
   • Enregistrez le groupe de champs.

4. Modifier les métadonnées du message
   Dans l'éditeur Gutenberg, remplissez le champ qui vient d'être créé.informations sur le champ.

5. Affichage des métadonnées sur la page d'accueil
   Modifiez le fichier du thème (par exemple single.php), utilisez le code suivant pour afficher les métadonnées :

<?php echo get_field('your_custom_field_name'); ?>
<?php echo get_field('your_custom_field_name'); ?>
<?php echo get_field('your_custom_field_name'); ?>

Etapes d'utilisation du plugin Meta Box :

Boîte Méta Il offre des fonctionnalités similaires, mais il est plus convivial pour les développeurs, car il prend en charge la manipulation de métadonnées complexes et les fonctions avancées.

Méthode 4 : Utiliser l'API REST pour obtenir des métadonnées

Si vous devez intégrer des métadonnées à des applications frontales ou à des outils tiers, vous pouvez le faire au moyen de l'option API REST Accès aux métadonnées enregistrées.

Exemple :

Accédez à l'URL suivante :

https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}<br>
https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}<br>
https://yourwebsite.com/wp-json/wp/v2/posts/{post_id}

Les données JSON contiendront clé_méta_personnalisée (à condition que la valeurMétadonnées enregistrées).

Résumé : L'importance du post-méta

L'ajout de métadonnées de post via Gutenberg peut améliorer de manière significative l'organisation du contenu et les performances SEO. Voici quelques scénarios d'application courants :

• Articles de blog : affichez des informations clés telles que l'auteur, la date, la catégorie, etc.
• WooCommerce Boutique : affichez des données dynamiques telles que les UGS, les prix et l'état des stocks.
• Sites d'information : mettez en évidence la date de publication et les informations sur la source.