Toolbox fait parti des nombreux thèmes WordPress qui carburent avec HTML5. Il parvient néanmoins à se distinguer de la multitude : il émane de la société Automattic et c’est un thème minimaliste, un blank theme sans superflu. Allié à HTML5 Boilerplate, Toolbox est une véritable boite à outils qui vous permettra de bâtir des sites internet avec WordPress en partant sur des bases saines et solides. →
♥ 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. →
De nombreux thèmes WordPress utilisent les nouvelles balises associées à la sémantique HTML 5. Voici une sélection de thèmes plus ou moins minimalistes qui devrait prendre place dans le dossier «themes» de votre installation WordPress. J’ai privilégié ceux qui pouvaient servir de base pour des développements plus personnels. Comme on n’est jamais mieux servi que par soi-même, j’ai pris la liberté de placer mon thème Basics en première position 😉 →
«For Those About To Rock…» Dans B comme Basics, j’ai abordé la mise en place d’un Blank Theme pour démarrer différents projets de site web. Je pensais réserver la lettre «C» pour les commentaires(1), mais après le marquage HTML5, il m’a semblé important d’aborder au plus vite la partie CSS. Une des difficultés à surmonter lorsqu’on crée un thème de base, c’est d’éviter 1) d’avoir trop d’éléments à ajouter et 2) d’en avoir trop à supprimer. L’équilibre est délicat. D’autant plus que les intitulés des éléments doivent être le plus générique possible pour s’adapter à toutes les situations et permettre de se repérer facilement. «Fire !» Voici le sommaire complet des 26 articles de WordPress de A à Z. →
Je comptais terminer la série WordPress de A à Z avec la livraison d’un thème de base, mais il m’a semblé que livrer un thème minimaliste dès le début serait une meilleure idée. J’ai donc plongé plus profondément dans le Codex pour voir si l’eau était bonne. J’en ai profité pour organiser concrètement les éléments abordés dans WordPress de A à Z — A comme Allons-y ! : installer la dernière version de WordPress en français et HTML5 Boilerplate, puis ajouter les fonctionnalités du moteur de WordPress à l’aide du Codex. A l’issue de cet article, vous aurez donc un Blank Theme qui servira de support pour la suite des articles de cette série et de base pour de nouveaux thèmes WordPress. Dans cet article, j’ai choisi de détailler (parfois brièvement) l’ensemble des éléments composant Basics. D’autres articles viendront bientôt pour justifier certains choix ou expliciter certaines notions ; il reste encore pas mal de lettres dans l’alphabet après la lettre «B» 😉 Voici le sommaire complet des 26 articles de WordPress de A à Z. →
«A comme Allons-y !» est le premier billet d’une série d’articles sur la création d’un site internet avec WordPress que j’ai commencé avec Créer son site web avec WordPress de A à Z… avec le Codex. Il existe plusieurs approches pour mettre en place un site WordPress : modifier un thème existant ; ajouter les fonctions WP dans un gabarit HTML résultant de la découpe d’une maquette Photoshop ; ou créer les pages web directement dans le navigateur. Excepté pour le premier cas, on peut partir d’une feuille blanche, reprendre les éléments du projet précédent ou partir sur un thème minimaliste que l’on aura choisi avec soin. Voici le sommaire complet des 26 articles de WordPress de A à Z. →
Mon comparatif entre 960 Grid System et Blueprint CSS m’a permis de faire le point sur les fonctionnalités que l’on retrouve dans un framework CSS, en mettant en lumière leurs avantages et inconvénients respectifs. Tout naturellement, j’ai voulu les mélanger pour ne garder que le meilleur. Pour faire bonne mesure, j’ai ajouté The Simpler Grid découvert récemment que j’ai ajouté à ma réflexion pour créer un espèce de The Blue «940» Grid Simpler. J’envisage d’utiliser ce système de grille simple et efficace en complément du concentré de bonnes pratiques HTML5 Boilerplate. →
Une hirondelle ne fait pas le printemps parait-il, mais la sortie de HTML5 Boilerplate en version finale 1.0 pourrait bien redonner le sourire et réchauffer le cœur des intégrateurs HTML & CSS et des développeurs web à l’affut des bonnes pratiques. HTML5 Boilerplate est un concentré des meilleurs techniques du moment : classes CSS conditionnelles pour IE6, IE7 et IE8 ; Javascript (jQuery) ; configuration de différents serveurs (.htaccess, web.config, nginx.conf) ; prise en compte des mobiles (Handheld) ; HTML5 et CSS3 (Modernizr ou html5shiv) ; Google Analytics. Grosse cerise sur le gâteau, tout est optionnel et configurable via à un générateur en ligne. →
