Créer une vue (template) pour un article personnalisé dans WordPress

C’est simple. Dans ce tutoriel, je vous montrerai comment créer un modèle pour la saisie de messages personnalisés dans le CMS WordPress, du début à la fin. Grâce à ce modèle, nous pouvons contrôler l’affichage des données comme nous le souhaitons. Nous pouvons facilement ajouter des styles CSS pour un modèle donné et créer des fonctionnalités qui nous intéressent.

Comment créer un vue (template) de message personnalisé dans WordPress?

De quoi avons-nous besoin pour créer une vue (template) ?

Plugin CPT UI – Custom Post Type UI – plugin nécessaire pour créer un post personnalisé disponible dans les plugins WordPress gratuits.

Mettons-nous au travail !

Après avoir installé le plug-in, allez dans l’onglet Add/Edit Post Types et ajoutez le nouveau type de message que vous voulez ajouter. Il peut s’agir de n’importe quel ensemble récurrent dont on a besoin pour créer une page. Dans mon cas, il s’agira d’un ensemble de tutoriels, qui contiendra une image, un titre et une description distinctifs.

Nous allons tout en bas du formulaire et marquons les options qui nous intéressent, dans ce cas il s’agira du titre, de la description et de l’image distinctive. Confirmez votre choix avec Add Post Type.

Sur le panneau latéral de WordPress, nous avons un nouvel onglet Guides.

Passons à l’ajout de plusieurs tutoriels, puis à l’affichage d’un seul tutoriel.

J’ai ajouté 3 tutoriels, qui diffèrent par leur titre, leur description et leur image.

Actuellement, l’apparence de notre modèle pour le type de message personnalisé Guide est déterminée par le thème que nous utilisons – TwentyTwenty.

Supposons que nous n’aimions pas la façon dont le guide est présenté. Nous ne voulons pas la navigation du bas, l’auteur et la date. Pour exclure cette possibilité uniquement pour un type de message particulier, vous devez créer un fichier PHP distinct qui traitera ce type de message.

Allez dans le dossier avec WordPress themes – themes. Choisissez ensuite votre thème, dans notre cas – themes.

Retrouvez ensuite dans le dossier de notre thème le fichier single.php ou dans notre cas singular.php et d’en faire des copies. Le nomsingle.php ou singular.php dépend du thème sur lequel nous travaillons, mais ces fichiers sont généralement chargés de traiter un seul affichage de message.

Nous renommons la copie de la singular.php fichier à ‘single-Post Type Slug.php‘. Vous nommez la limace de type de poste dans le premier champ lors de la création d’un type de poste personnalisé. Dans notre cas, il s’agira de ceci : ‘single-padnik.php‘.

Ensuite, nous allons éditer le fichier single-padnik.php qui contient le code de singular.php et procéder à sa modification.

<!--?php if ( have_posts() ) { while ( have_posts() ) { the_post(); get_template_part( 'template-parts/content', get_post_type() ); } } ?-->
<!-- #site-content -->
<!--?php get_template_part( 'template-parts/footer-menus-widgets' ); ?-->
<!--?php get_footer(); ?-->

Pour n’afficher que ce qui nous intéresse, modifiez le code.
Nous voulons supprimer la partie inférieure avec les dernières entrées et n’afficher que le contenu du guide, de l’en-tête et du pied de page de notre site.

<?php while ( have_posts() ) : the_post(); ?>
<h2></h2>
<?php the_content(); ?> 
<?php the_post_thumbnail( 'full' ); ?> 
<?php endwhile; ?> 
<?php get_footer(); ?>

<?php while ( have_posts() ) : the_post(); ?>

<?php the_content(); ?>

<?php the_post_thumbnail( 'full' ); ?>

<?php endwhile; ?>

<?php get_footer(); ?>

That’s how we got the view we wanted: Header / Custom Post Type Content / Footer.
<

Résumé

Créer un modèle pour un type de message personnalisé est facile, tandis que détails sont importants.

Essayez de nommer correctement votre propre type de caractère. Le nom doit être simple, non compliqué et sans caractères spéciaux.
Réfléchissez à la structure du type de message personnalisé, aux champs dont vous avez besoin pour afficher correctement le nouveau type de message. (Les types de champs personnalisés pour votre propre type de message qui ne sont pas dans l’outil CPT UI peuvent être implémentés en utilisant le plugin Custom Fields, que je présenterai dans le prochain tutoriel).
Rappellez-vous à afficher correctement les champs définis dans le fichier php. Il est important d’appliquer le while() pour un seul message the_post(). De cette façon, nous afficherons correctement tous les champs nécessaires.