Tutoriel sur l'utilisation du plugin ACF : Ajouter des champs aux termes de la taxonomie

Ce guide est une démonstration du logiciel ACF (Champs personnalisés avancés) Comment ajouter des champs personnalisés à un terme de taxonomie et modifier ensuite le fichier HTML du modèle pour le terme.

Les termes peuvent être des éléments tels que des catégories WordPress, des étiquettes ou d'autres taxonomies personnalisées qui ont été ajoutées au site. En voici un exemple.WooCommerce Les plugins populaires tels que celui-ci ajoutent des taxonomies personnalisées lorsqu'ils sont activés.

Ajout de champs

Le plugin Advanced Custom Fields facilite l'ajout de champs personnalisés aux termes de la catégorie, suivez les étapes ci-dessous.

1. existent"Champs personnalisésDans l'écran Administration, cliquez sur"Ajouter un nouveau"pour créer un nouveau groupe de champs
2. Ajoutez les champs que vous souhaitez voir apparaître lors de l'édition d'un terme de taxonomie.
3. en positionminuscules, sélectionnezTerminologie de la classificationet sélectionnez la valeur appropriée pour afficher ce groupe de champs.

modifier un champ

Une fois que vous avez créé un groupe de champs et que vous l'avez affecté à l'écran de modification du terme de la catégorie, vous pouvez modifier les valeurs du champ en accédant à la taxonomie appropriée. Par exemple, si le groupe de champs a été affecté à une catégorie de message, accédez à l'écranMessages > Catégorie.

Champs d'affichage

catégorie.phpIl suffit de modifier le thème,tag.phpou un fichier, vous pouvez facilement personnaliser le code HTML pour les termes de la taxonomie WordPress ! taxonomy.php. En fonction du sujet, le HTML peut également être personnalisé à l'aide de sections de modèles ou de filtres.

Cet exemple montre comment modifier lecatégorie.phpModèles pour le thème twentyseventeen et exporter les images et les couleurs de la catégorie vers l'onglet styles.

<?php
/**
 * The template for displaying category archive pages
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */

get_header(); 


// get the current taxonomy term
$term = get_queried_object();


// vars
$image = get_field('image', $term);
$color = get_field('color', $term);

?>
<style type="text/css">
    
    .entry-title a {
        color: <?php echo $color; ?>;
    }
    
    <?php if( $image ): ?>
    .site-header {
        background-image: url(<?php echo $image['url']; ?>);
    }
    <?php endif; ?>
    
</style>
<div class="wrap">
    
    <?php // Remaining template removed from example ?>

exemples

Voici comment le code ci-dessus apparaîtra dans le navigateur.

Attention :Les images des titres du site reflètent désormais les images des catégories et tous les titres des entrées sont verts.

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.