Choisir un modèle de blog: colonnes et mise en page

Mon premier blog (2ème épisode) - Tous blogs

Dans un précédent billet, j'ai évoqué la création d'un blog. Voilà aujourd'hui quelques réflexions personnelles sur le choix de son modèle blog.

Comment choisir son modèle? Spontanément, à peine cette question posée surgissent dans notre tête des palettes de couleurs. Noir avec fonte blanche? Coloré? Sobre?
Désolée de vous décevoir, mais choisir le papier cadeau n'est pas la priorité! Car si l'aspect d'un blog peut informer en un seul coup d'oeil sur son thème, il faut que le contenu soit tout aussi lisible dès le second coup d'oeil.

Je vais donc commencer par évoquer l'organisation des différents modules d'un modèle, et je reviendrai sur le fond (images, couleurs...) plus tard.

Les différentes parties d'un blog:

Le contenu d'un blog peut se diviser en deux grandes parties distinctes:

1- Les articles

D'une part les articles eux-mêmes: le propre du blog est de permettre une publication "dans l'instant". Un blog peut donc être apparenté à un "journal de bord". Il raconte votre actualité au fil des jours, que ce soit l'anniversaire des jumeaux en direct de chez Mamie, les prochains stages proposés par votre association, ou tout simplement votre regard sur le monde ou vos états d'âme du moment.
Au fur et à mesure où vous publiez, les anciens articles "reculent" dans le blog jusqu'à disparaitre.

2- Les modules des menus latéraux

La seconde partie d'un blog est constituée de modules fixes, qui sont présents quelque soit la page de votre blog. Les plus courants sont: une présentation du blog et/ou de l'auteur, des listes de liens, de libellés, de catégories où vous classez vos anciens articles, d'archives. Mais vous pouvez y rajouter tout un tas de "widgets", ces petits gadgets qui vont de la vidéo au lecteur musique, en passant par tout un arsenal de jeux, météo, diaporama, publicités...

Réfléchir à la quantité d'informations ou de widgets que vous voulez afficher en permanence dans les menus de votre blog indépendamment de vos articles va vous aider à choisir le bon modèle.

(Cliquez sur les images pour agrandir)

Choisir un modèle selon le contenu: combien de colonnes dans mon blog?

1- Les modèles à 2 colonnes

Vous envisagez simplement de rédiger des articles, et de mettre dans la partie latérale de votre blog juste une "table des matières" pour archiver vos écrits et permettre à vos lecteurs de les retrouver facilement? Dans ce cas, un modèle à 2 colonnes vous suffit. La partie centrale pour les billets, et une colonne plus ou moins large à droite ou à gauche pour votre indexation (qui peut être par catégories, mots-clés, archives...). Vous pouvez évidemment y ajouter quelques autres fonctions (pub, liens...): placez en haut les modules importants et en bas ce que vous jugez secondaire.

Ci-dessus: un modèle à 2 colonnes extrait des modèles classiques proposés par blogger et disponibles depuis votre plateforme d'administration (Mise en page>sélectionner un nouveau modèle).

Ci-dessus: un modèle à 2 colonnes trouvé sur internet, avec menu à droite.

2- les modèles à 3 colonnes

Vous souhaitez en plus de l'indexation afficher une très longue liste d'amis blogueurs, un compteur, un lecteur, des liens divers, des publicités... Dans ce cas, privilégiez un modèle à 3 colonnes (ou + si nécessaire) pour ne pas allonger inutilement la barre de menu latérale. Essayez de répartir vos modules latéraux de façon logique: d'un côté, tout ce qui concerne le contenu interne à votre blog (libellés, archives, catégories...) et de l'autre tout ce qui concerne des informations extérieures (blogroll, liste de liens, accès à des diaporamas...). En haut le plus important, et en bas ce qui n'est pas indispensable. Vos visiteurs s'y retrouveront mieux.

Ci-dessus: un modèle à 3 colonnes trouvé sur internet, avec une barre de menu à droite et une autre à gauche. Il existe des modèles où les 2 barres de modules sont du même côté, et non de part et d'autre de l'article.

3- Modèles à 4 colonnes ou +

Il existe des modèles qui comportent 4 colonnes, et peut-être plus. Utiles dans certains cas, ces modèles peuvent vite devenir confus et transformer votre blog en page My space avec des tas de trucs dans tous les coins, et aucune lisibilité pour le lecteur qui vous visite pour la première fois. Donc, à utiliser avec parcimonie et logique.

4- Modèles à onglets

Comme vous pouvez le constater, mon blog n'a que 2 colonnes (article et menu latéral), mais il dispose d'une série d'onglets qui permet d'accéder à d'autres informations. Ce modèle m'a permis de garder visible uniquement les données relatives au contenu de mes articles: mots-clés, catégories et archives, plus quelques petits modules (statistiques...) relayés tout en bas de page pour être le moins visibles possible. Les onglets me permettent aussi de mettre tous les liens qui me tiennent à coeur dans une page réservée sans me soucier de la longueur de cette liste, de renvoyer à mon port-folio...

Mise à jour été 2010: depuis la rédaction de cet article, il y a eu du changement dans les modèles standards proposés par blogger. On peut maintenant facilement se créer un modèle à onglets si l'on utilise le nouvel éditeur de modèles blog blogger.

Les modèles à onglets, que je trouve personnellement très lisibles, ne sont pas disponibles dans les modules classiques de blogger. Il faut les créer de toutes pièces ou les télécharger sur le web, et être prêt à modifier ces modèles dans la page HTML de la mise en page, afin d'y indiquer les liens que vous voulez voir figurer dans les onglets, ajouter ou enlever certains onglets... A déconseiller si vous êtes définitivement allergique au code HTML.

Ci-dessus: un modèle à 2 colonnes et onglets trouvé sur internet. (Même mise en forme que mon blog, mais autre style.)

Choisir un modèle selon le contenu: quelle largeur pour mes articles?

Enfin, un dernier point à prendre en compte avant de choisir un modèle de blog. Pensez à évaluer quelle serait la largeur idéale pour les articles de votre blog.

1-Du texte, encore du texte...

Si vous envisagez de remplir vos articles principalement de texte, et si des illustrations de petite taille vous suffisent, la largeur du module central "article" n'a pas beaucoup d'importance.
Remarque: dans certains modèles, la largeur des articles s'adapte à la largeur de l'écran d'ordinateur. Votre texte devient ainsi beaucoup plus long (longueur des lignes) sur un écran 4/3, et se déroule en papyrus sur un petit portable. Ces modèles sont bien adaptés aux textes étoffés. Mais dans le cas d'articles trop courts, ceux-ci occupent seulement quelques lignes sur les écrans larges et peuvent paraître insignifiants.

2- Des blogs consacrés à l'image

Si vous voulez faire la part belle à l'image, et afficher en grand vos créations graphiques, picturales ou photographiques, certains modèles peuvent avoir une largeur de billet insuffisante, ou au contraire trop importante: votre photo, perdue dans un trop grand cadre perdrait son impact. Pensez que votre article doit servir de cadre à votre image et la mettre en valeur, sans l'écraser ni la faire ressembler à un sac plastique solitaire dérivant en pleine mer.

Remarques pour les blogs photos ou images:

• Vous pouvez insérer dans vos articles une illustration de petite taille de votre photo sur laquelle il faut cliquer pour afficher la photo dans sa taille d'origine. Mais la fenêtre dans laquelle s'ouvre cette photo n'est pas très esthétique, et proposer vos images en trop grande taille augmente le risque de vol de cette image. (Voir les images de cet article).

• En dépit des apparences, il est tout à fait possible d'insérer une photo ou une image plus grande que les tailles d'affichage proposées par défaut par blogger (la plus grande taille est celle des vignettes d'illustrations visibles ci-dessus). C'est d'ailleurs ce que je fais dans mes billets sur la photo: je redimensionne mes photos à l'avance dans mon ordinateur pour qu'elles ne puissent pas s'afficher au delà de 450 pixels dans la largeur. J'ai cherché un modèle dont la largeur d'article était légèrement supérieure à la largeur de mes photos.
  

Photoblogs: voir en complément, l'article sur l'organisation spécifique des blogs photos ou illustrations.

Planter le décor... un autre jour

Après mûres réflexions, vous avez enfin évalué vos besoins et établi combien de colonnes vous étaient nécessaires. Il est temps de revenir au plus agréable: le choix de l'emballage. Deux possibilités s'offrent à vous: utiliser un modèle classique proposé par blogger (ou autre plateforme) ou télécharger un modèle plus original ou qui correspond davantage à vos besoins.

Désolée de vous décevoir, mais je viens de réaliser que ce billet est beaucoup plus long que prévu. Je vais donc laisser la question du téléchargement de modèles blog blogger importés en suspens pour aujourd'hui et transformer mon billet en feuilleton à épisodes.

En attendant la suite (spécial Blogger):

Un ultime post-scriptum pour me faire pardonner: il est toujours préférable de choisir le bon modèle dès le départ, avant de commencer à rédiger ses billets. Mais il faut avouer que lorsque l'on débarque en territoire inconnu, il n'est pas facile de se repérer. La blogosphère est un monde obscur semé de questions que l'on avait oubliées de se poser! Et très rapidement, on s'aperçoit que le modèle si intelligemment choisi pour notre premier blog n'est pas si parfait.

Vous pouvez sans risque et quelque soit votre modèle modifier à tout moment plusieurs choses:

• En allant dans Mise en page>Eléments de la page, vous ajoutez ou retirez autant de gadgets ou widgets que vous voulez.
• En allant dans Mise en page>Polices et couleurs, vous pouvez sans risque modifier la taille et la couleur des différentes fontes, certaines couleurs de fond.

Ces deux sortes de modifications n'affectent pas le contenu de vos articles et sont réversibles (attention cependant: si vous supprimez un module, son contenu est également supprimé: vous supprimez votre module "liens", puis vous changez d'avis et vous l'insérez à nouveau. Il faudra alors rentrer une seconde fois toutes les adresses de vos liens).

Il sera toujours possible de changer complètement de modèle par la suite, sans perdre le contenu de ses articles. Si vous utilisez un modèle classique de blogger, il vous suffit d'aller dans "Mise en page" et de sélectionner un nouveau modèle.
Si vous avez importé un template, vous pourrez en changer en remplaçant le code HTML, mais vous prendrez plus de risques: certains modules peuvent d'être modifiés ou même disparaître.

Dans tous les cas, vos articles eux-mêmes (textes+illustrations) peuvent être sauvegardés, et doivent l'être avant toute modification importante de votre modèle. (Voir comment sauvegarder vos articles et le code de votre modèle)

Je ne sais pas si ce dernier point vous rassure sur la possibilité de modifier un modèle plus tard, ou au contraire vous incite à patiemment élaborer un modèle idéal avant de vous lancer dans la rédaction de vos billets?
__________________________________________________________________
Articles liés: Ces articles peuvent vous intéresser:

• Une liste d'erreurs à éviter lorsque l'on crée son blog
  
• ! new Blog blogger/nouveauté: un nouvel éditeur de modèles

• Créer son premier blog: Où? Comment?
• Importer un modèle template pour un blog blogger
• Modifier le HTML de son blog: sauvegarde et précautions à prendre
• Décoration blog: icônes et boutons design
• Les gadgets blog blogger: fonction et utilisation

•  La liste de tous les tutoriels création, personnalisation blog.