CSS pour apprendre à changer la disposition de vos thèmes
Il arrive souvent qu’on ait besoin de modifier le style de notre thème. C’est même un passage obligé dans la vie d’un blog. Soit vous êtes un webdesigner chevronné, alors dans ce cas le CSS n’a plus de secret,
soit vous être juste un peu amateur et curieux et vous allez vouloir comprendre un peu mieux comment un thème fonctionne et par conséquent comme vient interagir avec une feuille de style avec votre thème. cette feuille de style s’appelle surerment style.css dans votre thème.
C’est la mission que je me suis donnée ces derniers jours. Voilà comment j’ai procédé.
- J”ai installé wordpress en local sur mon pc en suivant mon tutorial sur le sujet. Cette partie n’est pas obligatoire, mais conseillé, vous pouvez très bien travailler en ligne avec un sous domaine de test ou carrément sur votre blog en live! (attention néanmoins sur un blog live)
- J’ai commencé à lire scrupuleusement les sources du CSS sur w3schools.com/css (sorry c’est en anglais) sinon vous pourriez très bien acheter un livre sur le livre sur le CSS
j’aime bien les séries “pour les nuls”
- Je suis allé sur la feuille de style de mon blog de test et j’ai commencé à lire chaque ligne pour essayer de comprendre en m’appuyant sur la w3schools
- Quand je ne comprends pas je change un paramètre sur ma feuille de style (exemple si je vois 1px, je change à 50px, l’effet est immédiat)
- Un peu frustré par cette méthode, j’ai également trouver une feuille “cheat sheet” qui explique tout en une seule page sur networking.ringofsaturn.com vous pouvez également essayer de trouver d’autre antisèche ici
- J’ai également trouvez une antisèche html ici
Dans la série je fais ce que je dis et je fais ce que je dis, c’est ainsi que j’ai procédé! Les pro auront surement d’autres conseil éclairés sur le sujet. Sachez que je me suis bien amusé en changeant les paramètres et qu’au fond ce n’était pas très compliqué, c’est juste une question de temps!
Une bonne 40 heures de travail devrait suffire


il y a 4 Commentaires jusqu'à maintenant
March 25th, 2010 at 1:26 pm
excellent blog/post c’est un plaisir de découvrir et progresser sur wordpress avec vous.
March 25th, 2010 at 1:36 pm
Personnellement j’utilise le plugin firebug sur firefox, il est bien utile pour voir à quoi correspond les différentes valeurs dans le css,
March 25th, 2010 at 2:57 pm
merci, oui j’ai entendu de firebug, ça fait partie de ma todolist , je vais zyeuter ce plugin, car j’en entends souvent parler,
March 25th, 2010 at 2:57 pm
merci pour les encouragements, on va voir pour la suite!
Partagez vos idées, laissez un commentaire!