Comment créer un blog de style moyen en utilisant Divi

Dans le billet de blog Divi d’aujourd’hui, nous allons partager quelques conseils sur la façon de créer votre propre site de blog dans le même style que les blogs de taille moyenne. Comme nous le savons tous, Medium est l’une des plateformes les plus utilisées pour les blogs. Non seulement ils ont une vaste communauté de blogueurs qui interagissent régulièrement avec leur public, mais leur plateforme de blogging offre également une expérience utilisateur très agréable. C’est exactement ce que chaque blogueur veut. Ils veulent s’assurer que le message est clairement transmis dans un environnement où les lecteurs se sentent à l’aise. Cependant, les blogs médiatiques ont leurs limites. Par exemple, les avantages du référencement ne sont pas couverts. Inspiré par le style de blogging des médias, en créant votre propre blog, vous pouvez continuer leur familiarité avec le blogging des médias et l’apporter à votre site Web.
Nous vous montrerons la partie la plus importante de la création d’un blog de style moyen, et nous vous montrerons étape par étape comment créer des parties importantes. Par exemple: Comment créer un modèle de billet de blog de style moyen qui peut être utilisé pour tous les messages. Le modèle ressemble à ceci: Nous vous montrerons également comment ajouter des plug – ins qui valent la peine d’être lus et comment mettre en évidence et partager des plug – ins pour les rendre plus similaires. Les résultats qui valent la peine d’être lus sont similaires: La mise en évidence et le partage auront les effets suivants: Créer un menu aussi simple qu’un blog normal Une chose que vous remarquerez clairement lorsque vous visiterez le site Web des médias est que leur menu est simple. Il n’y a pas beaucoup d’options pour faciliter la navigation des visiteurs immédiatement. Les visiteurs peuvent parcourir les billets de blog mis en évidence sur la page d’accueil et continuer leur séjour à partir de là. Choisissez un logo qui correspond à la simplicité du reste du site et donnez – lui une petite taille dans le menu pour s’assurer qu’il est mince. Tu ne veux pas de L.
L’ogo a préséance sur le contenu que vous partagez sur le site. Par conséquent, n’incluez pas trop de pages dans la navigation. Comme votre site Web couvrira tous les blogs, la page d’accueil pourrait suffire. Vous pouvez également envisager d’ajouter une page indiquant si vous souhaitez informer vos visiteurs de plus amples informations sur vous – même.
Ensuite, ajoutez une icône de recherche afin que les gens puissent facilement rechercher votre billet de blog avec quelques mots clés. Il s’agit de ce que vous faites et de le rendre facile à trouver. Pour l’exemple ci – dessus, nous avons utilisé les paramètres suivants pour la barre de menu principale dans le personnalisateur de thème: hauteur du menu: 54hauteur maximale du logo: 37taille du texte: 18 Utilisez la palette de couleurs avec contraste et polices simples Medium blog utilise trois couleurs principales sur toute sa plateforme pour rendre le contenu facile à lire. Bien que les deux couleurs semblent noires et blanches, elles sont légèrement plus douces dans les yeux. La troisième couleur est un gris clair mais clair. Faites les modifications suivantes à la barre de menu principale dans la personnalisation du sujet pour changer les couleurs et les polices utilisées dans le menu principal:
Police: source sans pro text color: rgba (0,0,0,44) active Link color: rgba (0,0,0,44) Background color: # fbfcfd De plus, pour inclure une icône de recherche dans le menu principal, allez à titre et navigation > Éléments de titre > afficher l’icône de recherche. Une autre fonctionnalité pour désactiver les blogs médias à barre de navigation fixe est de garder la barre de navigation en haut de la page. De cette façon, les visiteurs ne sont pas inutilement dérangés par la lecture. Pour désactiver la barre de navigation fixe sur le site Divi, allez sur le panneau WordPress > Divi > options de thème > paramètres généraux > désactiver la barre de navigation
Fixe Styliser le module Blog de la page d’accueil par catégorie ensuite, vous voulez styliser la page d’accueil par catégorie. Selon le blog que vous créez, vous pouvez créer différentes sections de la page d’accueil pour correspondre à ce que les visiteurs aiment lire. Nous recommandons d’utiliser au moins les catégories suivantes: populaire, à jour et recommandé. Vous pouvez assigner des billets de blog à ces catégories en créant différentes catégories sur la page catégories des billets dans le menu WordPress et en attribuant chaque billet à une ou plusieurs catégories dans le billet lui – même.
Une autre chose que vous voulez vraiment faire est de suivre facilement les différents modules et sections de votre blog sur votre page d’accueil. Pour ce faire, vous pouvez utiliser la grille de blog standard dans Divi Builder ou rechercher du contenu plus avancé. Voici trois plug – ins que vous pouvez envisager d’utiliser. Module externe de l’onglet articles Divi Le plugin Divi Post Card est un plugin gratuit qui est partagé sur notre blog pendant Divi 100. Le style utilisé dans ce plugin est propre et fonctionne bien lorsque vous passez le curseur. C’est un effet simple, mais il peut créer une touche supplémentaire pour votre blog.
Le plugin est entièrement gratuit, il suffit d’aller au Post et de le télécharger! Module de blog personnalisé Divi Un autre plug – in qui a créé une belle disposition de module de blog est le module de blog personnalisé Divi. Cela ressemble davantage à un billet de blog de taille moyenne qu’à l’article précédent avec une image de premier plan à gauche. Le prix de ce plugin est de 20 $. Divi blog extra Divi blog extras est le dernier plugin qui vous aide à rapprocher votre blog de l’apparence d’un blog de taille moyenne. Ce plug – in dispose également d’un certain nombre de différentes mises en page de modules de blog pour vous aider à construire votre blog dans un style moyen.
Le plug – in est disponible pour une licence de site unique de 15 $et une licence de site unique de 30 $
Ostre Divi post settings, nous ajouterons un module post title à la ligne pleine largeur dans la même section que nous avons utilisée précédemment. Dans la Sous – catégorie projets de l’onglet contenu, vous pouvez sélectionner les projets à afficher. Comme nous avons déjà mentionné l’auteur, nous avons désactivé tout sauf le titre. En outre Apporter les changements suivants aux sous – catégories de texte et de texte du titre de l’onglet conception: orientation du texte: caractère du titre central: source sans pro style de police du titre: taille de police du titre en gras: 47 Px (bureau), 40 (tablette), 35 (téléphone mobile) couleur du texte du titre: rgba (0,0,0,8) Image complète La première image complète que nous allons ajouter est une représentation d’image de premier plan. Ajoutez une section pleine largeur, insérez un formulaire d’image pleine largeur, puis Téléchargez l’image dans l’onglet contenu. C’est simple. Ensuite, nous créerons un formulaire texte pour les messages de blog. Ajouter une section standard avec une ligne pleine largeur et insérer un formulaire de texte. Dans cet exemple, nous utilisons la famille de caractères Cardo au lieu de Georgia parce que Cardo est une famille de caractères intégrée. De plus, ouvrez les paramètres du module texte, tapez un exemple de texte dans la zone de contenu et allez à l’onglet conception. Dans la Sous – catégorie de texte, faites les changements suivants: direction du texte: caractères de texte à gauche: Cardo taille de la police de texte: 25 Px (bureau), 19 Px (tablette), 17 Px (téléphone) couleur du texte: rgba (0,0,0,8) hauteur de la ligne de texte: 1,8 m Faites défiler le même onglet vers le bas pour ajouter 800 Px à la largeur maximale de la Sous – catégorie taille et 10% à la marge gauche de la Sous – catégorie espacement. Module vidéo Une dernière chose.