Récemment, nous avons eu besoin de concevoir et de développer un modèle de billet de blog personnalisé pour nos Conférences de développement de Conception Web & à assister en 2020 article ici sur 1stWebDesigner. Plutôt que de nous contenter de la même mise en page que celle que nous utilisons sur tous nos articles de blog et de créer simplement une longue liste de liens vers les différentes conférences tout au long de l’année, nous voulions donner à cet article une mise en page différente et plus conviviale, avec chaque mois de l’année comme propre section et une grille multi-colonnes qui afficherait jusqu’à trois colonnes par ligne. Cliquez sur le lien ci-dessus pour voir ce que nous avons proposé.
Parce que nous n’avions pas utilisé de modèle de billet de blog personnalisé comme celui-ci auparavant, nous avons dû trouver comment y arriver et, ce faisant, nous avons réalisé que ce serait un bon conseil à partager avec nos lecteurs afin que vous puissiez également mettre en œuvre cette méthodologie si le besoin s’en faisait sentir.
TÉLÉCHARGEMENTS ILLIMITÉS: 500 000+ WordPress & Actifs de conception
Inscrivez-vous à Envato Elements et obtenez des téléchargements illimités à partir de seulement 16,50 $ par mois!
TÉLÉCHARGER MAINTENANT
Pourquoi Utiliseriez-Vous Un Modèle De Billet De Blog Personnalisé?
Dans notre cas, il était tout à fait logique d’utiliser un modèle de billet de blog personnalisé car nous avions des centaines de conférences à partager et les répertorier avec du texte brut et des liens ne serait pas seulement ennuyeux visuellement, il serait vraiment trop long de parcourir ce format. Vous voudrez peut-être qu’un article particulier se démarque du reste de vos articles, que vous souhaitiez avoir une mise en page cohérente au sein de la série différente de vos articles standard, ou que vous deviez peut-être afficher le contenu d’un article différent des autres en raison de la composition de ce contenu, comme ce fut notre cas. Les modèles d’articles de blog personnalisés peuvent être attribués par publication, utilisés une ou plusieurs fois, et vous pouvez également avoir autant de modèles différents que vous le souhaitez.
Heureusement, la possibilité de créer et d’utiliser des modèles personnalisés pour les articles de blog est intégrée directement à WordPress et est très similaire à la création de modèles de page personnalisés. Alors plongeons-nous et voyons à quel point cela peut être simple!
Comment créer Votre Modèle de Billet de Blog personnalisé
Vous pouvez rencontrer certaines différences selon le thème que vous utilisez, mais les bases sont les mêmes indépendamment. Si vous n’utilisez pas déjà un thème enfant, vous devrez en créer un, sauf si vous utilisez un thème personnalisé d’un certain type, sinon si vous mettez à niveau le thème parent, vous perdrez le travail que vous faites ici. Voici un bon article sur la façon de créer un thème enfant.
Une fois que vous avez votre thème enfant ou personnalisé, vous devrez créer un nouveau fichier à la racine de votre dossier thème (enfant ou personnalisé), et le nommer comme vous le souhaitez. Dans notre cas, nous avons nommé nos conférences.php. Il n’y a pas de convention de nommage requise ici – utilisez simplement ce qui vous aidera à savoir à quoi sert ce fichier.
Dans votre éditeur de code, ajoutez le code suivant à votre nouveau fichier au tout début, en remplaçant le nom du modèle par le nom souhaité. La deuxième ligne indique à WordPress où ce modèle sera utilisé (sur les publications, pas sur les pages). La dernière ligne n’est qu’un commentaire pour notre usage personnel, vous pouvez donc supprimer ou ajouter votre propre commentaire comme vous le souhaitez.
<?php
/* Template Name: Upcoming Conferences
* Template Post Type: post
*/
/* The template for annual upcoming conferences post. */
?>
Une fois que vous avez enregistré ce fichier, vous verrez maintenant votre nouveau modèle de publication dans la liste déroulante Modèle de la boîte méta Attributs de publication sur un écran d’édition de publication, comme indiqué dans la capture d’écran ci-dessous.
L’étape suivante consiste à copier le contenu du single de votre thème.fichier php dans votre nouveau fichier de modèle de blog personnalisé et commencez à éditer et à personnaliser comme vous le souhaitez, ou vous pouvez partir de zéro (comme nous l’avons fait) si votre nouvelle mise en page va être radicalement différente de vos publications standard.
Le tour est joué ! C’Est Tout!
Nous n’allons pas entrer dans le codage de l’ensemble du modèle, car cela variera considérablement en fonction de vos besoins et du thème que vous utilisez, mais cette petite méthode simple vous permettra de créer votre propre modèle de blog personnalisé dans WordPress. Maintenant, vous pouvez devenir fou en créant toute la personnalisation que vous voulez! Amuse-toi bien!
Photo de couverture avec l’aimable autorisation de ShotStash.