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. … [Lire plus...] à proposSoumettre des contenus WordPress sur mesure avec Gravity Forms et ACF
intermédiaire
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 plus...] à proposModifier et ajouter des attributs HTML dans Genesis
Créer des blocs pour l’éditeur moderne avec ACF Pro
Dans ce tutoriel, nous verrons comment créer une extension WordPress pour ajouter vos blocs dans l’éditeur moderne (Gutenberg) avec ACF Pro 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 Javascript React. … [Lire plus...] à proposCréer des blocs pour l’éditeur moderne avec ACF Pro
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 plus...] à 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 plus...] à 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 … [Lire plus...] à 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 plus...] à proposAjouter un nouveau menu responsive dans Genesis
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 plus...] à 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 plus...] à proposConstruction de grilles simples avec Grid Layout CSS
Utiliser l’inspecteur de Chrome pour modifier et sauvegarder vos styles CSS en direct
Dans ce tutoriel, nous verrons comment à partir de l’inspecteur de Google Chrome, modifier et enregistrer en direct les modifications CSS de votre site installé en local. Au final, nous verrons comment appliquer la même méthode pour votre thème WordPress. Pourquoi travailler dans l’inspecteur Mais qu’est-ce que … [Lire plus...] à proposUtiliser l’inspecteur de Chrome pour modifier et sauvegarder vos styles CSS en direct
WordPress :: Utiliser Grid Layout CSS dans votre thème
Dans ce tutoriel, nous verrons comment utiliser grid, la nouvelle valeur CSS de la propriété display. Ici, je me concentrerai sur les grilles de contenu. Nous verrons qu’il est possible de l’intégrer dans son thème aujourd’hui. Pour information, cet article est un avant-goût. Je prépare une série complète sur le … [Lire plus...] à proposWordPress :: Utiliser Grid Layout CSS dans votre thème
WordPress :: Ajouter une image lightbox avant le titre dans Genesis
Dans cet article nous allons voir comment ajouter l'image à la une avant le titre de l'article. Celle-ci sera cliquable et l'effet lightbox sera donc possible si vous avez une extension qui génère ce type d'effet. Création du modèle pour les articles Dans cette partie nous verrons pourquoi et comment créer un modèle de page … [Lire plus...] à proposWordPress :: Ajouter une image lightbox avant le titre dans Genesis