Concevoir des thèmes WordPress : utilisation de Firebug et de YSlow

Créer des thèmes pour WordPress, c'est avant tout disposer des bons outils en matière de Web développement, à savoir : un bon navigateur Internet (Mozilla Firefox) et une extension reconnue par les pros, Firebug.

Ces 2 vidéos d’initiation vous apprendront le fonctionnement de :

  1. Firebug qui offre l’immense avantage de pouvoir modifier en temps réel votre site / blog (des connaissances minimales en HTML / CSS ainsi qu’en anglais sont recommandées) ;
  2. YSlow, un plugin pour Firebug, développé par Yahoo! et qui vous en apprendra plus sur le temps de chargement de vos pages, les différentes requêtes exécutées, le poids des éléments, etc.

Au terme de ces 2 didacticiels, Firebug ne devrait plus avoir de secrets pour vous.

Et comme je vous l’indique en fin de vidéo, si vous souhaitez en apprendre plus sur la création de thèmes pour WordPress et quelles sont les meilleures techniques de codage.

Par Aurélien Denis

Another WordPress fanboy. Fondateur de WordPress Channel et WP Alacarte, président de l'association WordPress Francophone (2016-2017) et WordPress Meet & eXchange, gérant de la société Neticpro, co-organisateur du WPMX Day et du WordCamp Bordeaux, et plus encore.

Des tutoriels et des bons plans en exclusivité !
  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
12 commentaires
  1. Doc

    Merci, j’attends avec impatience la section pagespeed ….

  2. GTEAMS

    Bravo et merci

  3. billboc

    merci beaucoup pour ces tutoriaux !

    au fait je commence à developper un theme pour WP3
    me conseilles tu de partir du theme par defaut de wp3 et de le modifier pour en faire ce que je veux ou plutot de faire un theme de A à Z (ex: tutorial Eiffair)

    je ne sais pas quoi faire…

    1. Aurélien Denis auteur de l’article

      Selon moi, c’est toujours mieux de partir d’un thème préconçu.

      C’est un gain de temps incroyable et surtout on apprends plus vite car les différentes structures de WordPress sont déjà en place – commentaires, par exemple.

      Cependant, il ne faut pas oublier que le thème par défaut de WordPress 3.0 intègre des fonctionnalités qui ne te seront pas forcément utile – changement de header, notamment.

      De fait, tu risques de retrouver avec des lignes de code inutiles qui alourdiront le code.

      Tout dépend donc de ton niveau ! 😉

      1. billboc

        oui c’est ce qui me gene = avoir des lignes de code inutiles ou que je ne maitrise pas…

        je vais tenter un depart feuille blanche !

        PS: de toutes façon il est possible d’utiliser toutes les fonctionnalités de WP3 ne rajoutant les lignes de codes adéquates, c’est ça ?

        merci !

        1. Aurélien Denis auteur de l’article

          Bon courage à toi !

          Pour connaître les différentes commandes, rendez-vous sur le codex de WordPress.

  4. Karl

    Merci, podcast très agréable.

  5. Olivier

    Salut Aurelien, merci pour la super video su fireburg. C’est bcp plus sympa de suivre tes explications et bien plus rapide que n’importe quelle tuto à lire. Grâce à ta video, j’ai pu suivre en temps réel tes explications pour configurer le blog…

    1. Aurélien Denis auteur de l’article

      Avec plaisir ! 😎

  6. Marylise Breye

    Ton tuto est clair, pour moi qui suis plutot « design » que « code ». Tu sais donner les bons conseils, sans blabla. Merci !

  7. wilfrieddelgrange1987

    Super les tutos !!! Mais j’ai une petite question ^^. Existe t’il une solution pour enregistrer nos modification apporter avec firebug directement dans le code CSS. Sans qu’on est a le coder derrières ?

    1. Aurélien Denis auteur de l’article

      Négatif ! 🙂

Laisser un commentaire