Grégoire Noyelle

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

Tutoriels en français sur WordPress

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

Placer les éléments avec Grid Layout CSS

Ce tutoriel est majeur, car nous verrons comment placer les éléments d’abord dans une grille simple et ensuite dans une autre responsive, le tout construit avec Grid Layout CSS. Pour rester informer, n’hésitez pas à vous inscrire à la newsletter. Placement automatique des enfants Dans cette partie nous verrons comment la … [Lire la suite...] à proposPlacer les éléments avec Grid Layout CSS

Unité de mesure avec Grid Layout CSS

Dans ce tutoriel, nous verrons comment utiliser les différentes unités de mesure avec Grid Layout. Je mettrais plus l’accent sur la nouvelle unité fr. Pour rester informer, n’hésitez pas à vous inscrire à la newsletter. Unités disponibles Dans cette section, nous verrons les unités disponibles avec Grid Layout. Valeurs fixes ou … [Lire la suite...] à proposUnité de mesure avec Grid Layout CSS

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