Grégoire Noyelle

Créateur de thèmes WordPress :: Formateur :: Web Designer

WordPress tutos

Soumettre des contenus WordPress sur mesure avec Gravity Forms et ACF

Dans ce tutoriel, je vous montrerai comment utiliser l'extension WordPress Gravity Forms pour publier n'importe quel contenu sur mesure construit avec ACF (Advanced Custom Fields). Pour ne pas trop alourdi l'article, je n'aborderai pas ici tout ce qui concerne la création ou l'affichage de ces contenus dans votre thème. (Note: … [Lire la suite...] à proposSoumettre des contenus WordPress sur mesure avec Gravity Forms et ACF

Modifier et ajouter des attributs HTML dans Genesis

Dans ce tutoriel, nous verrons comment modifier les attributs du squelette HTML dans le framework de thème Genesis Le HTML de Genesis Depuis 2010, le moteur de thème Genesis s'améliore de version en version. Avec l'achat de StudioPress (l'éditeur de Genesis) par WP Engine en juin 2018, des fonds importants ont été investis … [Lire la suite...] à proposModifier et ajouter des attributs HTML dans Genesis

Devenir créateur de thèmes WordPress en 2019

Dans cet article, je parlerai du métier de concepteur de thème, et je tenterai de dresser un tableau sur ce qui pourrait devenir notre nouveau terrain de jeu dans les années à venir. Ma vision d'un concepteur de thème sur mesure Quand je parle de concepteur de thème, je tiens à me concentrer sur les artisans du web et non sur … [Lire la suite...] à proposDevenir créateur de thèmes WordPress en 2019

Créer des blocs pour l’éditeur moderne avec ACF 5.8

Dans ce tutoriel, nous verrons comment créer une extension WordPress pour ajouter vos blocs dans l’éditeur moderne (Gutenberg) avec ACF Pro 5.8, encore en bêta Avant de commencer Petit rappel sur l’éditeur moderne (Gutenberg) Le nouvel éditeur de WordPress (Gutenberg) est développé en JavaScript sur la base du framework … [Lire la suite...] à proposCréer des blocs pour l’éditeur moderne avec ACF 5.8

Créer des couleurs sur mesure avec l’éditeur moderne

Dans ce tutoriel nous verrons comment ajouter des couleurs sur mesure dans l’éditeur moderne de WordPress (Gutenberg). Ajouter des couleurs sur mesure La première étape est d’ajouter un support dans votre thème avec la fonction add_theme_support('editor-color-palette'). La documentation officielle donne plusieurs … [Lire la suite...] à proposCréer des couleurs sur mesure avec l’éditeur moderne

L’éditeur moderne de WordPress avec Grid Layout CSS

Dans ce tutoriel, nous verrons comment utiliser l'éditeur moderne de WordPress pour créer des pages qui repose sur Grid CSS. Si vous connaissez mal cette nouvelle propriété, je vous recommande ma série dédiée sur Grid Layout. Utilisation du nouvel éditeur de WordPress Avec la version 5 de WordPress, l'éditeur moderne va … [Lire la suite...] à proposL’éditeur moderne de WordPress avec Grid Layout CSS

Utiliser le login de WooCommerce dans votre thème

Dans ce tutoriel nous verrons comment utiliser la fonction de login de WooCommerce dans les modèles de votre thème WordPress. Le contexte Je travaille actuellement sur un site avec des abonnés grâce à une extension dédiée. Avec cette dernière, la gestion des membres est assez basique: il n’y pas de connexion en front et c’est … [Lire la suite...] à proposUtiliser le login de WooCommerce dans votre thème

Ajouter un nouveau menu responsive dans Genesis

Dans ce tutoriel, nous verrons comment ajouter un nouveau menu responsive dans votre thème Genesis. Ici je travaille avec le thème enfant Genesis Sample. Créer un nouvel emplacement de menu dans votre thème Déclarer la zone dans votre thème La première étape consiste à ajoute un nouvel emplacement de menu qui sera accessible … [Lire la suite...] à proposAjouter un nouveau menu responsive dans Genesis

Construction de grilles simples avec Grid Layout CSS

Nous verrons dans ce tutoriel comme construire une grille basique avec Grid Layout CSS. Pour rester informer, n’hésitez pas à vous inscrire à la newsletter. Création de la grille Structure HTML Comme je l’évoquais dans mon premier article sur Grid Layout, la structure HTML doit être très simple. La valeur grid est appliquée à un … [Lire la suite...] à proposConstruction de grilles simples avec Grid Layout CSS

Déclaration et terminologie pour Grid Layout CSS

Voici le premier tutoriel d’une longue série sur Grid Layout CSS. Ce premier article a pour but de vous familiariser avec les termes principaux de cette nouvelle propriété CSS. Pour rester informer, n’hésitez pas à vous inscrire à la newsletter. Déclaration sur le parent de Grid Quand vous appliquez la valeur grid sur une balise, … [Lire la suite...] à proposDéclaration et terminologie pour Grid Layout CSS

Concevoir les sites de demain avec Grid Layout et WordPress

Dans cet article, je montrerai dans quelle mesure Grid Layout sera au coeur des sites Web de demain. Le nouveau paradigme avec Grid Layout En mars 2017, la nouvelle propriété CSS, Grid Layout sortait officiellement. Pour une fois, le support dans la plupart des navigateurs web fut rapide. En quelques mois, nous avons atteint près … [Lire la suite...] à proposConcevoir les sites de demain avec Grid Layout et WordPress