Wordpress

Sudnly publie des actualités mode, déco, art de vivre, culture et société en rapport avec le territoire méditerranéen.
Le magazine part à la découverte de créateurs et de savoir-faire dans tous ces domaines.

Design

En collaboration avec l’équipe de Sudnly, réalisé avec Adobe XD et Illustrator.

Développement

Thème sur mesure pour WordPress basé sur Timber, le Customizer de WordPress (apparence > personnaliser) et Gutenberg.
Le rendu des modifications des blocs Gutenberg dans l’administration de WordPress se fait en temps réel, sans la lourdeur des constructeurs de page payants comme Elementor, Divi ou Wp Bakery.
Le thème est basé sur Timber, un bundle Composer qui permet d’utiliser le moteur de template Twig avec WordPress. Timber facilite la séparation de la logique métier de la présentation en utilisant des modèles Twig. Timber est également distribué en plugin WordPress pour un test rapide.
Le thème embarque une collection de type de publications sur mesure (custom posts) adapté au métier : actualité, newsletter, popup

V 0.9 Plugin WordPress sur mesure pour assurer la rétro-compatibilité avec WP Bakery aka Visual Composer aka vc_row, vc_col… 😁

V 1.0 Plugin WordPress sur mesure pour adapter le module officiel Sarbacane (mailing) pour WordPress à l’utilisation de formulaires multiples.
Sarbacane propose un module WordPress pour l’intégration d’un formulaire d’opt-in dans votre site. Malheureusement la conception du front de ce module est datée et il n’est possible d’intégrer qu’un seul formulaire par page. Il a fallu également extraire la logique javascript qui ne répondait plus aux standards de compatibilités des navigateurs modernes.

Design, maquettes interactives et développement de Sudnly.fr par Cédric Moris Kelly

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.

If you have a multilingual site under WordPress and WPML, by default, the hreflang tags that are so useful for referencing your pages are not created on the blog page.

Here is a function that you can paste in the functions.php file of your theme to fix this.

/**
* 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');

This code will add all the hreflang tags corresponding to the languages of your site in the head of your blog page. It doesn’t matter if the blog is the homepage of your site or an internal page.

To be fully compatible with WPML this code should retrieve the url schema configured in WPML. Indeed some people use subdomains rather than subdirectories for the different languages of their website.
This code supports languages configured in subdirectories.
If you want an example with subdomain management, just send us a message!