Bonjour mes petits des neiges !

Nous nous retrouvons aujourd'hui pour un nouvel article du guide Eklablog ! Maintenant que vous avez du contenu pour votre joli blog tout neuf, il faut l'habiller ! Et oui, un joli blog, ça retient souvent l'attention des visiteurs. Et à moins que votre blog ne soit un blog de graphisme, il n'y a pas non plus besoin de trop en faire pour que ce soit joli et lisible ! Au contraire, un blog trop surchargé autant en images qu'en codes aura tendance à décourager votre pauvre visiteur car trop long à charger. Voyons quelques astuces ici !

Le thème de base 

Si vous débutez en la matière, je vous conseille de ne pas débuter avec le thème de base d'Eklablog (sauf si celui-ci vous convient parfaitement, dans ce cas, cette étape peut être totalement ignorée) mais d'en choisir un dont la forme et la mise en page de base vous plaît. Cela vous facilitera grandement la tache ! Par exemple, même s'il est assez reconnaissable, le thème de base de mon blog est "Girly" disponible dans les thèmes par défaut. C'est bon ? Vous avez fait votre choix ? Dans ce cas c'est super, on peut passer directement à la suite ! 

Le header et les menus 

Ces  points là sont trop souvent négligés ! Commençons par les menus : ils sont sûrement plus important que ce que vous pensez, car ce sont eux qui permettront à votre visiteur de se repérer dans le labyrinthe qu'est votre blog. Car vous le connaissez sûrement par  coeur, mais ce n'est pas le cas de vos visiteurs, dont certains le découvrent pour la première fois ! Et rappelez vous de la règle numéro un du blogueur : c'est vous qui devez faire des efforts pour être lu et non l'inverse. Du coup, il faut des menus bien organisés, où on peut voir directement ce qui est important : les partenaires, les derniers articles (si si !à mais surtout les rubriques et vos éventuels forums. Bien que vous pouvez mettre quelques modules n'ayant pas d'utilité particulière comme une petite déco, une musique ou autres, n'en abusez pas : scroller trois tonnes de modules 'image de truc" ou "image de machin" ainsi que "musique trop bien ♥♥♥" c'est vite fatiguant. Si vous avez tendance à être désordonné et/ou que votre blog n'a pas beaucoup de contenu et de rubriques différentes, un seul module est préférable, car c'est plus facile pour le visiteur de s'y repérer comme ça. 
N'oubliez pas non plus le menu de l'en-tête : il est trop peu utilisé ! Si la majorité des sites internet s'en servent, c'est bien pour une raison... C'est le must du visiteur perdu ! 

Le header est lui aussi important : pas trop grand (évitez les headers qui font toute la hauteur de la page quand on arrive) car un header qui met du temps à charger, c'est décourageant et ça n'apporte pas grand chose. Si vous trouvez que le titre sur l'image ça fait moche, n'hésitez pas à le retirer mais essayez de rendre le hearder clikable ou de faire un lien vers l'accueil de votre blog dans le menu de l'en-tête... Vos visiteurs vous en remercieront d'avance ! :) 

Quelles couleurs choisir ?

Le choix des couleurs n'est pas forcément une chose aisée... Elles sont très importantes car elles définissent l'identité visuelle du blog mais aussi sa personnalité. En fonction du sujet du blog, il vaut parfois mieux respecter certaines couleurs : ainsi des couleurs naturelles comme le bleu, le vert ou le marron conviendront à merveille pour un blog nature tandis que le rose bonbon et le mauve guimauve ne feront pas très sérieux pour un thème métal. Quoi qu'il en soit, il y'a quelques règles à respecter. 

 
Ton nouveau meilleur pote

Si vous avez du mal pour cette étape, ceci pourra vous aider. Même si les sauvages l'appellent "la roue chromatique", nous sommes entre gens civilisés. "Cercle chromatique" conviendra donc mieux. Il vous aidera peut-être (ou peut-être pas) à choisir une ambiance pour votre blog. Notez que les couleurs n'ont pas été adoucies, ce qu'il faudra faire pour votre blog. 

En effet, sauf en de rares occasions, ne mettez jamais de couleurs vives sur votre blog : elles font mal aux yeux et ne sont pas agréables à lire. Même sur du noir, je vous assure... D'ailleurs, contrairement à l'idée reçue, le blanc sur le noir n'est pas très agréable à lire pour des personnes ayant des yeux sensibles/autres : un gris très léger convient nettement mieux ! Cela vaut aussi pour toute couleur vive sur le noir : Rouge pétard/noir, vert vif/noir : on oublie définitivement. Et pareil sur le blanc ! 

Fausse bonne idée : ne pas différencier les liens du textes ! Devoir jouer à cache-cache dans les colonnes, ça n'a rien d'amusant, croyez-moi.

La police, on la prend de taille moyenne : ni trop petite, ni trop grosse. En effet, si devoir zoomer la page ou se tuer les yeux pour lire n'est pas agréable, devoir aller à la ligne tous les trois mots coupe aussi dans la lecture. On comprendra donc la taille de la police entre 11 et 14px ! ^^ 

Si leurs couleurs vives sont à éviter, c'est aussi le cas pour certains mélanges de couleur : du mauve sur du bleu/bleu clair, du violet sur du bleu clair ou du mauve... Pour le premier, le mélange est généralement illisible pour tout humain normalement constitué. Le second rend la lecture de votre blog difficile à toute personne daltonienne, car même si il y'a trois types de daltonismes, tous on un point commun : la difficulté à différencier deux nuances de couleurs proches. Alors pensons à eux ! Pour ça ce n'est pas difficile : vous prenez votre couleur de fond (ou ce qui s'en rapproche) sur le cercle chromatique et vous virez tout ce qu'il y'a autour. Et ziou ! Maintenant même mes meilleurs potes daltoniens pourront lire votre blog ! Vous allez peut-être trouver ce dernier point idiot, mais on ne pense pas assez à eux et leur navigation sur la blogosphère doit être plus que compliquée... On peut par contre utiliser une version plus foncé/plus claire de la couleur de fond.

Pour finir cette rubrique, on évite de mettre plus de deux/trois couleurs sur votre blog. Maximum  quatre couleurs en fonction du contexte. Mais n'oubliez pas que le but n'est pas de reconstituer notre cher cercle chromatique ! ^^ 

Les commandements de l'arrière-plan 
 

Pour finir cet article qui a déjà pas mal traîné en longueur, parlons de l'arrière plan de votre blog ! 

• Il ne doit pas être trop chargé ni être de couleur trop vive afin de ne pas monopoliser le regard. C'est nettement plus agréable pour se concentrer sur un article ! 
• On évite les gifs animés (ai-je besoin d'expliquer pourquoi ?)
• On connait tous la frustration de ne pas pouvoir mettre toutes les images qu'on aime dans son thème. Mais mettre une image différente pour le fond  de la fenêtre/ fond de la page / contenu, croyez-moi, ce n'est pas une bonne idée. Du tout. 
• Les toutes petites images en mosaïque : ça surcharge l'habillage du blog et cela jure généralement avec le reste de l'habillage. 

 
Un exemple de type d'arrière plan à éviter pour le contenu : l'alternance de nuances claires / moyennes / foncées d'une même couleur empêchent de trouver une couleur qui soit véritablement lisible partout. De plus, votre regard n'est  pas attiré vers le texte mais vers les images de fond. C'est assez dommage... Désolé pour la blogueuse dont j'ai oublié l'adresse. Moi aussi je faisais ça avant. Je t'aime quand même. Coeur et licornes.

Et surtout, on essaie de faire des pages maximum entre 950 et 1000px de largeur afin qu'il s'affiche correctement sur la plupart des écrans. En plus, au delà d'une certaine largeur, la lecture du contenu est moins évidente (c'est prouvé) : alors faites attention ! Personne n'aime scroller horizontalement pendant votre lecture. Votre but n'est pas seulement d'attirer des lecteurs : mais aussi de les garder !

Voilà voilà,  nous arrivons au bout de ces conseils ! Libre à vous de les appliquer ou pas, même si je vous conseillerai plutôt de vous tenir à certaines choses ! ^^ Sur ce, ja  nee~