Wordpress

Fegentri est une fédération internationale de cavaliers et de cavalières créée en 1955. Société prestigieuse et historique où se retrouvent les aristocratie européennes et orientales, la fédération est aujourd’hui sponsorisée par Longines, fabriquant d’horlogerie de luxe Suisse.
Le site fegentri.com présente les résultats des courses organisées par Fegentri Longines et le classements des cavaliers de la Fédération.
Fegentri Longines nous a sollicité pour refondre le site sur une nouvelle base technique mais en conservant le même design. Ce type de demande est rare, soit la refonte technique sans repenser le graphisme et l’expérience utilisateur. Nous avons néanmoins rafraichis les composants graphiques existants par souci de livrer une réalisation de qualité.

Le site avait été construit à l’aide de WordPress en 2009, nous avons donc développé un thème sur mesure pour WordPress, entièrement orienté objet, basé sur Gutenberg et Timber.
Timber est un fork de Symfony dédié à la construction de thème et de plugin WordPress, dont Twig pour les templates html !
La conception MVC inhérente à Symfony permet de créer des composants WordPress facile à maintenir, à réutiliser et ultra optimisés.
Nous avons par exemple développé notre propre système de mise en cache pour WordPress grace à Symfony. Les résultats en terme de vitesse de chargement côté client et de charge côté serveur sont bien supérieurs aux solutions génériques telles que WP Rocket ou WP Super Cache. Il est en effet plus efficace d’optimiser ces aspects en ayant une maîtrise totale du processus de production des pages.

En terme de contenus, la base de données contient des milliers de fiches de résultats et de classement couvrant plusieurs décennies. L’architecture de base de données telle que nous l’avons récupérée présentait des erreurs de conception (clef unique saisie à la main, informations dupliquées, relationnel peu utilisé). Un important travail préalable de refactorisation de la base de données a donc été mené avant la refonte de l’interface graphique.

Si vous possédez un site multilingue sous WordPress et WPML, par défaut, les balises hreflang si utiles au référencement de vos pages ne sont pas crées sur la page de blog.

Voici une fonction que vous pouvez coller dans le fichier functions.php de votre thème pour corriger ça.

/**
* Add Hreflang Link on Blog Page
* @hooks on wp_head
* @return string 
* Author : Afterglow Web Agency
*/
function afg_hreflangOnBlog() {
    if(!function_exists('icl_get_languages')) return;

    if(is_home()) {
        $defaultLanguage = apply_filters('wpml_default_language', NULL );
        $siteLanguages = icl_get_languages('skip_missing=1&orderby=code');
        
        foreach ($siteLanguages as $l) {
            $code = $l['language_code'];
            echo $code != $defaultLanguage ? 
                '<link rel="alternate" hreflang="'.$code.'" href="'.get_post_type_archive_link( 'post' ).'/'.$code.'/">' 
                : 
                '<link rel="alternate" hreflang="'.$code.'" href="'.get_post_type_archive_link( 'post' ).'">';
        }
    }
}

add_Action( 'wp_head', 'afg_hreflangOnBlog');

Ce code ajoutera toutes les balises hreflang correspondant aux langues de votre site dans la balise head de votre page de blog. Peu importe que le blog soit la page d’accueil de votre site ou une page interne.

Attention, pour être totalement compatible avec WPML ce code devrait récupérer le schéma d’url configuré dans WPML. En effet certaines personnes utilisent des sous domaines plutôt que des sous répertoires pour les différentes langues de leur site web.
Ce code supporte les langues configurées en sous répertoires.
Si vous souhaitez un exemple avec la gestion des sous-domaines, envoyez nous simplement un message !

Dans le développement de thème WordPress, les Hooks sont des fonctions qui peuvent être appliquées à une Action ou à un Filtre dans WordPress. Les Actions et les Filtres dans WordPress sont des fonctions qui peuvent être modifiées par les développeurs de thèmes et de plugins pour changer la fonctionnalité par défaut de WordPress.

Les fonctions utilisées pour modifier les Actions/Filtres dans WordPress peuvent être « hookées » (crochetées) dans WordPress. Cependant, il est important de noter que les actions et les filtres ne sont pas la même chose. Les actions sont des fonctions exécutées lorsqu’un certain événement se produit dans WordPress. Les filtres vous permettent de modifier le résultat déjà produit par certaines fonctions. Les arguments utilisés pour hooker les filtres et les actions sont les mêmes mais ils sont différents en termes de fonctionnalité et de comportement.

Exemple d’un hook utilisé avec un filtre dans WordPress :

function afg_filter_excerpt( $output ) {
  if ( has_excerpt() && ! is_attachment() ) {
    $output .= 'foo';
  }
  return $output;
}
add_filter( 'get_the_excerpt', 'afg_filter_excerpt' );

L’exemple de code ci-dessus crée une fonction afg_filter_excerpt qui est connectée au filtre get_the_excerpt.
La fonction récupère le résultat de get_the_excerpt à travers le filtre donc et se contente d’ajouter la chaine de caractères ‘foo’ à la fin de l’extrait.

Exemple d’un hook appliqué à une action :

fonction mytheme_enqueue_script() {
    wp_enqueue_script( 'my-custom-js', 'custom.js', false ) ;
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_script' ) ;

L’exemple de code ci-dessus crée une fonction mytheme_enqueue_script qui est déclenchée par l’action wp_enqueue_scripts.
L’action wp_enqueue_scripts et celle qui vous permet de lier vos feuilles de style CSS et vos scripts JS à votre thème.