HTML5 Boilerplate + Toolbox + Codex = WordPress Basics

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

HTML5 Boilerplate + Toolbox + Codex = WordPress Basics

♥ Basics est un thème de base, un Blank Theme dont l’objectif est de servir de fondations pour créer des sites web avec WordPress via un thème enfant ou en dupliquant les fichiers home.php, index.php, search.php ou 404.php. Il sert de support à la série des tutoriels WordPress de A à Z que j’ai commencé il y a peu sur CSS & Webdesign. La version 0.1 est plus particulièrement détaillée dans la partie B comme Basics mais des octets ont coulé sous les ponts depuis. N’hésitez pas à télécharger la dernière version, à la décortiquer et à me faire part de vos suggestions.

Un thème basé sur HTML5 Boilerplate et Toolbox (et le Codex) «For Those About to Rock» avec WordPress !
Screenshot de wp4design

Capture d'écran de la catégorie Tutorial de wp4design.com

Basics en bref

  • Basé sur HTML5 Boilerplate, le thème Toolbox (par Automattic) et le Codex,
  • Prêt pour l’internationalisation,
  • Sémantique HTML 5,
  • Rôle ARIA (Landmarks),
  • Microformats hCard, hAtom, XFN,
  • Souple et solide à la fois,
  • Sûrement perfectible.

Basics est encore en version bêta et évolue régulièrement. N’hésitez pas à  suivre le compte Twitter @wpbscs pour connaitre les derniers développements en cours.

Dernière version

→ Télécharger la dernière version de Basics.

Tutoriel

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



17 commentaires pour “HTML5 Boilerplate + Toolbox + Codex = WordPress Basics”

  1. Je pense que je vais disséqué un peu ton travail pour voir comment justement tu utilise les roles ARIA et surtout quel niveau de profondeur tu as utilisé pour la sémantique :)

    • br1o dit :

      C’est sympa ! C’est toujours intéressant de confronter des points de vue différents sur l’utilisation des balises HTML 5 quand on voit l’étendue des interprétations possibles ;)

      • Personnellement j’ai un réel cas de conscience. Je n’arrive pas a trouver d’info sur jusqu’où tu dois aller sémantiquement. ET puis pour les rôles j’ai un peu de mal avec la logique. Le fait de ce limiter à la page web. On pourrais tres bien vouloir dire que tel element est complémentaire d’un autre qui est lui complémentaire de la page … bref :)

        • br1o dit :

          Faire un Blank Theme avec la « sémantique » HTML 5 est un peu une gageure dans la mesure où l’on ne connait pas la sémantique associée aux contenus à venir. OK. Ceci dit, il est toujours plus facile d’enlever une information inutile plutôt qu’aller la rechercher. C’est un peu le but de la mise en place des rôles ARIA, des microformats, et des balises HTML 5 dans Basics.

          Pour paraphraser une publicité : Basics, à vous d’inventer la vie qui va avec ;)

          Sinon, pour les « element est complémentaire d’un autre qui est lui complémentaire de la page », il suffit d’utiliser le rôle complementary sur une iframe, non ? ;))

          • Comme c’est mal de troller ainsi :)

            Oh tant que j’y pense, tu devrais mettre sur github ou autre afin de faciliter l’émulation de part la communauté :)

            MILAN Thibault http://thibaultmilan.com (http://thibaultmilan.com/) – @clawfire (http://twitter.com/clawfire)

            Le jeudi 26 mai 2011 à 14:14, a écrit :

          • br1o dit :

            Yep, j’y ai pensé, mais Git fait partie des trucs que je n’arrive pas à faire fonctionner… Normalement, Basics devrait faire partie du repositery des thèmes de WordPress.org, qui fonctionne avec Subversion. A condition toutefois que le thème soit accepté, bien entendu ;)

  2. Jeff dit :

    Souple et solide à la fois looool Ca me rappelle un skecth des inconnus ça :D

  3. [...] css4design : HTML5 Boilerplate + Toolbox + Codex = WordPress Basics [...]

  4. Lashon dit :

    Hello Bruno Quel genre de retour as-tu besoin ? Rapports de bugs ? Suggestions ? Autre ?

    • Lashon dit :

      je puis déjà te signaler qu’il y a un bug de css avec les menus. Les sous-menus ne passent pas, ils sont submergés par la colonne de contenu.

      • br1o dit :

        Tu utilises les sous-menus des « Pages » ou des « Categories » ?

        • Lashon dit :

          avec les pages et les catégories… Pour le reste je vais tester le tout et te ferai un petit topo. Merci de ton engagement et pour ton partage, toujours très généreux

          • br1o dit :

            Je n’ai rien noté de bizarre avec les sous-menus des pages sur chrome ou firefox, je vais approfondir la question. En tout cas, merci d’avance pour le temps que tu passes sur Basics :)

    • br1o dit :

      Un peu tout, oui, bug, améliorations diverses, utilisation des balises HTML5, etc.

  5. [...] HTML5 Boilerplate + Toolbox + Codex = WordPress Basics [...]

  6. [...] thème Basics — construit autour de HTML5 Boilerplate — est conçu pour servir de fondation à vos développements, tandis que Beyond Basics est [...]

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site