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
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 la suite...] à proposModifier et ajouter des attributs HTML dans Genesis
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
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
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 la suite...] à 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 la suite...] à 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 la suite...] à proposWordPress :: Ajouter une image lightbox avant le titre dans Genesis