Je suis aujourd’hui au café. Toute la journée. Je profite d’un jour de congé pour travailler, et faire toutes les choses qui traînent depuis des semaines et que je n’ai pas le temps ou le courage de faire le soir, après le boulot.
Je vais m’occuper de mon réseau, je vais publier un billet sur chacun de mes blogs. Je vais aller commenter – enfin ! – sur les blogs que j’aime et y apporter ma petite touche aux discussions.
Un rêve de blogueur, finalement.
Je vais bientôt changer de fonction au sein de mon entreprise : d’ingénieur de recherche, je vais devenir community manager. Cette mutation aura pris du temps, de l’énergie, et c’est une véritable joie : j’ai réussi à marier ma passion pour les blogs et le web, les réseaux sociaux et les rapports humains avec mon travail et ma formation initiale de physicien.
Comme j’en parle souvent, je me rends compte à quel point le fait de raconter l’histoire de ce changement, me fait la déformer, ou en tout cas la « former ». Je lui donne forme en le racontant. Toute histoire est faite de choix : le point de départ, l’ordre du récit, l’importance donnée à tel ou tel détail, à tel ou tel personnage, l’angle choisi pour la raconter. Il n’existe pas de mémoire exacte des évènements vécus : il n’existe que des récits, des reconstructions.
J’ai décidé de ne pas subir ce processus, mais de m’en servir. Au lieu de laisser cette histoire se raconter toute seule au fur et à mesure de mes échanges, je vais profiter de ce blog pour la raconter, et pour la construire. Le but est double :
A bientôt, donc, pour l’épisode 1.
Je n’avais plus alimenté cette rubrique depuis longtemps. Je la reprends, car j’ai eu l’occasion de donner récemment des conseils à quelqu’un qui voulait ouvrir un blog : cela m’a forcé à formaliser les quelques conseils les plus importants. Ce ne sont que des bases de blogging, mais pour cette raison justement, elles ont toute leur place dans cette série ! (suite…)
Ce billet me servira pour tester le nouveau design, et les classes CSS mises en place. Il n’est donc pas très utile pour les lecteurs, sauf ceux qui s’intéressent à la mise en forme des billets. Je vais tout de même y insérer des éléments de code pour que les débutants puissent s’en inspirer…
Je me devais de l’appeler « Lorem Ipsum« , parce que c’est le nom des « faux-textes » utilisés dans l’imprimerie d’abord, et dans la CAO / webdesign maintenant. C’est un bout de texte qui ne veut rien dire, et qui permet de tester la mise en page, et le design. Moi, ici, je vais tester la mise en forme des blockquote, des listes ordonnées ou non, des niveaux de titres h2, h3, etc…, des exergues, du chapeau et des lettrines. Tout ça concerne la structuration html des billets dans le thème WordPress, ainsi que les classes utilisées dans la feuille de style CSS.
Voilà donc un bloc de citation, contenant le fameux « lorem ipsum ». VOyons ce que ça donne :
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Et une citation plus longue, c’est un autre format :
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Et enfin, une dernière mise en forme, plus sophistiquée avec la photo de l’auteur :
Les convictions sont des ennemis de la vérité plus dangereux que les mensonges.
Friedrich Nietzsche (1844-1900)
Philologue, philosophe, poète, pianiste et compositeur allemand.
Voici une première liste non-ordonnée :
et une autre, ordonnée :
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis auteLorem ipsum dolor sit amet, consectetur adipisicing elit. irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. J’ai aussi un petit css pour mettre des choses dans la marge1.1. Cela permet de mettre un complément d’info au bon endroit, sans forcer le lecteur à aller voir une note de bas de page, ou cliquer sur un lien..
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Et voilà !
j’ai enlevé le html. Et les différentes classes qui sont appelées sont quant à elles définies dans le fichier style.css. Voici les principales :
.exergue_gauche {
float: left;
font-size: 1.3em;
font-family: "Nunito Sans", Verdana, Sans-serif;
color:#529BA1;
background: #FFF;
width: 200px;
padding: 15px;
text-align: center;
margin: 2px 20px 5px 15px;
line-height: 1em;
border-top:1px solid;
border-bottom:1px solid;
}
.textmarge {
float: left;
font-size: 0.9em;
font-family: "alegreya";
color:#bbbbbb;
background: #FFF;
width: 175px;
padding: 15px;
text-align: right;
margin-left:-450px;
line-height: 1em;
}
N’hésitez pas à me signaler en commentaire si des points sont peu clairs, ou si vous voulez d’autres explications…
Je me suis amusé à imaginer une manière graphique de classifier les blogs. J’ai retenu deux critères (pour les deux axes) :
On peut donc positionner quatre types de blogs :
J’ai placé mes deux blogs sur la carte. Ils sont au milieu. Mais l’évolution dans le temps de ces deux indicateurs (abonnés et nombre de commentaires) permettra de voir quel style de blog ils évoluent.
Qu’en pensez-vous ? Où se situe votre blog ?
Je fais un petit billet pour vous signaler deux articles très intéressants que j’ai lu récemment, et qui sont deux mines d’or pour tous ceux qui tiennent un blog, et que les outils de design, les plugins, les trucs pour WordPress, etc. intéressent !
Bonne lecture, et merci à leurs auteurs pour ce gros boulot de synthèse !