Dans ce tutoriel nous verrrons comment ajouter un nouveau menu WordPress dans votre thème qui repose sur Genesis Framework.
Pour rester informé, abonnez-vous à la newsletter
Article / Page: Ajouter un nouveau menu responsive dans Genesis. Retour vers l'accueil
Unité de mesure avec Grid Layout CSS
Dans ce tutoriel sur Grid Layout CSS, nous verrons les unités de mesure disponibles et plus particlulièrement la valeur fr, constration de fraction qui ajoute beaucoup de souplesse dans le réglage de vos grille CSS.
Article / Page: Unité de mesure avec Grid Layout CSS. Retour vers l'accueil
Construction de grilles simples avec Grid Layout CSS
Dans ce tutoriel sur Grid Layout nous verrons comment construire une grille simple avec grid-template-columns et grid-template-rows. Nous aborderons également le principe des gouttières avec grid-gap.
Article / Page: Construction de grilles simples avec Grid Layout CSS. Retour vers l'accueil
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 l’inspecteur? L’inspecteur du navigateur Google Chrome est un …
Article / Page: Utiliser l’inspecteur de Chrome pour modifier et sauvegarder vos styles CSS en direct. Retour vers l'accueil
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 sujet; abonnez-vous!. Qu’est-ce que Grid Layout? …
Article / Page: WordPress :: Utiliser Grid Layout CSS dans votre thème. Retour vers l'accueil
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 …
Article / Page: WordPress :: Ajouter une image lightbox avant le titre dans Genesis. Retour vers l'accueil
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 custom-header qui remplacera le titre du site …
Article / Page: WordPress :: Ajout d’une image d’en-tête retina (HiDPI) pour votre site. Retour vers l'accueil
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 Réglages pour la …
Article / Page: WordPress :: Retirer les options de maquette Genesis pour un modèle de page. Retour vers l'accueil
WordPress :: Créer un widget avec ACF Pro et ACF Widgets
Dans ce tutoriel nous verrons comment construire des widgets WordPress avec ACF Pro. Présentation ACF Widgets est une extension qui permet de créer facilement des widgets en utilisant les différents champs d’ACF | Pro. Tous les champs de cette version seront disponibles. Vous pouvez par exemple créer un widget pour: Ajouter un visuel Ajouter une …
Article / Page: WordPress :: Créer un widget avec ACF Pro et ACF Widgets. Retour vers l'accueil
WordPress :: Utiliser le champ Image d’ACF dans vos thèmes
Dans cet article, nous verrons comment ajouter des images avec ACF (Advanced Custom Fields) dans le thème Tweentysixteen et dans un thème enfant Genesis. Création du format d’image Déclaration du format Tout d’abord, j’ajoute un nouveau format d’image qui utilisé dans mon modèle et dans mon back-office. J’utilise pour ce faire la fonction WordPress add_image_size que je place …