Mon thème extensible
PHP CSS JavaScript
Latest commit 953c0b9 Dec 1, 2014 @ffoodd Coquille impactante
Permalink
Failed to load latest commit information.
css lisibilité et cohérence Feb 7, 2014
img Ajout des favicons Feb 11, 2014
lang Ajout d’une chaîne Nov 30, 2014
.gitattributes Mouture avancée Jan 31, 2013
.gitignore I18n : traductions functions.php Apr 10, 2013
403.php Pas besoin de micro-données sur 403/404 Feb 19, 2014
404.php Pas besoin de micro-données sur 403/404 Feb 19, 2014
LICENSE.md Précision sur la licence Feb 28, 2013
README.md Ajout des favicons Feb 11, 2014
archive.php lisibilité et cohérence Feb 7, 2014
author.php Homogénéisation Apr 2, 2014
category.php Coquille Apr 2, 2014
comments.php lisibilité et cohérence Feb 7, 2014
favicon.ico Mouture avancée Jan 31, 2013
ffeeeedd__functions--admin.php Suppression du transient sur la navigation Apr 2, 2014
ffeeeedd__functions--front.php Coquille impactante Dec 1, 2014
footer.php Introduction d'une nouvelle classe de largeur Aug 22, 2013
front-page.php Conventions PHP Jul 5, 2013
functions.php Amélioration de la déclaration des zones widgets Mar 24, 2014
header.php Suppression du transient sur la navigation Apr 2, 2014
home.php Retrait de pubdate Oct 24, 2013
index.php Retrait de pubdate Oct 24, 2013
page.php Conventions PHP Jul 5, 2013
screenshot.png Changement léger Sep 19, 2013
script.js Tester l’activation du js dans le thème parent Mar 27, 2014
search.php lisibilité et cohérence Feb 7, 2014
searchform.php MAJ WP 3.6 - rôle search Aug 20, 2013
sidebar-accueil.php lisibilité et cohérence Feb 7, 2014
sidebar.php Mise en conformité Mar 20, 2014
single.php Améliorations SEO Apr 2, 2014
sitemap.php Retrait de pubdate Oct 24, 2013
style.css lisibilité et cohérence Feb 7, 2014
tag.php Homogénéisation Apr 2, 2014

README.md

ffeeeedd

Ce projet est sous licence MIT et CC BY 3.0 FR. Copyright (c) 2013 Gaël Poupard

Qu’est-ce que c’est ?

Ce thème n’a pour prétention de départ que d’améliorer mon flux de travail et de création de thèmes WordPress. Beaucoup de bonnes intentions mais reste à produire la qualité !

L’objectif à moyen terme est de garder à disposition une base saine et souple de thème WordPress, enrichie de composants spécifiques récoltés, conçus et améliorés au fil de mes pérégrinations professionnelles.

Pourquoi ça existe ?

L’intérêt — personnel — de ce projet est d’avoir une base riche : micro-données, performances, sémantique, robustesse. Des choses indispensables qui ne devraient pas être recrées lors de chaque projet, mais présentes à la racine de chacun. Mon capital WordPress, en quelque sorte.

De plus, une approche accessible est menée avec le soutien et les conseils de Kloh, expert Accessiweb.

Mode d’emploi

Afin de faciliter la personnalisation de ce thème et son adaptation à chaque projet, un micro-framework css est utilisé - basé sur Knacss par l’excellent Raphaël Goetter. La version utilisée sur ffeeeedd est cependant légèrement retouchée, et sera enrichie de quelques astuces personnelles.

Le travail sur les styles se fait désormais grâce à Sass et Compass. Un fichier de configuration du projet est fourni (dans le thème enfant ffeeeedd--sass) mais vous pouvez évidemment l’adapter à vos propres façons de travailler.

De plus un important travail de normalisation a été effectué : une convention complète a été rédigée, qui comprend les règles de nommage, les chartes d’écriture pour les langages utilisés et quelques explications. Ce sont également des choses à adapter à vos propres pratiques.

  1. Installer le thème ffeeeedd et son thème enfant ffeeeedd--sass
  2. Si besoin, importer du contenu factice : utiliser celui proposé par WordPress dans les Theme Unit Test.
  3. Définir ffeeeedd--sass comme thème actif.
    • Créer les fonctions spécifiques en respectant les conventions d’écriture et les bonnes pratiques WordPress;
    • Vérifier les points remontés par a11y.css régulièrement;
    • Personnaliser les fichiers partiels dans sass/partials/ : couleurs, typographies, classes spécifiques, etc;
    • Ajouter les scripts utiles, ainsi que les plugins — puis les personnaliser en suivant les bonnes pratiques actuelles;
    • Dans le cas de création de template ou de modification de templates, pensez à modifier les traductions s’il y en a (/lang/fr_FR.mo pour le français).
  4. Effectuer une recette générale :
    • Utiliser le plugin Theme-Check,
    • Auditer à l’aide des outils d’Opquast,
    • Tester sur tous les navigateurs cibles,
    • Appliquer les conseils de sécurité et de performances préconisés (notamment concernant le fichier .htaccess).

Un dossier contenant des icônes de favori d’exemple est présent dans le dossier img. Ces images doivent être déplacées à la racine du site. Si vous souhaitez les personnaliser — ce que je recommande — je vous conseille le site Real Favicon Generator qui, comme son nom ne l’indique pas, est français.

Évolutions

  • Déplacer certaines fonctions (partage social, SEO) vers des plugins afin de ne pas créer de dépendance à ffeeeedd,
  • Créer une flotte de plugin ffeeeedd,
  • Utiliser des transients pour certaines données,
  • Améliorer le worklow afin de ne pas avoir à modifier le thème parent,
  • Proposer à des personnes compétentes d’auditer le thème et le projet,
  • Créer une liste de plugins recommandés, avec entre autres :
  • Créer une checklist qualité / méthodologie pour faciliter le suivi de chantier,
  • Audit A11y.