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 plus...] à proposPlacer les éléments avec Grid Layout CSS
Tutoriels en français sur WordPress
Avec une touche de: FSE (éditeur de site), WooCommerce, MailChimp, iOS, Markdown, 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 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
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 plus...] à 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 plus...] à proposConcevoir les sites de demain avec Grid Layout et WordPress
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
WordPress :: Ajout d’une image d’en-tête retina (HiDPI) pour votre site
Dans ce tutoriel nous verrons comment ajouter un en-tête sur mesure qui supporte les images en retina (HiDPI). Dans cet exemple, j'ai choisi le thème Genesis Sample. Ajout du theme support Custom Headers existe dans WordPress depuis la Version 2.1. Il s'ajoute avec la fonction add_theme_support permet d’ajouter un … [Lire plus...] à proposWordPress :: Ajout d’une image d’en-tête retina (HiDPI) pour votre site
WordPress :: Retirer les options de maquette Genesis pour un modèle de page
Dans ce tutoriel, nous verrons comment retirer les options de maquette Genesis sur un modèle de page spécifique. Présentation des options de maquette Dans Genesis, vous avez en natif des options de maquette disponibles dans le menu Genesis ou dans chaque contenu (Page, Article, Archives ou Contenu personnalisé) avec la Méta Boxe … [Lire plus...] à proposWordPress :: Retirer les options de maquette Genesis pour un modèle de page
WordPress :: Créer un widget Text Rotator avec ACF Pro et ACF Widgets
Dans ce tutoriel, nous verrons comment créer un widget de texte en associant l'extension jQuery Text Rotator, les extensions WordPress ACF Widgets et ACF Pro. Création du dossier de l’extension Je me repose sur le modèle de base pour créer une extension WordPress. Voici le modèle à télécharger depuis Github: … [Lire plus...] à proposWordPress :: Créer un widget Text Rotator avec ACF Pro et ACF Widgets
WordPress :: Créer un widget Slick Slider avec ACF Pro et ACF Widgets
Dans ce tutoriel, nous verrons comment créer un widget Slider en associant le plugin jQuery Slick Slider, les extensions WordPress ACF Widgets et ACF Pro. Intégration de Slick-Slider dans mon extension Présentation de Slick Slider Slick - Slider est une extension jQuery créée par Ken Wheeler pour réaliser des Sliders sur mesure. … [Lire plus...] à proposWordPress :: Créer un widget Slick Slider avec ACF Pro et ACF Widgets