Mon thème extensible
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
img
lang
.gitattributes
.gitignore
403.php
404.php
LICENSE.md
README.md
archive.php
author.php
category.php
comments.php
favicon.ico
ffeeeedd__functions--admin.php
ffeeeedd__functions--front.php
footer.php
front-page.php
functions.php
header.php
home.php
index.php
page.php
screenshot.png
script.js
search.php
searchform.php
sidebar-accueil.php
sidebar.php
single.php
sitemap.php
style.css
tag.php

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.