Comment créer un modèle de billet de blog d’élément personnalisé (Guide simple)

Vous cherchez le tutoriel le plus simple sur la façon de créer un modèle de billet de blog d’élément personnalisé? Les blogs sont l’un des moyens les plus populaires et les plus efficaces d’améliorer la visibilité des produits. Cependant, si vous voulez tirer le meilleur parti du marketing de contenu, vous devez vous assurer que votre page de blog et les bonnes informations semblent attrayantes. Pour rendre votre billet de blog attrayant, vous devez créer votre propre modèle de blog personnalisé. Vous pouvez utiliser elementor pour obtenir un bon modèle de billet de blog pour attirer vos lecteurs. Vous pouvez créer une page de blog d’élément personnalisée à partir de zéro et en créer une en utilisant un modèle prédéfini.
Dans cet article, vous apprendrez comment créer des modèles de blog elementor de deux façons aussi facilement que possible. Alors, continue de lire… Contenu masquer le plug – in que vous devez installer créer un modèle de billet de blog d’élément personnalisé comment créer un modèle de page de blog d’élément personnalisé à partir de zéro comment créer une page de billet unique en utilisant le modèle de pré – création d’élément comment créer la dernière page de billet d’élément en utilisant le Plug – in elementkit endwords vous devez installer le plug – in créer un modèle de billet de blog d’élément personnalisé Personnaliser les modèles de blog elementor pour créer facilement des blogs dans WordPress en utilisant elementor page Builder vous aurez besoin de ces deux modèles
Elementor (gratuit) et elementor pro. Comment créer un modèle de page de blog personnalisé à partir de zéro elementor pro fournit tous les widgets nécessaires pour créer un modèle de billet de blog personnalisé étonnant à partir de zéro. Suivez ces étapes pour créer un modèle de billet d’élément unique: Étape 1: créer un nouveau modèle de blog unique d’abord, vous devez créer un modèle de blog unique. Pour ce faire, allez au tableau de bord WordPress, puis allez aux modèles ⇒ ajouter un nouveau Puis cliquez sur
Ajouter un nouveau bouton. Lorsque vous ouvrez une nouvelle fenêtre, sélectionnez un seul post comme type de modèle dans le menu déroulant, fournissez le nom que vous avez sélectionné, puis cliquez sur créer un modèle. Vous devriez maintenant voir les mises en page par défaut (nous expliquerons plus tard comment les utiliser). Puisque nous allons créer un modèle de blog à partir de zéro, veuillez cliquer sur le bouton croix en haut à droite pour fermer cette fenêtre. Étape 2: Choisissez une structure \/ mise en page pour le modèle de billet de blog maintenant vous devez choisir une structure pour le modèle de billet de blog, nous vous recommandons de ne pas utiliser la largeur totale de la page parce que les utilisateurs sont difficiles à lire. Pour sélectionner une structure pour votre modèle de page de blog d’élément personnalisé, cliquez sur l’icône + et sélectionnez la structure que vous aimez, puis cliquez sur la structure pour l’insérer. Remarque: pour voir à quoi ressemblent les journaux et le modèle que vous créez, sélectionnez les journaux existants dans l’option aperçu du contenu dynamique. Pour définir, cliquez sur options de configuration dans le coin inférieur gauche. Ensuite, sélectionnez publier dans le menu déroulant aperçu du contenu dynamique et tapez le nom du blog que vous souhaitez sélectionner dans le deuxième menu déroulant en bas. Enfin, cliquez sur appliquer et prévisualiser. Étape 3: ajoutez un widget d’image surligné et personnalisez les options de style d’image une fois que vous avez une mise en page, localisez le Widget d’image surligné dans la barre d’édition de gauche. Une fois que vous avez trouvé le Widget, faites – le glisser à l’endroit désiré. Après le chargement du Widget, Personnalisez la taille de l’image, l’alignement, le titre, le lien et les options Lightbox. Pour modifier les paramètres de style, allez à l’onglet styles. Vous pouvez changer la hauteur, la largeur, l’opacité, la bordure, le rayon, etc. Vous pouvez également consulter notre blog pour savoir comment créer des menus surdimensionnés en utilisant elementor Étape 4: ajouter et
Personnaliser le Widget d’information sur les messages de l’élément après l’image de la fonction, vous devriez voir l’information sur les messages que vous pouvez exécuter en utilisant le Widget d’information sur les messages. Comme pour les images de premier plan, cherchez d’abord le Widget post – info, puis faites simplement glisser et déposer sous le Widget image de premier plan. Dans l’onglet Contenu de l’éditeur d’éléments, vous pouvez définir la mise en page par défaut ou en ligne. Vous pouvez modifier \/ supprimer les options auteur, date, heure et commentaire. Vous pouvez également ajouter des champs personnalisés au Widget post info en cliquant sur le bouton + ajouter un nouveau. Passez à nouveau à l’onglet styles pour personnaliser les paramètres de style tels que l’espacement des listes, l’alignement, la couleur et la taille des icônes, la couleur du texte et la mise en page. Étape 5: faites glisser et déposer le Widget titre du poste et personnalisez – le maintenant, recherchez le Widget titre du poste et faites glisser et déposer sous le Widget information du poste. Vous pouvez personnaliser la taille, les balises HTML et l’alignement des balises de titre d’article. Dans l’onglet styles, vous pouvez trouver des options pour personnaliser la couleur du texte, la typographie, les traits de texte, les ombres de texte et les modes de mélange. Étape 6: ajouter et personnaliser des widgets de contenu de poste maintenant faire glisser et déposer des widgets de contenu de poste. Le Widget elementkit post content représente le corps (contenu principal) du billet de blog. Étape 7: faites glisser et déposer le Widget d’icônes sociales, ajoutez des options de partage social après le contenu du message, et ajoutez le Widget d’icônes sociales en faisant glisser et déposer. Les icônes sociales offrent l’option de partager des blogs sur différentes plateformes sociales.
Vous pouvez ajouter \/ supprimer autant d’icônes sociales que nécessaire. Vous pouvez également personnaliser la forme de l’icône, le nombre de colonnes à afficher et l’alignement. Vous pouvez également personnaliser l’ICO
Na, la couleur et le lien de la plateforme sociale pour chaque icône sociale. Allez à l’onglet styles pour changer la taille de l’icône, la couleur, le remplissage, l’espacement et le type de bordure. Étape 8: ajoutez le Widget de la boîte d’auteur, Personnalisez les paramètres du Widget de la boîte d’auteur et faites glisser et déposer le Widget après l’icône sociale. Vous pouvez également ajouter des auteurs personnalisés à partir du menu déroulant source, si vous le souhaitez. Vous pouvez choisir d’afficher \/ masquer l’image de votre profil, le nom de l’affichage et la biographie. Vous pouvez également personnaliser d’autres paramètres tels que les balises HTML, les liens, les mises en page, l’alignement. Passez à l’onglet styles pour personnaliser des options telles que la taille de l’image, la bordure, la couleur du nom de l’auteur, la typographie, la biographie, etc. Étape 9: ajouter un widget de navigation de poste aux options de mise en page elementor le Widget de navigation de poste fournira aux lecteurs des options de navigation afin qu’ils puissent passer à un blog différent. Comme nous l’avons mentionné précédemment, pour ajouter un widget de navigation tardive, recherchez dans l’éditeur, puis faites glisser et déposer après le Widget de la boîte d’auteur. Vous pouvez afficher ou masquer les étiquettes de mise en page ou les marques de flèche. Obtient environ 8 options de conception de flèches ou plus. Vous pouvez également personnaliser le texte de la couche précédente et de la couche suivante. Vous pouvez modifier la couleur et la typographie des étiquettes, des titres, des flèches et des bordures qui sont normalement affichés et que vous passez le curseur. Étape 10: faites glisser et déposer le Widget post pour voir les messages connexes pour afficher les messages connexes, nous utiliserons le Widget post elementor. Ensuite, faites glisser et déposez le Widget post après le Widget de navigation post. Avec ce Widget, vous pouvez changer la couleur de la peau, définir le nombre de colonnes, le nombre de messages par page, la position de l’image et beaucoup d’autres paramètres. C’est pareil.
Le pouce et la grille n’ont pas de conception de pouce. Vous pouvez également définir le nombre de messages affichés par ligne, activer \/ désactiver la pagination et de nombreuses autres options. Pour plus de détails, consultez notre blog sur la façon de consulter les derniers billets de blog. Message Mesh: en utilisant le plug – in Post grid, vous pouvez personnaliser les blogs de catégorie à afficher dans la liste des blogs. Vous pouvez également sélectionner le nombre de messages à afficher et le numéro de colonne attendu pour chaque ligne. Pour plus de détails, consultez notre documentation. Widget d’onglet post utilisez le Widget d’onglet post pour obtenir toutes les options personnalisées, telles que la grille Post et d’autres onglets de catégorie. Avec cette option, l’utilisateur peut simplement passer le curseur sur n’importe quel onglet catégorie pour voir seulement les blogs dans cette catégorie spécifique. Après avoir sélectionné le Widget et l’avoir personnalisé en fonction de vos sélections, cliquez sur le bouton mise à jour pour publier. Vous devriez maintenant avoir une page qui affiche de façon attrayante les derniers messages de l’élément. Nous avons fait de notre mieux pour vous fournir un tutoriel simple sur la façon de créer un modèle de billet de blog d’élément personnalisé de deux façons. Nous espérons que vous trouverez ce blog utile pour créer votre propre modèle de blog d’élément personnalisé. Vous pouvez suivre ces étapes pour modifier la mise en page et la conception en fonction de vos propres choix. N’oubliez pas d’ajouter une touche étonnante à votre page de liste de blogs avec le Widget elementkits. Elementkits est un complément parfait à elementor, prenez le temps de voir tous les bons widgets disponibles avec ce plugin. Obtenez la suite d’éléments maintenant