Projet design / blog
Kawa Yaka, c’est une chaîne lancée par css4design, et à laquelle Fran6 m’a gentiment invité. Je suis gêné : il s’agit de livrer en avant-première des petits morceaux des projets sur lesquels on travaille, sachant qu’il doit s’agir de projets graphiques / design. Et je n’ai en ce moment que deux projets “blogs” :
- un blog familial que j’ai installé chez mon hébergeur :
- accès privé réservé aux membres de la famille et aux amis
- chaque personne possède des droits d’auteurs pour poster des billets
- c’est beaucoup de travail, parce qu’on découvre que les opérations que l’on fait quotidiennement sur notre blog ne sont pas évidentes pour les néophytes : il faut mettre en place des outils, et il va falloir en expliquer le fonctionnement
- le jeu en vaut la chandelle : ça sera un super lieu d’échange et de discussion dans un cercle retreint - familial
- les finitions de mon nouveau design : je vais parler brièvement de ça, même si ce n’est pas vraiment une avant-première, vu que c’est déjà en ligne…
Design BLOmiG
Je n’ai pas vraiment fait un travail de mise en place d’un thème, puisque j’ai travaillé à partir d’un thème dont la structure me convenait et que je trouvais programmé proprement (il s’agit de l’excellent thème wordpress de N.design Glossy Blue). Tout ce que j’ai fait a été fait (à peu de choses près) sur la feuille de style en CSS. Ma réflexion initiale est partie sur la volonté d’alléger au maximum le design pour faire ressortir les articles, et faciliter la lecture. Le blanc s’imposait donc comme couleur dominante. Comme je souhaitais conserver une sidebar, pour pouvoir afficher - entre autres - des citations de la base de données que je construit dimanche après dimanche, et les noms des meilleurs commentateurs, j’ai choisi de laisser la sidebar, en l’affichant en gris. Choix délicat, qui visiblement ne fut pas forcément bon, puisque beaucoup de lecteurs m’ont fait part de la lisibilité difficile de la sidebar. J’ai foncé un peu le gris, mais ce n’est toujours pas ça…
Pour le reste, voilà la liste de ce que j’ai changé dans le thème initial pour améliorer la navigation et la lisibilité des articles (tous les retours sont les bienvenus!) :
- Image de fond pour la date : couleur brune claire
- Police de caractère : famille “Bitstream vera sans”, couleur gris foncé
- Modification de toutes les polices et couleurs des différentes balises h1, h2, h3, a, etc…
- Ajout d’une classe Lettrine pour avoir des beaux débuts de paragraphes :
.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 4em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: "Bitstream Vera Sans", Lucida grande, Verdana, Arial, sans-serif;
color: #007399;
border: none;/* définition d'une bordure autour de la lettrine*/
background-color: #FFFFFF;
margin: 1px;
padding: 1px;
line-height: 1em;
}
- Ajout d’une classe Chapeau pour pouvoir résumer les articles longs au début
- Ajout d’une classe rss-feed pour afficher en bas des articles un bandeau d’abonnement au blog par RSS ou mail
- Modification de la largeur des billets dans le thème (plus large que dans le thème initial
- ajout d’un image à côté de tous les liens externes pour signifier explicitement au lecteur quand je vais ouvrir une nouvelle fenêtre (pour rendre l’utilisation des target=”_blank” acceptable…)
- liste d’articles en relations après chaque bandeau de fin d’article
- plugins Threaded Comments et MBLA (ajout d’une image à côté du nom des commentateurs) pour améliorer l’allure des commentaires
Voilà, ce sont les grandes lignes des modifications que j’ai effectuées sur la feuille de style de Glossy Blue ! N’hésitez pas à me faire des remarques là-dessus, je suis preneur. Ce qui me reste à faire est d’améliorer modifier le logo qui manque de caractère : qu’en pensez-vous ?
Pour finir, je vais inviter Frenchmat (je sais qu’il triture aussi Glossy Blue en ce moment), Matthieu M. (de CeciDit) (parce que son design est bien léché et qu’il doit donc avoir des trucs à raconter) et Thomas (de Toile Filante) (pour les mêmes raisons et parce que son design change par petites touches régulièrement) à poursuivre (s’ils le souhaitent) la chaine Kawa Yaka !
Blog, Wordpress, Dessin
Derniers commentaires