• Qu’est-ce qu’un Custom Post Type ?
• Qu’est-ce qu’une taxonomie ?
• Qu’est-ce qu’un terme dans WordPress ?
• 1. comment créer un nouveau type de publication personnalisé ou CPT
• 2. Configurez votre CPT
• Paramètres généraux
• Étiquettes
• Paramètres avancés
• Champs méta (Metacamps)
• Qu’est-ce qu’un Meta Fields ou Metacamp ?
• Configuration de Metacamp
• Types de méta-champs
• Texte
• Date
• L’heure
• Datetime (Date et heure)
• Textarea (Zone de texte)
• WYSIWYG (éditeur de texte riche)
• Commutateur (Switch ou commutateur)
• Case à cocher
• Iconpicker (Sélecteur d’icônes)
• Médias (Archives des médias)
• Galerie (Galerie des médias)
• Radio
• Répétiteur
• Sélectionner (sélecteur déroulant)
• Nombre
• Colorpicker (Sélecteur de couleurs)
• Postes (Publications)
• HTML (code HTML)
• Valeurs personnalisées dans les cases à cocher et les radios
• Autoriser la personnalisation
• Obtenir des options du glossaire
• Enregistrer sous forme de tableau
• Autres paramètres de méta-champs
• Créer des taxonomies pour un Custom Post Type de JetEngine
• 1) Paramètres généraux
• 2. Étiquettes
• 3. Paramètres avancés
• 4. Méta-champs (Metacamps)
• Ajouter et modifier une taxonomie

Qu’est-ce qu’un Custom Post Type ?

Les Custom Post Types, également appelés CPT, sont des types de contenu tels que les articles ou les pages. Au fur et à mesure de l’évolution de WordPress, qui est passé d’une simple plateforme de blogs à un CMS robuste, le terme ” Post” a été conservé.

Cependant, un type de message peut être n’importe quel type de contenu. Par défaut, WordPress propose les types d’articles suivants : Article, Page, Pièce jointe, Révision et Menu de navigation. D’autres exemples de types de publication sont Portfolio, Témoignages, Produits, etc.

Dans l’image, nous pouvons voir les types d’articles que WordPress inclut par défaut : Articles, Médias, Pages et Commentaires. Et nous en voyons aussi un créé par nous : les films.

Avec Post Type du plugin JetEngine inclus dans la suite Crocoblock, vous pouvez créer vos propres Custom Post Types et les appeler comme vous le souhaitez. Par exemple, si vous avez un site web consacré au cinéma, vous pouvez créer un type de message pour ajouter des films. Ce type de publication peut avoir différents champs personnalisés et même sa propre structure taxonomique (par exemple, des catégories et des étiquettes).

Qu’est-ce qu’une taxonomie ?

Les taxonomies WordPress font partie de ces choses que tout le monde utilise sans le savoir. Les taxonomies WordPress, dérivées de la méthode de classification biologique linnéenne, sont utilisées pour regrouper les articles et les types d’articles personnalisés.

WordPress dispose de deux taxonomies très populaires que les gens utilisent régulièrement : les catégories et les étiquettes, qui nous permettent de classer nos articles de manière à pouvoir les répertorier par catégorie ou par étiquette.

Qu’est-ce qu’un terme dans WordPress ?

Dans WordPress, les termes font référence aux différents éléments inclus dans une taxonomie. Par exemple, les entrées d’un site web sont classées par catégories taxonomiques et, au sein de ces catégories, nous avons créé différents termes qui nous aident à classer nos articles. Nous pouvons également créer différentes étiquettes à attribuer à nos publications, chacune de ces étiquettes étant un terme.

Nous pouvons donc dire que le Post Type Entries possède deux taxonomies (catégories et tags) et que dans ces taxonomies, nous pouvons créer autant de termes que nous le souhaitons. Comme nous pouvons le voir dans l’image, Gestion du temps, Productivité, Rédaction, … sont des termes de la taxonomie des catégories. Et Basic est un terme de la taxonomie. La différence entre ces deux taxonomies est que les catégories sont hiérarchiques et que les étiquettes ne le sont pas.

1. comment créer un nouveau type de publication personnalisé ou CPT

Tout d’abord, vous devez installer et activer le plugin JetEngine de la suite Crocoblock. Si vous ne l’avez pas encore fait, connectez-vous à votre panneau d’administration WordPress, allez dans la section Crocoblock du menu et cliquez sur l’option de menu Mise à jour et installation. A partir de là, vous pouvez installer et activer n’importe lequel des plugins de cette suite.

Connectez-vous à votre panneau d’administration WordPress, allez dans la section JetEngine dans le menu de gauche et cliquez sur Post Type.

Ici, vous verrez la liste des types d’articles personnalisés, où tous vos CPT seront affichés lorsque vous les avez. Cliquez sur le bouton Ajouter un nouveau pour créer votre premier CPT.

2. Configurez votre CPT

Vous devez maintenant remplir les informations nécessaires pour créer votre nouveau type de publication personnalisé.

Paramètres généraux

• Nom du type de poste (Nom du type de poste ). Il s’agit du titre du CPT qui sera visible dans la liste des types de publication.
• Post Type Slug (Limite du type de message ). Il est automatiquement généré à partir du nom que vous avez saisi ci-dessus. L’intitulé sera utilisé pour le lien permanent de ce fichier CPT, par exemple https://dominio.com/películas.
• Lien “Edit post type / met a box” (lien “Edit post type / meta box “). Cette option crée un raccourci entre chaque page d’édition de posts personnalisés et la page sur laquelle vous vous trouvez actuellement. Si cette option est activée, une petite icône en forme de roue dentée apparaît dans le coin supérieur droit du bloc des champs méta sur la page d’édition d’un article. Lorsque l’utilisateur clique dessus, il est dirigé vers la page de modification du type de publication personnalisé.

Étiquettes

Comme le Custom Post Type est visible dans le panneau d’administration de WordPress, son nom sera utilisé pour plusieurs options. Dans le bloc Étiquettes, vous pouvez traduire toutes ces étiquettes. Par exemple, vous pouvez remplacer Ajouter un nouveau message par Ajouter un nouveau film. Vérifiez la liste des balises et mettez à jour votre traduction. Dans l’image suivante, vous pouvez voir un exemple de toutes les traductions.

Paramètres avancés

Dans le bloc des réglages avancés, il y a une série de fonctions qui sont liées au CPT affiché sur le bureau de WordPress.

Si ces options sont difficiles à interpréter, laissez-les telles quelles par défaut et c’est tout.

• Est publique. Tant que cette option est activée, le CPT est visible et accessible sur le bureau et peut être consulté par les administrateurs et les utilisateurs.
• Exclure de la recherche. Vous pouvez créer un CPT que seuls les administrateurs utiliseront. Dans ce cas, vous pouvez activer cette option et les messages de ce type personnalisé ne seront pas disponibles dans les outils de recherche frontaux (la partie que l’utilisateur voit).
• Interrogeable par le public. Ce commutateur est connecté au commutateur Is Public. si elle est activée, les requêtes de ce CPT peuvent être effectuées sur le front-end (partie vue par l’utilisateur).
• Afficher l’interface utilisateur de l’administrateur. Si vous désactivez cette option, l’onglet ou le lien permettant de modifier les articles personnalisés disparaîtra du tableau de bord. Vous pourrez voir la liste des publications mais pas les modifier.
• Show in Admin Menu, Show in Naw Menu, Show in Rest API (Afficher dans le menu Admin, Afficher dans le menu Naw, Afficher dans Rest API ). Ces trois commutateurs permettent de configurer la visibilité du CPT de manière plus spécifique. Vous pouvez choisir de masquer le CPT dans le menu d’administration, le menu de navigation ou l’API REST.

• Register Query Var (Registre Query Var). Si vous activez ce commutateur, une query_var sera enregistrée pour ce CPT.
• Réécriture. Activer la possibilité de réécrire le slug du fichier pour ce type de publications.
• Rewrite Slug (Réécrire le slug). Pour pouvoir utiliser ce champ, il est nécessaire d’activer le champ précédent (Réécriture), à partir duquel nous pouvons réécrire le slug de ce type de publication et le remplacer par un autre.
• Réécrire avec le front. Similaire à la précédente, mais par le biais d’une propriété $front.
• Type de capacité. Dans ce champ, vous définissez la chaîne que WP utilisera pour développer les capacités de ce CPT, par défaut post.

• A des archives. Activez ce commutateur si vous souhaitez que le CPT dispose d’une archive de publication. L’archive des publications est la page où la liste de toutes les publications est affichée.
• Hiérarchique. Si vous souhaitez que ce type de publication soit hiérarchisé, activez cette option. Cela signifie que les publications peuvent avoir une publication plus élevée, par exemple des pages.

• Position du menu. Le numéro que vous saisissez ici sera le numéro de position où l’onglet pour ce CPT sera affiché dans le menu de navigation du panneau d’administration de WordPress.
• Icône de menu. Chaque onglet du menu de navigation du panneau d’administration de WordPress possède une icône. Vous pouvez en choisir un pour votre onglet CPT.
• Soutient. Dans ce menu déroulant, vous pouvez choisir les blocs de soutien supplémentaires à afficher sur la page de l’éditeur CPT. Vous pouvez inclure : Titre, Éditeur Gutenberg, Commentaires, Révisions, Trackbacks, Auteur, Extrait, Attributs de page, Vignette (Image en vedette), Champs personnalisés et Formats de publication.

Champs méta (Metacamps)

Nous allons maintenant voir comment configurer les champs méta personnalisés créés avec le plug-in JetEngine et examiner de plus près les types de ces champs.

Qu’est-ce qu’un Meta Fields ou Metacamp ?

Les champs méta vous permettent d’ajouter des informations supplémentaires à votre publication personnalisée, que vous pouvez ensuite afficher sur le front-end (la partie que l’utilisateur voit) à l’aide de widgets dynamiques. Vous pouvez également les utiliser pour filtrer la liste des publications.

Dans le cas de publications simples telles que les entrées, elles n’ont qu’un titre, un corps que nous éditons avec l’éditeur Gutenberg et une image vedette. Mais avec JetEngine, nous pouvons ajouter des métafields personnalisés de différents types. Ce sont tous les types de méta-champs que le Post Type de JetEngine nous permet d’ajouter :

• Texte
• Date
• L’heure
• Datetime (Date et heure)
• Textarea ( Zone de texte )
• WYSIWYG (éditeur de texte riche)
• Commutateur
• Case à cocher
• Iconpicker (Sélecteur d’icônes )
• Médias (Archives des médias)
• Galerie (Galerie des médias)
• Radio (bouton radio)
• Répétiteur
• Sélectionner (sélecteur déroulant)
• Nombre
• Colorpicker (Sélecteur de couleurs )
• Postes (Publications)
• HTML (code HTML)

Vous pouvez faire glisser les champs pour les trier en plaçant le pointeur de votre souris sur cette icône.

Configuration de Metacamp

Pour créer un méta-champ, cliquez d’abord sur le bouton Nouveau méta-champ. Nous devons ensuite remplir le formulaire de ce nouveau méta-champ.

• Label: écrire ici le titre du champ. C’est ainsi qu’il vous sera présenté à vous et aux autres utilisateurs par la suite.
• Nom/ID: cette valeur est générée automatiquement, en fonction du texte que vous saisissez dans le champ Étiquette. Si vous souhaitez le modifier, veuillez noter que cet identifiant ne doit pas comporter d’espaces et veillez à ce qu’il ne contienne que des lettres et des chiffres. L’autocomplétion ajoute également un numéro aléatoire au nom s’il n’est pas unique. Les champs ayant des identifiants similaires peuvent prêter à confusion et poser des problèmes si vous souhaitez les utiliser ailleurs. C’est pourquoi la saisie semi-automatique évite l’utilisation d’identifiants similaires.
• Type d’objet: vous pouvez choisir le type d’objet. L’option Champ signifie que vous pourrez y ajouter des valeurs. Les options Tab, Accordion et Endpoint créent une mise en page spécifique. Vous pouvez regrouper un ou plusieurs champs méta dans un onglet (en utilisant Tab + Endpoint) ou dans un accordéon (Accordion + Endpoint).

N’oubliez pas que vous pouvez glisser-déposer les champs pour les placer entre l’onglet et le point final ou entre l’accordéon et le point final, utilisez cette icône pour ce faire.

Types de méta-champs

Lorsque vous sélectionnez “Champ” dans le type d’objet, vous devez maintenant sélectionner le type de champ que vous souhaitez utiliser, ce qui se fait dans l’option ” Type de champ“. Nous examinerons ci-dessous chacun de ces types.

Texte

Si vous souhaitez ajouter un champ supplémentaire avec un texte personnalisé au type de message, ce type répond parfaitement à vos besoins. Ce champ permet d’ajouter des informations supplémentaires sur les publications. En outre, vous pouvez spécifier le nombre maximum de caractères disponibles dans le champ.

Date

Ce champ méta est idéal pour ajouter des dates d’événements, de réunions, de conférences, etc. Vous pouvez également enregistrer la date sous forme d’horodatage en activant le commutateur Enregistrer sous forme d’horodatage, ce qui vous permet d’effectuer des requêtes et des filtres par date. Ce champ méta vous permet d’ajouter la date manuellement ou par l’intermédiaire d’un calendrier, selon vos préférences.

Le format de la date d’entrée est aa-mm-jj, par exemple 22/12/30, mais ne vous inquiétez pas car lorsque nous représentons ce champ dans le Front-end (la partie que l’utilisateur voit), nous pouvons formater la sortie comme nous le souhaitons.

L’heure

Il s’agit d’un type approprié pour ajouter un horodatage à vos publications. Ajoutez une heure spécifique pour les événements, les réunions, les conférences ou la durée dans ce champ méta. Vous pouvez utiliser la boîte pour sélectionner les heures et les minutes à l’aide des curseurs ou les modifier à l’aide du clavier au format hh:mm:ss. Le clavier vous permet d’indiquer les heures, les minutes et les secondes, par exemple 01:25:15.

Datetime (Date et heure)

permet de sélectionner la date et l’heure au même endroit. Vous pouvez également enregistrer la date et l’heure sous forme d’horodatage en activant le bouton Enregistrer sous forme d’horodatage, ce qui vous permettra d’effectuer des requêtes et des filtres par date. Ce champ méta vous permet d’ajouter la date et l’heure manuellement ou par l’intermédiaire d’un calendrier, selon vos préférences.

Le format d’entrée de la date est yy-mm-ddThh:mm, par exemple 22-11-25T15:27, mais ne vous inquiétez pas car lorsque nous rendons ce champ sur le Front-end (la partie que l’utilisateur voit), nous pouvons formater la sortie à notre guise.

Textarea (Zone de texte)

Vous pouvez utiliser ce type pour ajouter une zone de texte aux publications avec une mise en page de texte ligne par ligne. En outre, vous pouvez définir la limite de caractères pour la valeur de ce champ.

WYSIWYG (éditeur de texte riche)

Ce type de métafichier comprend un éditeur de texte riche de base avec lequel vous pouvez formater le texte à votre guise en ajoutant du gras, de l’italique, de la taille, de la couleur, des puces, des liens, etc. au texte.

Commutateur (Switch)

Vous pouvez ajouter un commutateur en tant que champ personnalisé à vos publications, produits, événements, etc., ce qui vous permet d’activer/désactiver l’option appropriée dans le bloc du champ méta. Vous pouvez également utiliser ce commutateur pour définir une logique d’affichage conditionnelle pour un autre métafichier. Par exemple, si ce commutateur n’est pas activé, aucun autre méta-champ n’est affiché.

Case à cocher

Ce type vous permet d’ajouter des cases à cocher avec différentes options. Vous pouvez ajouter une ou plusieurs options manuellement ou par le biais d’un glossaire que vous pouvez créer à partir du menu JetEngine > JetEngine > Glossaires. La création d’un glossaire vous permet d’utiliser le même glossaire et des métabalises différentes, même pour d’autres types d’articles.

Iconpicker (Sélecteur d’icônes)

Ce méta-champ comprend un sélecteur d’icônes qui vous permet de choisir une icône appropriée pour chaque publication.

Médias (Archives des médias)

Ce type permet d’ajouter un fichier média, une image en particulier, mais n’oubliez pas que vous pouvez également utiliser l’image vedette pour ajouter une image à l’article. Vous pouvez également ajouter n’importe quel type de fichier que vous pouvez télécharger dans la médiathèque de WordPress (PDF, MP3, MP4, …).

Galerie (Galerie des médias)

Ce type permet d’ajouter un ou plusieurs fichiers multimédias à l’article, en particulier des images, mais vous pouvez également ajouter tout type de fichier que vous pouvez télécharger dans la bibliothèque multimédia de WordPress (PDF, MP3, MP4, …).

Radio

Le type radio est parfait pour ajouter des options radio. Ils diffèrent des cases à cocher en ce sens que les boutons radio ne permettent de sélectionner qu’une seule des options disponibles. Vous pouvez ajouter les options disponibles manuellement ou par le biais d’un glossaire que vous pouvez créer à partir du menu JetEngine > JetEngine > Glossaires. La création d’un glossaire vous permet d’utiliser le même glossaire et des métabalises différentes, même pour d’autres types d’articles.

Répétiteur

Ce type permet d’ajouter un bloc de contenu avec un nombre indéterminé d’éléments, vous pouvez en ajouter autant que vous le souhaitez. Vous pouvez également sélectionner le type de méta-champ (Texte, Date, Heure, Datetime, …), et vous pouvez inclure plus d’un méta-champ dans chaque élément.

Sélectionner (sélecteur déroulant)

Ce type de contenu permet d’ajouter un sélecteur déroulant pour la publication. Si vous activez l’option Autoriser la sélection de plusieurs options de valeur, vous pourrez sélectionner plusieurs options en même temps. Cette valeur peut également être affichée à l’aide de la fonction de rappel propre à un champ dynamique.

Nombre

Si vous avez besoin d’un champ qui ne peut être rempli que par des nombres, il sera parfait.

Colorpicker (Sélecteur de couleurs)

Ce type de méta-champ permet de sélectionner une couleur en utilisant la palette de couleurs ou en tapant son code hexadécimal.

Postes (Publications)

Ce type vous permet de sélectionner une publication dans une autre CPT ou même dans la même CTP que vous êtes en train de créer.

HTML (code HTML)

Vous pouvez ajouter un code HTML personnalisé à ce champ méta. Il sera utile pour insérer des codes intégrés tels que des vidéos, des audios, des documents, etc. Ce code ne sera pas affiché sur la page d’édition de la publication, ce que vous verrez est l’exécution du code lui-même, il peut être utilisé pour ajouter de l’aide à l’éditeur de la publication. Ce champ méta ne stocke rien, il représente simplement le code que vous saisissez sur la page d’édition.

Valeurs personnalisées dans les cases à cocher et les radios

ATTENTION !
Les fonctionnalités suivantes peuvent être utilisées pour les articles personnalisés, les taxonomies personnalisées et les pages d’options.

Lorsque vous choisissez les métafichiers de type case à cocher ou radio, deux options supplémentaires apparaissent : Autoriser les options personnalisées et Obtenir les options du glossaire.

Autoriser la personnalisation

Cette option permet d’ajouter des valeurs personnalisées à ces champs, de les enregistrer dans une base de données de la publication en cours, mais pas dans la liste des valeurs par défaut.

Si vous souhaitez que ces valeurs personnalisées s’appliquent à toutes les publications du CPT, activez l’option Enregistrer les valeurs personnalisées et toutes vos publications contiendront cette nouvelle valeur.

ATTENTION !
Le méta-champ de type radio est défini par analogie avec la case à cocher décrite ci-dessus.

Obtenir des options du glossaire

L’activation de cette option vous permet d’ajouter des options de glossaire à la liste. Vous pourrez spécifier le glossaire spécifique. Pour créer un nouveau glossaire, allez sur JetEngine > JetEngine> Glossaries et appuyez sur le bouton +New Glossary.

Enregistrer sous forme de tableau

Lorsque cette option est activée, les valeurs marquées sont stockées sous la forme d’un simple tableau PHP. Vous devez utiliser cette option si vous souhaitez modifier ce champ dans un formulaire frontal. Si vous n’activez pas l’option Enregistrer comme matrice, le champ ne sera pas pré-rempli dans le formulaire.

REMARQUE !
Il est recommandé d’activer cette option lors de la création du champ méta. Si vous remplissez ce champ dans votre CPT et que vous activez ensuite l’option Enregistrer sous forme de tableau, le champ sera réinitialisé et vous devrez ajouter les données à nouveau.

Autres paramètres de méta-champs

Les paramètres Description et Largeur du champ permettent d’ajouter un texte d’information pour l’éditeur et de définir la largeur du champ méta.

Vous pouvez spécifier la limite de caractères et définir une valeur par défaut pour le champ en cours. En outre, il est possible d’activer l’option Est obligatoire pour rendre le champ obligatoire.

Le champ Logique conditionnelle permet de rendre les champs visibles uniquement si des conditions sont remplies.

REMARQUE !
L’option Valeur par défaut n’est disponible que pour les champs de type texte.

Après avoir ajouté autant de méta-boîtes que nécessaire, cliquez sur le bouton Mettre à jour le type de message pour enregistrer vos modifications.

Vous pouvez afficher le contenu que vous avez ajouté dans les champs méta personnalisés à l’aide d’Elementor dans les listes et les modèles.

Créer des taxonomies pour un Custom Post Type de JetEngine

Dans le menu du panneau d’administration de WordPress, cliquez sur JetEngine > Taxonomies et cliquez ensuite sur le bouton Add New pour créer une nouvelle taxonomie. Le processus est très similaire à la création d’un CPT. Les blocs sont les mêmes : Paramètres généraux, Étiquettes, Paramètres avancés et Champs méta.

Rappelez-vous qu’au début de ce sujet, j’ai expliqué ce que sont les taxonomies et les termes.

1) Paramètres généraux

Sous Paramètres généraux, vous trouverez des champs tels que

• Nom de la taxonomie : définir le nom de la taxonomie, par exemple Projets ou Portefeuille, en fonction du type de publication pour lequel cette taxonomie est créée.
• Taxonomy Slug (Taxonomie Slug): est rempli automatiquement. La balise doit être composée uniquement de lettres (sans accents), de chiffres et de “-” ou “_”. Par exemple, taxonomy_name.
• Type de publication: dans la liste, choisissez le type de publication pour lequel cette taxonomie sera créée. Il peut s’agir d’une publication que nous avons créée ou d’une publication existante.
• Lien “Edit taxonomy/meta box” (Lien “Edit taxonomy/meta box”): A mon avis, ce lien est inutile. Dans l’onglet Post Type, il y a bien une fonction, mais dans le cas des taxonomies, je n’en ai pas vu.

2. Étiquettes

La taxonomie est visible dans le panneau d’administration de WordPress, son nom sera utilisé pour plusieurs options. Dans le bloc Étiquettes, vous pouvez traduire toutes ces étiquettes. Par exemple, vous pouvez remplacer Ajouter une nouvelle catégorie par Ajouter une nouvelle catégorie. Vérifiez la liste des balises et mettez à jour votre traduction.

Dans l’image suivante, vous pouvez voir un exemple de toutes les traductions pour un type de catégorie que j’ai appelé Genre (conçu pour créer des genres de films).

3. Paramètres avancés

Ce bloc permet de configurer le mode d’affichage de la taxonomie. Il suffit de décider s’il doit être public ou affiché dans le menu d’administration, etc. La seule option à noter est Hiérarchique. Si vous cochez cette case, l’affichage sera identique à celui des catégories dans les entrées ; si vous ne la cochez pas, l’affichage sera identique à celui des étiquettes dans les entrées.

Les options sont les mêmes que dans l’onglet Type de message, que vous pouvez voir ici.

4. Méta-champs (Metacamps)

Utilisez-les pour afficher toute information supplémentaire relative à la taxonomie, telle que les médias, les options radio, les répétiteurs, etc. Vous pouvez également personnaliser la largeur des champs pour qu’ils prennent moins de place et les disposer côte à côte.

Il fonctionne exactement de la même manière que les Post Types que vous pouvez voir ici.

Ajouter et modifier une taxonomie

Une fois la taxonomie créée, vous pouvez ajouter et modifier les termes à partir du menu WordPress.

Vous pourrez sélectionner les termes d’une publication personnalisée dans la colonne de droite.

Si vous êtes arrivé jusqu’ici, j’espère que ce tutoriel vous a aidé. Si c’est le cas, je vous serais reconnaissant de bien vouloir me laisser un commentaire.