Comment créer un modèle de publication de blog Elementor personnalisé

Publié: 2022-01-14

Une page de publication unique bien formée donne à vos lecteurs une bonne impression lorsqu'ils lisent votre publication. Cela aide également à attirer des visiteurs nouveaux ou existants sur votre site, à réduire le taux de rebond, à améliorer l'affichage des pages de votre site, etc. C'est pourquoi vous devez vous concentrer sur la conception de votre page à publication unique.

Si vous recherchez un guide idéal pour créer une page de publication unique personnalisée à l'aide d'Elementor, le guide suivant sera parfait pour vous.

Dans ce guide, nous vous montrerons comment concevoir le modèle ou la page de publication de blog Elementor à partir de zéro. Avant cela, vous devriez avoir une idée claire de la raison pour laquelle vous devez créer une page de publication unique personnalisée.

Commençons:

Pourquoi avez-vous besoin de concevoir votre modèle de publication de blog Elementor personnalisé

How To Create Custom Elementor Blog Post Template

Les thèmes WordPress les plus populaires ont leur propre cadre de conception à publication unique. Mais le format de conception de publication unique par défaut de votre thème peut ne pas répondre à vos besoins. Supposons que vous ayez besoin d'ajouter une fenêtre contextuelle personnalisée à votre page de publication unique, mais que le thème que vous avez utilisé pour concevoir votre site ne vous le permette pas.

Qu'est ce que tu fais après? De ce point de vue, vous devez concevoir une page de publication unique personnalisée pour ajouter les fonctionnalités dont vous avez besoin. Cependant, vous pouvez prendre en compte d'autres aspects importants pour créer une page de publication de blog personnalisée pour votre site Web. Les faits notables sont :

  • Assurer une meilleure expérience utilisateur
  • Réduire le taux de rebond
  • Améliorer la conception de la page de publication unique
  • Ajouter des fonctionnalités personnalisées
  • Assurer une meilleure vue des publications

2 façons de créer un modèle de publication de blog Elementor personnalisé

Vous pouvez créer un modèle de publication de blog Elementor personnalisé de deux manières simples :

  1. Méthode 1 : créer un modèle de publication de blog Elementor à partir de zéro
  2. Méthode 2: créer la page de publication unique à l'aide d'un modèle Elementor prédéfini

Assurez-vous que vous avez installé et activé les plugins Elementor (gratuit) et Elementor Pro sur votre site Web.

Si vous êtes nouveau sur Elementor, consultez ce blog pratique sur Comment utiliser Elementor correctement.

Méthode 1 : créer un modèle de publication de blog Elementor à partir de zéro

Si vous souhaitez concevoir votre propre modèle de publication unique à partir de zéro, vous pouvez le faire à l'aide des widgets Elementor.

Étape 1 : Ajouter une colonne et une section

Tout d'abord, vous devez ajouter une section et insérer une colonne en fonction de vos besoins. Pour ce faire, vous devez cliquer sur l'icône (+) et la colonne dans la section.

Add Column

Étape 2 : Ajouter un widget d'image de fonctionnalité

Après cela, vous pouvez ajouter les widgets requis dans la colonne. Ici, nous ajoutons le widget Featured Image pour afficher l'image de notre article. Vous pouvez trouver le widget dans le menu de gauche et faire glisser et déposer le widget au bon endroit.

Add Feature Image Widget

Contenu de l'image caractéristique

Vous pouvez gérer l'image de la fonctionnalité dans la zone Contenu . Vous pouvez modifier la taille de l'image , définir l' alignement , ajouter la légende et insérer un lien si vous le souhaitez.

Content of Feature Image

Style Caractéristique Image

Vous pouvez personnaliser la conception de l'image à l'aide des options de style. Allez dans la zone Style , vous modifiez les paramètres nécessaires pour rendre votre image de fonction plus attrayante.

Style Feature Image

Étape 3 : Ajouter une nouvelle colonne et définir la mise en page

Après avoir ajouté l'image caractéristique, nous voulons ajouter les autres widgets. Avant cela, nous aimons ajouter une nouvelle colonne et définir la mise en page à l'aide du paramètre Avancé . Vérifiez l'image ci-dessous, vous voyez que nous définissons Content Width->Boxed et définissons la Width comme 850px .

Ajoutons les autres widgets dans cette colonne.

Add New Column & Set Layout

Étape 4 : Ajouter un widget d'informations sur les publications

Nous ajoutons le widget Post Info pour afficher nos métadonnées de publication. Trouvez le widget et déposez-le dans la colonne.

Add Post Info Widget

Contenu du widget d'informations sur les publications

Dans le contenu, vous pouvez contrôler les métadonnées du widget Post Info.

Content Post Info Widget

Définir l'alignement du widget d'informations sur les publications

Si vous souhaitez personnaliser la conception des informations de publication, vous pouvez le faire ici dans la zone Style . Ici, nous définissons l' alignement du méta-contenu de la publication.

Style Post Info Widget

Changer la couleur et la taille de l'icône des informations de publication

Nous modifions également la couleur et la taille de l'icône. Vous pouvez modifier la conception du texte en allant dans la zone Style-> Texte . Mais nous sommes d'accord avec la conception de texte par défaut.

Style Post Info Widget

Étape 5 : Ajouter un widget de titre de publication

Ajouter un widget de titre de publication et afficher le titre du blog. Vous pouvez ajouter le widget en suivant la procédure ci-dessus.

Add Post Title Widget

Titre du message

Vous pouvez également gérer le style du titre en vous rendant dans la zone Style . Ici, vous pouvez personnaliser la couleur du texte, la typographie, l'ombre du texte et le mode de fusion du titre du message.

Style Post Title

Remarque : Si vous avez installé le plugin Happy Addons sur votre site, vous obtiendrez l'option Text Stroke .

Étape 6 : Ajouter un widget de contenu de publication

Il est maintenant temps d'ajouter l'intégralité du contenu de la publication à notre page. Pour ce faire, nous ajoutons le widget de contenu de publication à la page.

Add Post Content Widget

Styler le contenu de la publication

Vous pouvez définir l' alignement du contenu, la couleur du texte et la typographie du contenu.

Style Post Content

Étape 7 : Ajouter un widget de partage social

Nous avons ajouté le bouton Social Share pour partager la publication.

Add Social Share Widget

Étape 8 : Ajouter un widget d'informations sur l'auteur

Nous avons également ajouté le widget Informations sur l'auteur pour afficher les détails de l'auteur de la publication.

Add Author Info Widget

Boîte d'auteur de style

Selon vos besoins, vous pouvez modifier la conception par défaut des informations sur l'auteur à l'aide des options de style. Ici, vous obtenez différentes options pour personnaliser l' image, le texte et le bouton .

Style Author Box

Étape 9 : Ajouter un widget de pagination de publication

Pour rendre la navigation dans les articles, nous avons ajouté le widget Post Pagination . Maintenant, on peut facilement naviguer dans les postes.

Add Post Pagination

Étape 10 : Ajouter des publications connexes

C'est une caractéristique très courante que vous voyez souvent au bas d'un seul article de blog. C'est pourquoi nous avons décidé d'ajouter le widget Related Posts à notre page. Nous avons également défini la mise en page et défini les colonnes, les publications par page et les autres paramètres de publication nécessaires des widgets.

Add Related Posts

Étape 11 : Ajouter un widget de commentaire de publication

Vous pouvez facilement implémenter l'option de commentaire sur votre page de publication en ajoutant le widget Publier un commentaire . Vous pouvez définir l' habillage du commentaire et la source du commentaire à l'aide de l'option Contenu .

Add Post Comment Widget

Aperçu final de la conception de poteau unique Elementor

Après avoir ajouté tous les widgets nécessaires et personnalisé la conception, voici la conception actuelle de notre page de publication unique.

Final Preview of Elementor Single Post Design

Méthode 2: créer la page de publication unique à l'aide d'un modèle Elementor prédéfini

Dans cette partie de notre blog, nous allons montrer comment créer un modèle de publication unique à l'aide du générateur de thèmes Elementor.

Commençons:

Aller à Tempalte Teme Builder

Tout d'abord, vous devez accéder à Templates-> Theme Builder pour créer un nouveau modèle de publication unique.

Go to Tempalte Teme Builder

Ajouter un nouveau message unique

Sur la page suivante, vous obtenez plusieurs options. Cliquez sur l'onglet Publication unique . Cliquez ensuite sur le bouton Ajouter un nouveau message unique .

Add New Single Post

Créer un modèle de publication unique

Après cela, vous avez la possibilité de créer votre modèle. Écrivez le nom du modèle et cliquez sur le bouton Créer un modèle et attendez la page à venir.

Create Single Post Template

Choisissez un modèle de publication préconçu approprié

Il est maintenant temps de sélectionner un modèle de blog prédéfini adapté à votre page de blog. Installez simplement le modèle et utilisez-le.

Choose a Suitable Pre-Designed Post Template

Remarque : Vous pouvez également personnaliser le modèle prédéfini en fonction de vos besoins.

C'est ça.

Améliorez votre capacité de personnalisation avec les widgets de publication de Happy Addons

Happy Addons, l'un des addons Elementor légers et à croissance rapide, vous permet de concevoir une page de publication unique personnalisée à l'aide de ses puissants widgets de publication. Actuellement, il est livré avec 8 widgets de publication avancés, faciles à utiliser et entièrement personnalisables.

Donnons un bref aperçu de ces widgets afin que vous puissiez comprendre pourquoi vous devriez les essayer.

Liste des messages (gratuit)

Vous souhaitez présenter vos articles de blog dans une liste ? Le nouveau widget gratuit Post List de Happy Addons vous permet d'afficher les pots de votre blog par liste. Essayez ce widget et rendez votre conception de publication exclusive.

Post List Demo HappyAddons

Consultez la documentation du widget Post List.

Onglet de publication (gratuit)

Vous remarquerez peut-être que de nombreux sites Web affichent leurs publications à l'aide d'un onglet. Et si vous le souhaitez, le widget gratuit Post Tab de Happy Addons sera l'outil parfait pour cette conception.

Post-Tab Demo HappyAddons

Lisez la documentation du widget Post Tab et apprenez à l'utiliser.

Taxonomie (Gratuit)

Vous souhaitez moderniser votre post taxonomie ? Essayez le widget Taxonomie gratuit de Happy Addons à partir de maintenant, vous pouvez décorer efficacement votre post Taxonomie de manière plus organisée.

Taxonomy Widget Demo

Consultez la documentation complète du widget Taxonomie.

Grille de publication (Pro)

Si vous recherchez un outil solide pour afficher les articles de votre blog sous forme de grille, vous devriez essayer le widget Post Grid de Happy Addons. Ce widget créatif vous fait gagner un temps précieux lors de la conception de tels éléments Web et rend votre page de blog plus attrayante.

Post Grid Widget Demo

Lisez la documentation complète du widget Post Grid.

Tuiles de poteau (Pro)

Le widget Post Tiles de Happy Addons est un autre outil avancé qui vous permet d'afficher les publications de manière plus organisée. Vous pouvez ajouter plusieurs messages à la fois et gérer leur largeur et leur hauteur. Il est facile à utiliser et entièrement personnalisable.

Post Tiles Widget Demo

Suivez la documentation du widget Post Tiles et apprenez à utiliser cet outil incroyable.

Liste de publication intelligente (Pro)

Avec ce widget exclusif Smart Post List, vous pouvez répertorier plus efficacement que jamais les articles de blog sur votre site Web Elementor. Vous pouvez ajouter vos messages collants avec la possibilité d'afficher des listes de messages classés.

Smart Post List Widget Demo

Consultez la documentation de la liste de publication intelligente.

Post Carrousel (Pro)

Ce widget unique Happy Addons vous permet de présenter les articles de votre blog dans une disposition de carrousel. Essayez le widget Post Carousel et rendez la conception de votre publication plus attrayante pour vos visiteurs.

Post Carousel Widget Demo

Lisez la documentation Post Carousel et apprenez à l'utiliser.

Liste des auteurs (Pro)

Essayez le widget New Happy Addons' Author List pour créer une belle liste de votre auteur et afficher le nombre de messages qu'il a écrits.

Author List Widget Demo

En savoir plus sur le widget Liste des auteurs en lisant la documentation.

Êtes-vous prêt à concevoir votre modèle de publication de blog Elementor personnalisé

Il est maintenant temps de créer votre propre page de publication unique à l'aide d'Elementor.

Si vous suivez les instructions ci-dessus, vous aurez une idée précise de la façon de concevoir une page de publication unique Elementor personnalisée à partir de zéro. Nous avons également discuté de la façon d'ajouter plus de valeur à votre page de publication en utilisant HappyAddons Post Widgets.

Si vous avez encore des questions concernant la conception du modèle de publication de blog Elementor, vous pouvez les poser en utilisant la zone de commentaire ci-dessous. Nous essaierons de résoudre votre problème dès que possible.

Si vous aimez ce guide utile, partagez-le sur votre réseau social. Et rejoignez notre newsletter pour obtenir des guides plus intéressants sur WordPress et Elementor.

Abonnez-vous à notre newsletter

Recevez les dernières nouvelles et mises à jour sur Elementor