Utilisation du plugin WPCode pour créer des extraits de code pour les appels frontaux aux champs personnalisés

WordPress Champs personnalisés(champs personnalisés) vous permet d'ajouter des informations supplémentaires à un article ou à une page, telles que le prix, le sous-titre, le lien source, etc. Cependant, après avoir ajouté les champs, de nombreux utilisateurs ne savent pas comment afficher ce contenu sur la page d'accueil.

Ce tutoriel vous guidera pas à pas dans l'utilisation du plugin WPCode pour créer un simple extrait de code qui appelle et affiche la valeur d'un champ personnalisé sur le front-end. Il n'est pas nécessaire de modifier les fichiers du thème et c'est suffisamment simple pour les utilisateurs qui débutent.

I. Préparation : ajout de champs personnalisés

Avant de l'appeler, vous devez ajouter l'article au fichierChamps personnalisés.

Les étapes de l'ajout sont les suivantes :

• Ouvrez le backend de WordPress et modifiez n'importe quel article
• Cliquez sur le "menu à trois points" dans le coin supérieur droit → sélectionnez "Préférences".

• Cochez la case "Champs personnalisés" dans le "Panel".

• Le module "Champs personnalisés" apparaît en bas de la page, cliquez sur "Ajouter un nouveau champ".

• Saisissez le nom et la valeur du champ, par exemple :
  • Nom du champ :sous-titre
  • valeur du champ :Il s'agit d'un article sur les voyages

Cliquez sur "Mettre à jour" pour enregistrer l'article.

Installer et activer le plug-in WPCode.

• Allez dans Backstage → Plugins → Installer un plugin

• Rechercher "WPCode"

• Cliquez sur "Installer" puis sur "Activer".

WPCode est un plugin qui centralise la gestion des extraits de code, remplaçant l'édition directe dethématiqueCode pour plus de sécurité et de commodité.

Création d'un nouvel extrait de code PHP

• Ouvrez dans la navigation du backend : WPCode → Code Snippets → Add New

• Cliquez sur "PHP Snippet" pour accéder àcodificationModifier la page

• existentlégendeRemplissez les blancs :Afficher un champ personnalisé sur le frontend

Saisissez les informations suivantes dans le champ de code :

add_filter('the_content', 'add_custom_field_to_content' ) ;
function add_custom_field_to_content( $content ) {
    if ( is_singular( 'post' ) ) {
        $subtitle = get_post_meta( get_the_ID(), 'subtitle', true ) ;
        if ( $subtitle ) {
            $custom_output = '<p style="font-style: italic; color: #555;">Sous-titre:' . esc_html( $subtitle ) . '</p>' ;
            $content = $custom_output . $content.
        }
    }
    return $content.
}

Ce code insère unsous-titrele nom du champ est sous-titre.

• Dans la section "Insertion", sélectionnez : Insertion automatique → Exécuter partout

• Cliquez sur "Activer" → "Enregistrer l'extrait" dans le coin supérieur droit pour l'enregistrer et l'activer.

Quatrièmement, le premier plan pour voir l'effet

Ouvrez le fichier que vous avez ajouté sous-titre de cet article, rafraîchissez la page.

Vous verrez le contenu en haut du texte :

Sous-titre : il s'agit d'un article sur les voyages

Indique que le code lit et affiche avec succès le contenu du champ personnalisé.

V. Application étendue : prise en charge de plusieurs champs

Si vous avez plusieurs champs, tels que prixetnote_de_l'auteur etc., peuvent également être produites uniformément dans un seul extrait de code :

add_filter('the_content', 'add_multiple_fields_to_content' ) ; }
function add_multiple_fields_to_content( $content ) {
    if ( is_singular( 'post' ) ) {
        $subtitle = get_post_meta( get_the_ID(), 'subtitle', true ) ;
        $price = get_post_meta( get_the_ID(), 'price', true ); ;
        $note = get_post_meta( get_the_ID(), 'author_note', true ) ;

        $output = '' ;
        if ( $subtitle ) {
            $output . = '<p><strong>Sous-titre :</strong> ' . esc_html( $subtitle ) . '</p>' ;
        }
        if ( $price ) {
            $output . = '<p><strong>Prix :</strong> ' . esc_html( $price ) . '</p>' ;
        }
        if ( $note ) {
            $output . = '<p><strong>Notes de l'auteur :</strong> ' . esc_html( $note ) . '</p>' ;
        }

        $content = $output . $content ;
    }
    return $content.
}

remarques finales

En utilisant le plug-in WPCode, il est plus facile d'effectuer les opérations suivantes WordPress Le site affiche le contenu des champs personnalisés sans modifier le modèle. Il suffit d'ajouter un simple paragraphe PHP vous pouvez afficher ces informations supplémentaires sur la page de l'article.

Cette approche permet aux débutants de comprendre la structure du contenu de WordPress et fournit également une base pour la personnalisation de vos pages par la suite. Si vous souhaitez afficher des champs à d'autres endroits, par exemple au-dessus des titres, à la fin des articles ou dans la barre latérale, vous pouvez continuer à utiliser des shortcodes ou d'autres crochets pour y parvenir, alors n'hésitez pas à explorer davantage.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.