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

Dans le billet de blog Divi damp;rsquoaujourdamp;rsquohui, 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 lamp;rsquoune 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. Camp;rsquoest exactement ce que chaque blogueur veut. Ils veulent samp;rsquoassurer que le message est clairement transmis dans un environnement où les lecteurs se sentent à lamp;rsquoaise. 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, pouvez continuer leur familiarité avec le blogging des médias et lamp;rsquoapporter à votre site Web.
Nous montrerons la partie la plus importante de la création damp;rsquoun blog de style moyen, et nous 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 montrerons également comment ajouter des plug ins qui valent la peine damp;rsquoêtre lus et comment mettre en évidence et partager des plug ins pour les rendre plus similaires. Les résultats qui valent la peine damp;rsquoêtre lus sont similaires: La mise en évidence et le partage auront les effets suivants: Créer un menu aussi simple quamp;rsquoun blog normal
Une chose que remarquerez clairement lorsque visiterez le site Web des médias est que leur menu est simple. Il namp;rsquoy a pas beaucoup damp;rsquooptions pour faciliter la navigation des visiteurs immédiatement. Les visiteurs peuvent parcourir les billets de blog mis en évidence sur la page damp;rsquoaccueil 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 samp;rsquoassurer quamp;rsquoil est mince. Tu ne veux pas de L.
Lamp;rsquoogo a préséance sur le contenu que partagez sur le site. Par conséquent, namp;rsquoincluez pas trop de pages dans la navigation. Comme votre site Web couvrira tous les blogs, la page damp;rsquoaccueil pourrait suffire. Vous pouvez également envisager damp;rsquoajouter une page indiquant si souhaitez informer vos visiteurs de plus amples informations sur 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 samp;rsquoagit de ce que faites et de le rendre facile à trouver. Pour lamp;rsquoexemple 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 amp;gt Éléments de titre amp;gt afficher lamp;rsquoicô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 amp;gt Divi amp;gt options de thème amp;gt paramètres généraux amp;gt désactiver la barre de navigation
Fixe
Styliser le module Blog de la page damp;rsquoaccueil par catégorie ensuite, voulez styliser la page damp;rsquoaccueil par catégorie. Selon le blog que créez, pouvez créer différentes sections de la page damp;rsquoaccueil pour correspondre à ce que les visiteurs aiment lire. Nous recommandons damp;rsquoutiliser 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 voulez vraiment faire est de suivre facilement les différents modules et sections de votre blog sur votre page damp;rsquoaccueil. Pour ce faire, pouvez utiliser la grille de blog standard dans Divi Builder ou rechercher du contenu plus avancé. Voici trois plug ins que pouvez envisager damp;rsquoutiliser. Module externe de lamp;rsquoonglet 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 passez le curseur. Camp;rsquoest un effet simple, mais il peut créer une touche supplémentaire pour votre blog.
Le plugin est entièrement gratuit, il suffit damp;rsquoaller au Post et de le ! 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 quamp;rsquoà lamp;rsquoarticle 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 aide à rapprocher votre blog de lamp;rsquoapparence damp;rsquoun blog de taille moyenne. Ce plug in dispose également damp;rsquoun certain nombre de différentes mises en page de modules de blog pour 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 lamp;rsquoonglet contenu, pouvez sélectionner les projets à afficher. Comme nous avons déjà mentionné lamp;rsquoauteur, 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 lamp;rsquoonglet 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 damp;rsquoimage de premier plan. Ajoutez une section pleine largeur, insérez un formulaire damp;rsquoimage pleine largeur, puis Téléchargez lamp;rsquoimage dans lamp;rsquoonglet contenu. Camp;rsquoest 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 à lamp;rsquoonglet 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.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins