WordPress :: Créer des contenus personnalisés avec Custom Type UI

Depuis la version 3 de WordPress (sortie en 2010), il est possible officiellement d’ajouter de nouveau type de contenus sous la forme de Custom Post Type ou Custom Taxonomy.

Custom Post type (contenu sur mesure)

Les post types (ou contenu personnalisé)

Les Post types des contenus très importants d’un site WordPress. Dans la base de données la table wp_posts nous pouvons distinguer les différents contenus. Si votre préfixe n’est pas wp_, elle pourrait avoir un nom différent.

Dans les post type, nous avons les contenus suivants par défaut:

• post
• page
• attachment
• revision

Tous ces contenus se trouvent dans la même table et ils ont un identifiant unique, le ID.

Avec cette extension, il sera possible d’ajouter de nouveau contenu de type page ou post. Ces nouveaux éléments viendront s’ajouter automatiquement à la barre latérale de votre back-office.

Les taxonomy (ou taxinomie)

Les taxinomies permettent d’organiser le contenu. Les principales taxinomies sont:

• Catégories
• Étiquettes

Comme pour les Post type, il est possible de créer avec l’extension des taxinomies personnalisées.

Utilisation de Custom Post Type UI

Pour créer de contenus personnalisés, nous allons utiliser le l’extension Post Type UI de Brad Williams (Co-fondateur de WebDevStudios.com et co-auteur du fameux livre Professional WordPress Plugin Development.
Après avoir installé Post Type UI, un nouveau menu apparaît dans votre back-office.

Création du nouveau contenu personnalisé

Nous allons ajouté un nouveau contenu Film en cliquant sur Add New Post Type. Attention à bien respecter les écritures avec la même logique que le nom des catégories (nom et identifiant). Le Post Type Slug sera corrigé automatiquement dans la toute nouvelle version de l’extension.

Réglages communs du nouveau contenu personnalisé

Plus bas les Settings apparaissent pour le réglage du nouveau contenu.

Voici la liste des points importants à respecter dans le même ordre d’affichage que la page de l’extension:

Has Archive: Sur true pour avoir la possibilité d’afficher une page d’archive pour ce contenu

Hierarchical: Sur true si vous voulez des sous-éléments (comme des sous-pages). Sinon, restez sur false

Menu Position: Pour la place de ce nouveau contenu dans la barre latérale de votre back-office WordPress. Si vous mettez 6, cela vient après les articles. Tous les positions sont disponibles sur cette page du codex.

Menu Icon: Pour changer l’icône par défaut. Ici, il suffit de coller le nom de la classe trouvée sur la page de Dashicon (typographie intégrée nativement dans WordPress). Par exemple dans notre cas, c’est dashicons-video-alt

Supports: Ce sont tous les éléments que l’on ajoute à ce contenu:

• Title (Titre)
• Editor (Éditeur)
• Featured Image (Image à la Une)
• Excerpt (Extrait)
• Page Attributes (Attribut de page pour permettre le classement. J’ai écrit tutoriel pour classer en glisser-déposer les contenus WordPress)

Custom « Supports » : Pour ajouter un support personnalisé. Pour Genesis par exemple avec

• genesis-layouts : activer les options de maquette
• genesis-cpt-archives-settings : une page de réglages pour les archives de contenus personnalisés sera ajouté dans le menu Genesis

Built-in Taxonomies : Pour attacher les taxinomies disponibles, natives ou sur mesure.

Après avoir cliqué sur Add Post Type, un nouveau contenu Films apparaît. Vous pouvez revenir à tout moment sur les réglages avec le menu du plug-in: Add/Edit Post Type. Vous pourrez sélectionner le post type concerné dans une menu déroulant (voir la capture qui suit).

Création des taxonomies

Nous allons créer une taxinomie pour les Films. Nous l’appellerons Services. Il suffit juste de cliquer sur Add New, en choisissant une taxonomie et un contenu auquel elle s’applique, ici les Films.

Réglages communs de la nouvelle taxinomie

Comme pour le nouveau contenu, la partie Settings permet de régler la nouvelle taxinomie. Voici les réglages les plus courants. Je me concentrerai sur les points que je modifie le plus souvent:

Hierarchical
Par défaut, c’est False. C’est ce que fera que la zone de sélection des taxinomies ressemblera aux catégories (hiérarchique) ou aux étiquettes (non hiérarchique).

Show Admin Column
Ce sont les colonnes, comme les catégories ou les étiquettes qui permettent de trier les contenus dans l’affiche en mode liste.

Show in quick/bulk edit panel
C’est ce qui permet d’éditer dans le mode Édition rapide des contenus en mode liste.

Affichage des nouveaux contenus dans votre site

Normalement, si vous cliquez sur Ajouter un film, vous devez retrouver vos options et vos nouvelles taxonomies associées.

Traduction des libellés

Pour les Post Type ou les Taxonomy, il est possible d’éditer les libellés de votre interface. Par exemple, je change le libellé pour Tous les ….

Autres options de l’extension

Import / Export

Un menu dédié Import/Export, permet d’importer ou exporter vos réglages pour les Post Types ou les Taxonomies. Dans ce même menu, à l’onglet Get Code, vous pouvez aussi obtenir le code complet de l’extension pour l’intégrer dans une extension personnelle.

Données pour chaque contenu

Dans le menu, Registered Types/Taxes, vous avez un aperçu de tous vos réglages. C’est un bon résumé et la dernière colonne, Template Hierarchy, vous donne des informations précieuses sur les modèles à créer.

En cas d’erreur

Attention, parfois, vous pouvez tomber sur une 404 quand vous désirez afficher votre site. Il suffit alors d’enregistrer une fois sans rien changer les Permaliens dans le menu Réglages et dans 90% des cas, cela résout le problème.