D'encre et de papier en chantier

Source : morgueFile

Ce blog existe depuis presque quatre ans déjà et il est grand temps pour lui de refaire peau neuve.

Depuis le tout début, le design de ce blog a toujours été très simple et dépouillé de tout gadget complexe et superflu. Sa forme a en outre peu changé au cours du temps car l'objectif premier de ce blog était qu'il soit un lieu où publier des chroniques, de qualité je l'espère. Tout ce qui se rapportait à la décoration et à la navigation sur celui-ci était secondaire et passait au second plan. Et cela, pour la seule raison de consacrer mon temps et mon énergie au contenu plutôt qu'à la forme.

Malheureusement cela s'est peut-être fait au détriment d'un côté pratique pour ses visiteurs. Il lui manque certaines pages pour qu'il soit complet, notamment une page de présentation, une page de contact, liens vers les réseaux sociaux, etc. D'apparence encore très proche du modèle de base fourni par Blogger, il manque aussi probablement de personnalité et mérite de mieux refléter l'esprit du blog.

Je me suis surprise récemment à me balader de blog en blog, juste pour en regarder la disposition des articles et des différents éléments. Attentive à la décoration, tout ce qui me plaisait était enregistré dans un coin de mon cerveau, près à être adapté plus tard sur mon propre blog.

Le déclic s'est fait lorsque j'ai découvert le blog Girly Blog, sur lequel son auteure, Mina, donne d'innombrables astuces pour améliorer le design de son blog. Ses tutos, avec des explications simples à comprendre et à suivre sont accompagnés de photos pour aider notre compréhension. N'hésitez pas vous aussi à aller faire un tour sur ce blog regorgeant de conseils pratiques.

Je me suis alors dit qu'il fallait que je m'attaque à ce chantier dès à présent. Ceux qui me suivent régulièrement ont déjà pu remarquer que l'ancienne image de couverture, toute pixelisée, a fait place à un montage de tableaux. Les marges ont aussi été adaptées tout récemment pour offrir, je l'espère, une lecture plus agréable. Tout cela n'est qu'un début. Je projette de réaliser de nouvelles balises du style "coup de cœur", "actualité", "débat", etc. pour attirer l'attention du lecteur sur certains articles en particulier. J'aimerais aussi créer un menu moins tristounet (j'ai déjà quelques idées en préparation).

J'espère réellement que toutes ces modifications rendront la lecture plus agréable. L'évolution des "travaux" sur ce blog pourra être suivie sur cet article mis à jour à chaque nouveau changement.



 

MÀJ 8/01/15 : Image d'en-tête centrée
Comment est-il possible qu'une chose aussi basique soit aussi difficile à réaliser sous Blogger? Mon image d'en-tête était installée depuis déjà une semaine mais elle n'était pas centrée, ce qui n'était pas très joli esthétiquement parlant. J'ai donc essayé et beaucoup galéré pour tenter d'obtenir un résultat satisfaisant. Finalement, après de longues heures de recherche et d'essais, je suis parvenue au résultat actuellement visible. Merci à Jungle et à son article Comment centrer l'image d'en-tête sur Blogger qui m'a permis d'arriver au résultat tant attendu.

MÀJ 9/01/15 : Page Contact

La page de contact qui manquait au blog est désormais présente. Tous ceux qui désirent m'envoyer un message peuvent dès à présent le faire sur cette nouvelle page toute dédiée à cet effet. Plus pratique et plus rapide, la communication entre lecteurs et auteur de ce blog n'en sera que plus facile !

MÀJ 10/01/15 : Page Présentation

Elle existait déjà mais n'était pas accessible depuis la page d'accueil, ce qui n'était pas très utile. C'est une Lectorrima âgée de deux ans de moins qu'aujourd'hui qui l'a rédigée. Aucune correction n'a été apportée car j'ai souhaité en conserver toute la fraîcheur.

MÀJ 10/01/15 : Page Liens   mise à jour

En complément à la rubrique Liens dans laquelle je partage des adresses de blogs ou autres sites intéressants, cette page permet de retrouver en un clin d'œil toutes les adresses web utiles dont les thématiques sont en lien avec le contenu de mon blog.

MÀJ 11/01/15 : Favicon

La favicone (francisation du mot) d'un site web est la petite icône ou image qui apparaît à côté du nom de la page dans l'onglet. C'est un petit détail insignifiant qui fait tout la différence dans le design d'un site. Comme je suis pour le moment en train de repenser toute l'apparence de mon blog, je pouvais bien remplacer la favicone par défaut de Blogger par une icône personnalisée. J'ai choisi une plume dans un encrier. Après tout, le nom de ce blog est bien D'encre et de papier , n'est-ce pas? 

MÀJ 11/01/15 : Onglets

Jusqu'à présent, mon blog comportait peu de pages. Une liste située dans la colonne de gauche était donc suffisante pour que les lecteurs puissent naviguer aisément. Maintenant, avec ses quelques pages indépendantes supplémentaires, une mise en page privilégiant les onglets comme on peut le voir sur de nombreux autres blogs serait sûrement plus adaptée. Je ne suis pas complètement satisfaite du résultat car les onglets sont alignés à gauche et cassent la symétrie du blog. Des recherches supplémentaires devront être menées pour découvrir comment les aligner correctement, en espérant que cela soit plus simple que pour centrer l'image d'en-tête !

 MÀJ 14/01/15 :Barre de recherche
Une barre de recherche est souvent pratique pour les visiteurs qui recherchent des articles bien particuliers. Cela peut-être parce qu'ils aimeraient retrouver un billet qu'ils avaient lu lors d'une visite passée ou bien parce qu'ils ne sont intéressés que par certaines thématiques bien précises. Les différents modèles par défauts par Blogger ne sont malheureusement pas très jolis. Il me fallait donc une barre personalisée au design qui me plairait. Après quelques recherches, j'ai trouvé plusieurs sites qui proposent des codes personalisables pour créer sa propre barre de recherche. Celle qui est maintenant affichée sur mon blog provient du blog Helplogger. D'autres barres qui ont attiré mon regard sont sur le blog Dapinter. Enfin, des barres toutes simples mais aux couleurs interchangeables sont proposées par TheTechGears. Alors plus d'excuses à continuer à trainer la barre par défaut disponible initialement sur Blogger quand autant de ressources nous permettent de créer notre propre barre qui nous convient.

 MÀJ 16/05/2015 : Réseaux sociaux
Parce que c'est toujours sympa de garder contact, dans un environnement autre que ce blog. Des petites icônes sont maintenant visibles sur le côté pour vous permettre de me retrouver directement sur divers réseaux sociaux. N'hésitez pas à venir m'y faire un petit coucou.

 MÀJ 18/05/2015 : Menu latéral
Adieu la liste de labels désordonnée qui se trouvait dans l'espace latéral du blog. J'utilisais jusque là le gadget par défaut de Blogger mais après avoir mis les mains dans le CSS, je suis fière de vous présenter mes jolis boutons pour accéder aux principales catégories du blog. J'admet qu'il  y a encore des progrès à faire en matière de design, mais c'est tout de même mieux ainsi. Et pas de panique, tous les labels peuvent être retrouvés en bas de page sous forme de nuage de tags.

 MÀJ 21/07/2015 : Date de mise à jour
Sur d'autres plateformes de blog, pour chaque article sont affichées deux dates : la date de première publication et la date de dernière modification. Ces deux dates sont toutes aussi importantes l'une que l'autre, et ont chacune une signification bien particulière. La première permet de dater les informations présentées dans l'article. La deuxième quant à elle informe sur le suivi de l'auteur de l'article après le post initial. Si cette date est récente, elle témoigne du soin qu'apporte l'auteur à corriger le contenu de l'article et à le maitenir à jour. Hélàs, sur Blogger, une seule date ne peut être affichée  par défaut, date que l'utilisateur peut modifier qui plus est. J'ai trouvé la solution à ce manque de la part de Blogger sur le blog Blogger Code. La date de dernière mise à jour peut être récupérée gâce à un code javascript et les auteurs du blog peuvent choisir de l'inclure là où il le juge le plus approprié.