Skip to content
This repository has been archived by the owner on Jan 22, 2019. It is now read-only.

Commit

Permalink
lisibilité et cohérence
Browse files Browse the repository at this point in the history
  • Loading branch information
ffoodd committed Feb 7, 2014
1 parent 314e6b1 commit 1dacbf3
Show file tree
Hide file tree
Showing 22 changed files with 228 additions and 280 deletions.
46 changes: 23 additions & 23 deletions README.md
Expand Up @@ -4,40 +4,40 @@ ffeeeedd
Ce projet est sous licence [MIT](http://opensource.org/licenses/MIT "The MIT licence") et [CC BY 3.0 FR](http://creativecommons.org/licenses/by/3.0/fr/ "Explications de la licence").
*Copyright (c) 2013 Gaël Poupard*

Qu'est-ce que c'est ?
Quest-ce que cest ?
---------------------

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é !
Ce thème na pour prétention de départ que damé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.
Lobjectif à 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.
Lintérêt personnel de ce projet est davoir 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 amenée avec le soutien et les conseils de [Kloh](http://www.kloh.ch/ "Kloh.ch"), expert accessiweb.
De plus, une approche accessible est menée avec le soutien et les conseils de [Kloh](http://www.kloh.ch/ "Kloh.ch"), expert Accessiweb.

Mode d'emploi
Mode demploi
-------------

Afin de faciliter la personnalisation de ce thème et son adaptation à chaque projet, un micro-framework css est utilisé - basé sur [Knacss](http://knacss.com/ "Knaccs.com") par l'excellent [Raphaël Goetter](http://goetter.fr/ "Goetter.fr"). La version utilisée sur ffeeeedd est cependant légèrement retouchée, et sera enrichie de quelques astuces personnelles.
Afin de faciliter la personnalisation de ce thème et son adaptation à chaque projet, un micro-framework css est utilisé - basé sur [Knacss](http://knacss.com/ "Knaccs.com") par lexcellent [Raphaël Goetter](http://goetter.fr/ "Goetter.fr"). 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 mais vous pouvez évidemment l’adapter à vos propres façons de travailler.
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](https://github.com/ffoodd/Convention "La convention sur GitHub"), 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.
De plus un important travail de normalisation a été effectué : [une convention complète a été rédigée](https://github.com/ffoodd/Convention "La convention sur GitHub"), 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](https://github.com/ffoodd/ffeeeedd--sass)
2. Si besoin, importer du contenu factice : utiliser celui proposé par WordPress dans les [Theme Unit Test](http://codex.wordpress.org/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;
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).
* 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 sil y en a (`/lang/fr_FR.mo` pour le français).
8. Effectuer une recette générale :
* Utiliser le plugin [Theme-Check](http://wordpress.org/plugins/theme-check/),
* Auditer à l'aide des [outils d'Opquast](http://opquast.com/fr/#outils),
* Auditer à laide des [outils dOpquast](http://opquast.com/fr/#outils),
* Tester sur tous les navigateurs cibles,
* Appliquer les conseils de sécurité et de performances préconisés (notamment concernant le fichier `.htaccess`).

Expand All @@ -47,19 +47,19 @@ De plus un important travail de normalisation a été effectué : [une conventio
----------

- [x] Déplacer certaines fonctions (partage social, SEO) vers des plugins afin de ne pas créer de dépendance à ffeeeedd,
- [x] Créer une flotte de plugin "ffeeeedd",
- [x] Créer une flotte de plugin `ffeeeedd`,
- [ ] Utiliser des transients pour certaines données,
- [x] 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 :
- [ ] Proposer à des personnes compétentes dauditer le thème et le projet,
- [x] Créer une liste de plugins recommandés, avec entre autres :
- [Theme Check](http://wordpress.org/plugins/theme-check/)
- [Google Sitemap Generator](http://wordpress.org/plugins/google-sitemap-generator/)
- [ACF](http://www.advancedcustomfields.com/ 'Advanced Custom Fields')
- [ACF](http://www.advancedcustomfields.com/ Advanced Custom Fields)
- [WP Rocket](http://wp-rocket.me/)
- [Plugin Security Checker]('http://blog.secupress.fr/plugin-security-checker-nutilisez-pas-plugins-vulnerables-118.html')
- [BBQ]('http://blog.secupress.fr/block-bad-queries-ou-bbq-pour-les-intimes-79.html')
- [BAW Anti CSRF]('http://blog.secupress.fr/anti-csrf-ou-comment-se-premunir-de-la-faille-csrf-sous-wordpress-85.html')
- [BAW More Secure Login]('http://blog.secupress.fr/more-secure-login-ajoutez-une-authentification-forte-a-votre-site-104.html')
- [Move Login]('http://blog.secupress.fr/move-login-changer-url-page-login-32.html')
- [Plugin Security Checker](http://blog.secupress.fr/plugin-security-checker-nutilisez-pas-plugins-vulnerables-118.html)
- [BBQ](http://blog.secupress.fr/block-bad-queries-ou-bbq-pour-les-intimes-79.html)
- [BAW Anti CSRF](http://blog.secupress.fr/anti-csrf-ou-comment-se-premunir-de-la-faille-csrf-sous-wordpress-85.html)
- [BAW More Secure Login](http://blog.secupress.fr/more-secure-login-ajoutez-une-authentification-forte-a-votre-site-104.html)
- [Move Login](http://blog.secupress.fr/move-login-changer-url-page-login-32.html)
- [ ] Créer une checklist qualité / méthodologie pour faciliter le suivi de chantier,
- [x] Audit A11y.
2 changes: 1 addition & 1 deletion archive.php
@@ -1,6 +1,6 @@
<?php
/**
* Page d'archives
* Page darchives
* @author Gaël Poupard
* @link www.ffoodd.fr
*
Expand Down
2 changes: 1 addition & 1 deletion author.php
@@ -1,6 +1,6 @@
<?php
/**
* Page d'archive d'un auteur
* Page darchive dun auteur
* @author Gaël Poupard
* @link www.ffoodd.fr
*
Expand Down
4 changes: 2 additions & 2 deletions category.php
@@ -1,6 +1,6 @@
<?php
/**
* Page d'archive d'une catégorie
* Page darchive dune catégorie
* @author Gaël Poupard
* @link www.ffoodd.fr
*
Expand Down Expand Up @@ -44,4 +44,4 @@
<h2><?php _e( 'Nothing found in ', 'ffeeeedd' ); ?> <?php echo single_cat_title( '', false ); ?>.</h2>
<?php } ?>

<?php get_footer(); ?>
<?php get_footer(); ?>
2 changes: 1 addition & 1 deletion comments.php
Expand Up @@ -11,7 +11,7 @@
* @since ffeeeedd 1.0
*/

// On vérifie d'abord si la page est protégée : si c'est le cas, on n'affiche rien.
// On vérifie dabord si la page est protégée : si cest le cas, on naffiche rien.
if ( post_password_required() ) {
return;
} ?>
Expand Down
4 changes: 2 additions & 2 deletions css/base.css
Expand Up @@ -117,7 +117,7 @@ div {
word-wrap: break-word;
}

/* Éviter l'interlignage disgracieux */
/* Éviter linterlignage disgracieux */
sup,
sub {
vertical-align: 0;
Expand All @@ -132,7 +132,7 @@ sub {
top: .5ex;
}

/* Parce que "les abbr c'est bon pour la planète" (dixit Nicolas Hoffmann dans RÖCSSTI), ceux ayant un title sont signalés */
/* Parce que «les abbr c'est bon pour la planète» (dixit Nicolas Hoffmann dans RÖCSSTI), ceux ayant un title sont signalés */
abbr[title] {
border-bottom: dotted 1px;
/* La couleur est héritée du texte */
Expand Down
8 changes: 4 additions & 4 deletions css/formulaires.css
Expand Up @@ -49,7 +49,7 @@ textarea {
@affected Supprime la scrollbar par défaut sur IE6/7/8/9 */
resize: vertical;
vertical-align: top;
/* Évite l'aplication d'une fonte monospace */
/* Évite laplication dune fonte monospace */
font-family: inherit;
}

Expand All @@ -59,7 +59,7 @@ input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button; /* @ bugfix
@affected Types d'input cliquables sur iOS */
@affected Types dinput cliquables sur iOS */
}

input[type="checkbox"],
Expand All @@ -74,7 +74,7 @@ input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none; /* @bugfix
@affected 'x' apparait à droite d'un champ de recherche lorsqu'un texte est entré. Ceci le retire */
@affected 'x' apparait à droite dun champ de recherche lorsquun texte est entré. Ceci le retire */
}

::-webkit-input-placeholder { color: #777; }
Expand All @@ -89,4 +89,4 @@ input[type='submit']::-moz-focus-inner {
border: 0;
padding: 0; /* @bugfix
@affected Retire les marges internes et les bordures sur FF3+ */
}
}
6 changes: 3 additions & 3 deletions css/structure.css
Expand Up @@ -29,7 +29,7 @@
-- Marges externes
-- Marges internes
== Éléments masqués
-- Remplacement d'image
-- Remplacement dimage
== Orientation
*/
/* == @section Modèle de boîte ==================== */
Expand Down Expand Up @@ -428,7 +428,7 @@ label, #site-title {
display: block;
}

/* -- @subsection Remplacement d'image -------------------- */
/* -- @subsection Remplacement dimage -------------------- */
.ir, [class^="sprite-"],
[class*=" sprite-"] {
background-color: transparent;
Expand All @@ -443,7 +443,7 @@ label, #site-title {
}

/* == @section Orientation ====================
* @note : Corrige un bug sur les font-size lors du changement d'orientation sur iOS
* @note : Corrige un bug sur les font-size lors du changement dorientation sur iOS
*/
@media (orientation: landscape) and (max-device-width: 768px) {
html,
Expand Down
43 changes: 21 additions & 22 deletions ffeeeedd__functions--admin.php
Expand Up @@ -14,7 +14,7 @@
/* ----------------------------- */
/*
== Référencement Social / SEO
-- Création des blocs dans l'administration
-- Création des blocs dans ladministration
-- Ajout des champs utiles dans ces blocs
-- Sauvegarder la valeur de ces champs
== Profil utilisateur
Expand All @@ -24,24 +24,24 @@

/* == @section Référencement Social / SEO ==================== */
/**
* @note : Inspiré par le thème Noviseo2012, permet d'ajouter un champ "Titre" et "Description" à la zone d'édition
* @author : Sylvain Fouillaud
* @see : https://twitter.com/noviseo
* @see : http://noviseo.fr/2012/11/theme-wordpress-referencement/
* @note : Modifications :
* @author : Gaël Poupard
* @see : https://twitter.com/ffoodd_fr
* @note : Homogénéisation du code, meilleure intégration dans l'administration, ajout des métas DublinCore et réorganisation des métas par contenu.
* @note Inspiré par le thème Noviseo2012, permet dajouter un champ «Titre» et «Description» à la zone dédition
* @author Sylvain Fouillaud
* @see https://twitter.com/noviseo
* @see http://noviseo.fr/2012/11/theme-wordpress-referencement/
* @note Modifications :
* @author Gaël Poupard
* @see https://twitter.com/ffoodd_fr
* @note Homogénéisation du code, meilleure intégration dans ladministration, ajout des métas DublinCore et réorganisation des métas par contenu.
*/

/* @note : on teste d'abord si la fonction est surchargée ou si un plugin dédié existe : */
// On teste dabord si la fonction est surchargée ou si un plugin dédié existe
if (
! function_exists( 'ffeeeedd__metabox' ) &&
! class_exists( 'WPSEO_Frontend' ) &&
! class_exists( 'All_in_One_SEO_Pack' )
) {

/* -- @subsection Création des blocs dans l'administration -------------------- */
/* -- @subsection Création des blocs dans ladministration -------------------- */
function ffeeeedd__metabox() {
add_meta_box( 'ffeeeedd__metabox__seo', __( 'SEO', 'ffeeeedd' ), 'ffeeeedd__metabox__contenu', 'post', 'side', 'high' );
add_meta_box( 'ffeeeedd__metabox__seo', __( 'SEO', 'ffeeeedd' ), 'ffeeeedd__metabox__contenu', 'page', 'side', 'high' );
Expand Down Expand Up @@ -89,16 +89,15 @@ function ffeeeedd__metabox__save( $post_ID ) {

/* == @section Profil utilisateur ==================== */
/**
* @note : Ajoute un champ 'Twitter' dans les profils utilisateur
* @note : Supprime les champs inutiles
* @author : Valentin Brandt
* @see : https://twitter.com/geekeriesfr
* @see : http://www.geekeries.fr/snippet/gerer-champs-contact-profil-utilisateur-wordpress/
* @note Ajoute un champ «Twitter» et «Google+» dans les profils utilisateur
* @note Supprime les champs inutiles
* @author Valentin Brandt
* @see https://twitter.com/geekeriesfr
* @see http://www.geekeries.fr/snippet/gerer-champs-contact-profil-utilisateur-wordpress/
*/
add_filter( 'user_contactmethods', 'ffeeeedd__user', 75, 1 );
if ( ! function_exists( 'ffeeeedd__user' ) ) {
function ffeeeedd__user() {
/* Ajouter un champ Twitter */
$contact['twitter'] = 'Twitter';
$contact['google'] = 'Google+';
return $contact;
Expand All @@ -107,15 +106,15 @@ function ffeeeedd__user() {

/* == @section Désactive le lien par défaut sur les images ==================== */
/**
* @note : Par défaut, WordPress ajoute un lien vers le fichier lui-même lors de l'ajout dans le WYSIWYG, ce qui est inutile.
* @author : Syed Balkhi
* @see : https://plus.google.com/101623299936375408403/
* @see : http://www.wpbeginner.com/wp-tutorials/automatically-remove-default-image-links-wordpress/?utm_source=buffer&utm_campaign=Buffer&utm_content=buffer840f2&utm_medium=twitterhttp://www.geekeries.fr/snippet/gerer-champs-contact-profil-utilisateur-wordpress/
* @note Par défaut, WordPress ajoute un lien vers le fichier lui-même lors de lajout dans le WYSIWYG, ce qui est inutile.
* @author Syed Balkhi
* @see https://plus.google.com/101623299936375408403/
* @see http://www.wpbeginner.com/wp-tutorials/automatically-remove-default-image-links-wordpress/?utm_source=buffer&utm_campaign=Buffer&utm_content=buffer840f2&utm_medium=twitterhttp://www.geekeries.fr/snippet/gerer-champs-contact-profil-utilisateur-wordpress/
*/
function ffeeeedd__images() {
$image_set = get_option( 'image_default_link_type' );
if ($image_set !== 'none') {
update_option('image_default_link_type', 'none');
}
}
add_action('admin_init', 'ffeeeedd__images', 10);
add_action('admin_init', 'ffeeeedd__images', 10);

0 comments on commit 1dacbf3

Please sign in to comment.