Comme on dit ! Le guide ultime des types d’articles personnalisés sur WordPress : de zéro à maîtrise.

Qu'est-ce que les types d'articles personnalisés de WordPress ?

WordPress intègre deux types de contenu : les “ articles ” et les “ pages ”. Cependant, ces types par défaut ne répondent pas toujours aux besoins d’une structure de site Web complexe. Les types d’articles personnalisés (CPT, Custom Post Type) sont l’une des fonctionnalités principales de WordPress. Ils permettent aux développeurs de créer de nouveaux types de contenu avec une structure de données, une interface d’administration et une logique d’affichage indépendantes. Vous pouvez les considérer comme des “ conteneurs ” personnalisés pour des types de contenu spécifiques (produits, portfolios, événements, livres, etc.).

Après avoir activé le CPT, votre interface d’administration WordPress générera des éléments de menu distincts, avec des fonctions de liste, d’édition et de publication indépendantes, tout comme le module “ Articles ” natif. Cependant, ses données seront totalement séparées de celles des articles et des pages. Par exemple, un site de commerce électronique pourrait utiliser les “ Articles ” par défaut pour publier des blogs, tout en créant un CPT appelé “ Produits ” pour gérer toutes les informations relatives aux produits. Les deux ne se chevaucheront pas dans l’interface d’administration, et leur affichage frontal pourra adopter des styles et des mises en page totalement différents.

En résumé, CPT dépasse les limites de WordPress en tant que plateforme de blog classique, permettant de créer avec flexibilité des portails d’actualités, des boutiques en ligne, des sites Web d’entreprise, des forums communautaires, etc., sans avoir recours à des plugins tiers complexes qui pourraient peser sur les performances. C’est une technologie clé pour structurer le contenu des sites Web de manière claire et les gérer efficacement.

Lectures recommandées Essentiel pour créer un site web professionnel : Guide complet sur le développement et la personnalisation de thèmes WordPress。

Pourquoi utiliser des types d'articles personnalisés ?

Dans le développement de sites Web, organiser correctement le contenu est la moitié du succès. Avec la complexité croissante du contenu des sites Web, il devient difficile de regrouper toutes les informations dans des “ articles ” ou des “ pages ”.

Hébergement WordPress par UltraHost

Garantie de remboursement dans les 30 jours, bande passante illimitée et base de données, protection gratuite contre les attaques DDoS. Avantage de 501 TP4T pour les achats sur 3 ans.

page d'accès

Tout d’abord, la facilité de gestion et de maintenance. Lorsque tout est mélangé, il est extrêmement difficile pour un administrateur de site Web de trouver un projet spécifique ou d’effectuer des opérations en masse. Par exemple, un type de contenu “ Événement ” peut avoir des champs spécifiques tels que “ Date de l’événement ”, “ Lieu de l’événement ”, “ Lien d’inscription ”, etc. Il serait clairement désorganisé de les gérer avec des articles de blog ordinaires. La création de CPT distincts pour chaque type de contenu permet d’avoir des interfaces de publication, d’édition et de filtrage spécifiques, ce qui améliore grandement l’efficacité des opérations en arrière-plan.

Ensuite, il y a la clarté et l’évolutivité de la structure des données. Les articles et les pages de WordPress utilisent des tables et des champs de données standard. Les CPT vous permettent de définir des champs spécifiques pour un type de contenu particulier (à l’aide de champs personnalisés ou de plugins de champs personnalisés avancés), qui peuvent être stockés, consultés et appelés de manière plus organisée. Par exemple, un CPT “ Film ” peut inclure des champs tels que “ réalisateur ”, “ durée ”, “ note ”, etc. Ces données ne peuvent pas être stockées de manière structurée dans les “ articles ” natifs.

Ensuite, il y a la flexibilité de l'affichage frontal. En créant des fichiers de modèle indépendants pour différents CPT (comme <), cela permet d'afficher le contenu de manière plus flexible et personnalisée. single-{cpt-slug}.php et archive-{cpt-slug}.phpAvec les composants Web, vous pouvez contrôler totalement la manière dont ils s'affichent sur l'interface utilisateur, et obtenir un design complètement différent des autres parties du site, sans avoir à modifier un seul modèle à l'aide de tests conditionnels complexes.

Enfin, il y a la performance et l’optimisation des requêtes. Lors de l’exécution de requêtes de base de données, il est bien plus efficace de filtrer les résultats en fonction d’un CPT spécifique (par exemple, toutes les “ activités ” à venir) que de filtrer une grande table contenant tous les types de contenu. Cela contribue à améliorer la vitesse de chargement du site et sa performance globale. C’est une des meilleures pratiques pour améliorer la professionnalité et la performance des sites WordPress au niveau de l’architecture.

Lectures recommandées Le guide ultime de la création de sites Web : le processus complet et les étapes clés pour créer un site Web professionnel de A à Z.。

Comment créer un type d'article personnalisé ?

Il existe deux méthodes principales pour créer un CPT : l'enregistrement par écriture de code et l'utilisation d'un plug-in dédié.

Enregistrez-vous en utilisant un code (méthode recommandée)

Pour les développeurs, cela signifie qu'ils peuvent modifier le thème via le code. functions.php L'enregistrement du CPT dans un fichier est la méthode la plus transparente et la plus contrôlable. Cela exploite les fonctionnalités fournies par WordPress. register_post_type() Des fonctions. Cette méthode permet de lier des fonctionnalités à un thème ou à un plugin personnalisé, ce qui facilite la migration et évite de perdre des données en cas de désactivation du plugin.

Voici un exemple complet de code pour créer un CPT appelé “ Portfolio ” :

hosting.com Hébergement partagé

Hautes performances avec les CPU AMD EPYC, stockage SSD NVMe et LiteSpeed, support interne expert 24h/24 et 7j/7, mesures de sécurité avancées, notamment SSL, protection contre la force brute, les logiciels malveillants et le DDoS, économies pouvant aller jusqu'à 73%.

page d'accès

function create_portfolio_post_type() {
    $labels = array(
        'name'               => '作品集',
        'singular_name'      => '作品',
        'menu_name'          => '作品集',
        'add_new'            => '添加新作品',
        'add_new_item'       => '添加新作品',
        'edit_item'          => '编辑作品',
        'new_item'           => '新作品',
        'view_item'          => '查看作品',
        'search_items'       => '搜索作品',
        'not_found'          => '未找到作品',
        'not_found_in_trash' => '回收站中未找到作品'
    );

$args = array(
        'labels'             => $labels,
        'public'             => true,
        'publicly_queryable' => true,
        'show_ui'            => true,
        'show_in_menu'       => true,
        'query_var'          => true,
        'rewrite'            => array( 'slug' => 'portfolio' ),
        'capability_type'    => 'post',
        'has_archive'        => true,
        'hierarchical'       => false,
        'menu_position'      => 5,
        'menu_icon'          => 'dashicons-format-gallery',
        'supports'           => array( 'title', 'editor', 'thumbnail', 'excerpt' )
    );

register_post_type( 'portfolio', $args );
}
add_action( 'init', 'create_portfolio_post_type' );

Ce code fonctionne en… $labels L'array définit le texte affiché dans l'interface d'arrière-plan, via $args Le tableau définit les caractéristiques de comportement du CPT, telles que l'accès public ou les règles de réécriture d'URL.slug Définir comme portfolioLes fonctionnalités prises en charge (titres, éditeur, images dédiées, etc.), ainsi que les icônes des menus en arrière-plan. Enfin… add_action() Le crochet exécute la fonction d'enregistrement lors de l'initialisation de WordPress.

Créer à l'aide d'un plug-in.

Pour les utilisateurs qui ne connaissent pas le code, il est possible d'utiliser des plugins pour créer et gérer rapidement les CPT. Des plugins populaires tels que Custom Post Type UI et Toolset Types offrent une interface utilisateur intuitive permettant de configurer tous les paramètres des CPT en un clic, y compris les étiquettes, les paramètres et même la taxonomie personnalisée.

L'avantage de la méthode des plugins est qu'elle est rapide à mettre en place et ne nécessite pas de connaissances en programmation. Cependant, son inconvénient est que les fonctionnalités et les performances dépendent entièrement des plugins. Si les plugins cessent d'être mis à jour ou ne sont pas compatibles avec la version principale de WordPress, cela pourrait poser des risques. De plus, la logique fonctionnelle du site est dispersée dans les plugins, ce qui n'est pas propice à la maintenance et à la migration du code à long terme. Il est recommandé de l'utiliser pendant la phase de prototypage rapide ou pour des projets non critiques.

Lectures recommandées Guide indispensable pour les débutants en création de sites web : le processus complet pour créer un site web professionnel de A à Z.。

Créer un modèle pour un type d'article personnalisé.

Il ne suffit pas de créer un CPT en arrière-plan. Pour que son contenu s'affiche comme souhaité en avant-plan, il est nécessaire de créer un fichier de modèle de thème correspondant. WordPress suit des règles spécifiques de hiérarchie des modèles pour rechercher et appeler ces fichiers.

Pour contrôler complètement votre “ portfolio ” CPT, vous devez au moins créer deux fichiers de modèle :

Hébergement partagé InterServer

Hébergement mutualisé $2.50 USD par mois, premier mois $0.1 USD code promo tryinterserver, 461 scripts cloud apps, installation en un clic.

page d'accès

1. Modèle de page d’archivage : Utilisé pour afficher la liste de toutes les œuvres. Nommez ce fichier… archive-portfolio.php Et placez-le dans votre répertoire de thèmes. WordPress y accède lorsque vous y accédez. yoursite.com/portfolio/ Lorsque vous créez un nouveau document, ce modèle sera utilisé en priorité. Vous pouvez l'utiliser dans celui-ci. WP_Query Ou utilisez la boucle principale pour récupérer et afficher tous les articles de type “ portfolio ”.

2. Modèle d’article individuel : Utilisé pour afficher les détails d’une œuvre unique. Nommez ce fichier… single-portfolio.phpLorsque l'on accède… yoursite.com/portfolio/your-work/ Lorsque cela se produit, WordPress appelle ce modèle. Vous pouvez concevoir librement sa disposition interne et appeler les champs personnalisés définis pour ce CPT.

Voici ce qui suit : archive-portfolio.php Un exemple d'infrastructure :

<section class="portfolio-archive">
    <h1>Nos œuvres.</h1>
    <div class="portfolio-items">
        
            <article class="portfolio-item">
                <a href="/fr/</?php the_permalink(); ?>">
                    
                        
                    
                    <h2></h2>
                </a>
                <p></p>
            </article>
        
    </div>
    <?php the_posts_pagination(); ?>
</section>

En créant ces modèles personnalisés, votre contenu CPT dispose d’un “ skin ” distinct, qui s’intègre parfaitement au reste du site tout en restant unique en son genre.

Des fonctionnalités avancées et des meilleures pratiques.

Après avoir réussi à enregistrer et à présenter votre CPT, vous pouvez l’optimiser davantage en utilisant certaines fonctionnalités avancées et en appliquant les meilleures pratiques.

Classement personnalisé associé

Tout comme les “ articles ” ont une “ catégorie ” et des “ tags ”, votre CPT peut également avoir son propre système de classification. Par exemple, créez une catégorie “ Type de projet ” pour les “ Portfolios ” (en utilisant <). register_taxonomy() Vous pouvez utiliser une fonction pour classer vos œuvres dans des catégories telles que “ conception de sites web ”, “ conception de marques ”, “ UI/UX ”, etc., ce qui facilitera le tri par les développeurs front-end et la gestion par les développeurs back-end.

Utiliser des champs personnalisés avancés.

La boîte d’édition d’article native de WordPress ne répond pas aux besoins de saisie de données complexes. En intégrant des plugins tels que Advanced Custom Fields (ACF) ou Meta Box, vous pouvez créer des groupes de champs intuitifs pour votre CPT, tels que des galeries d’images, des sélecteurs, des articles associés, des sélecteurs de dates, etc. Cela permet de transformer votre CPT d’un simple conteneur d’articles en un puissant système de saisie de données.

Réécrire les règles et les liens fixes

Les paramètres définis lors de l'inscription à CPT. rewrite Les paramètres affectent la structure de l'URL. Assurez-vous qu'après la création du CPT, vous allez dans la page “ Paramètres ” → “ Liens permanents ” de l'interface d’administration de WordPress et que vous cliquez simplement sur le bouton “ Enregistrer les modifications ” pour actualiser les règles de réécriture et garantir que la nouvelle structure d’URL soit effective.

Considérations de performance

Evitez d’enregistrer des fonctionnalités inutiles pour CPT (comme les commentaires, les citations). Utilisez-les de manière raisonnable. WP_Query de posts_per_page Avec le mécanisme de mise en cache, en particulier lors de la recherche d'un grand nombre d'entrées CPT sur une page de liste. Pour les requêtes associatives très complexes, envisagez d'utiliser l'API Transients pour le mise en cache.

\nCode de la fonction de séparation.

Pour l'environnement de production, il est fortement recommandé de séparer le code de création du CPT du code du thème. functions.php Il faut les retirer du thème et les placer dans un “ plug-in de fonctionnalités personnalisées ” distinct. L'avantage de cette méthode est que, même si vous changez de thème à l'avenir, ces définitions CPT resteront disponibles et les données ne seront pas perdues. Cela permet de séparer les fonctionnalités de la présentation.

résumés

Les types d’articles personnalisés sont la clé pour libérer le puissant potentiel de gestion de contenu de WordPress. Ils transforment WordPress d’une excellente plateforme de blog en un système de gestion de contenu complet en vous permettant de créer des structures de données et des logiques d’affichage distinctes pour différents types de contenu. Que vous souhaitiez créer un portfolio, gérer un catalogue de produits, afficher une liste d’événements ou développer des applications plus complexes, les types d’articles personnalisés offrent une solution claire, efficace et facile à maintenir.

De la création via l'enregistrement de code ou l'utilisation de plugins, à la conception de fichiers de modèles personnalisés, en passant par l'extension avec une taxinomie personnalisée et des champs avancés, maîtriser CPT vous permet de gérer WordPress de manière plus professionnelle et flexible. En suivant les meilleures pratiques consistant à séparer le code fonctionnel du thème, vous pouvez vous assurer que la structure de votre site est maintenable et robuste à long terme, et jeter des bases solides pour son développement futur.

FAQ Foire aux questions

Les types d'articles personnalisés ont-ils une incidence sur la vitesse du site Web ?

La création et l’utilisation raisonnables de types d’articles personnalisés n’ont pas d’impact négatif sur la vitesse du site. En fait, en classant le contenu par catégorie, il est possible de générer des requêtes de base de données plus précises et plus efficaces, ce qui peut améliorer la vitesse de chargement de certaines pages.

Les facteurs qui affectent la vitesse sont généralement la complexité des requêtes dans les fichiers de modèle écrits pour CPT, le chargement d’un grand nombre d’images non optimisées ou l’utilisation de requêtes associées complexes sans mise en cache. Suivre les meilleures pratiques de performance de WordPress, telles que le contrôle du nombre de requêtes, l’utilisation de la pagination et l’activation du cache d’objets, est essentiel pour maintenir la vitesse du site Web.

Si je supprime le type d’article personnalisé, les articles qu’il contient seront-ils perdus ?

Cela dépend de la manière dont il a été supprimé. Si vous avez simplement commenté le code d'enregistrement du CPT dans le code, ou désactivé le plug-in qui crée le CPT, vous ne verrez pas le menu d'administration de ce CPT dans l'arrière-plan, mais les données de ces articles seront toujours présentes dans WordPress. wp_posts Dans la table de la base de données, il s'agit simplement de son. post_type Les valeurs de champ (comme “ portfolio ”) ne sont plus reconnues par le noyau de WordPress comme des types de publication valides.

Dans ce cas, vous pouvez rétablir l'accès en modifiant le code pour réenregistrer le CPT du même nom. Dans des cas extrêmes, vous pouvez également utiliser une requête de base de données pour récupérer manuellement ces articles. post_type Modifiez-le en “ post ” ou “ page ”. Ceci est un avertissement important : avant d’effectuer des modifications structurelles majeures (comme la suppression définitive d’un CPT), il est impératif de sauvegarder votre base de données.

Comment ajouter des champs personnalisés à un type d’article personnalisé ?

Il existe deux méthodes principales pour ajouter des champs personnalisés à CPT. La première consiste à utiliser le panneau “ Champs personnalisés ” intégré de WordPress, mais son interface est rudimentaire et ses fonctionnalités sont limitées, ce qui ne convient pas pour des besoins complexes. La deuxième méthode, qui est également recommandée, consiste à utiliser des plugins de gestion de champs tiers, tels que Advanced Custom Fields (ACF) ou Meta Box.

Ces plugins offrent des interfaces intuitives qui vous permettent de créer des groupes de champs (par exemple, “ Informations sur le produit ”) et de les associer à des types de contenu spécifiques (CPT – Content Types). Vous pouvez ensuite voir ces champs dans les formulaires d’édition correspondants. Dans les templates frontaux, vous pouvez utiliser les fonctions fournies par les plugins (comme celles de ACF – Advanced Custom Fields). get_field()Il est donc possible d’obtenir et d'afficher facilement les valeurs de ces champs.

Est-il possible d'utiliser les types d'articles personnalisés avec les modèles de page ?

Oui, mais ce sont deux fonctionnalités différentes qui peuvent être combinées. Les modèles de page sont utilisés pour sélectionner une mise en page différente pour une “ page ” individuelle, tandis que les modèles CPT sont utilisés pour contrôler la logique d’affichage de l’ensemble du type de contenu. Vous pouvez créer un “ modèle de page ” pour un article spécifique d’un CPT donné.

Par exemple, vous avez un CPT “ Membre ”, dont le modèle par défaut est : single-member.phpVous pouvez créer quelque chose qui s’appelle… page-template-leadership.php Puis, sélectionnez le modèle de page, et ensuite, dans WP_Query Vous pouvez rechercher les “ membres ” de CPT occupant des postes spécifiques et les présenter en utilisant la mise en page de ce modèle. Dans l’arrière-plan, vous devez créer une nouvelle page dans la section “ Pages ”, puis sélectionner ce modèle personnalisé. Cela démontre la flexibilité du système de modèles de WordPress.