Skip to content
This repository has been archived by the owner. It is now read-only.
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
img
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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).
  1. 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 :
  • Theme Check
  • Google Sitemap Generator
  • [ACF](http://www.advancedcustomfields.com/ ’Advanced Custom Fields’)
  • WP Rocket
  • Plugin Security Checker
  • BBQ
  • BAW Anti CSRF
  • BAW More Secure Login
  • Move Login
  • Créer une checklist qualité / méthodologie pour faciliter le suivi de chantier,
  • Audit A11y.

About

Mon thème extensible

Resources

License

Releases

No releases published

Packages

No packages published