• Passer à la navigation principale
  • Skip to main content
  • Aller au pied de page

Grégoire Noyelle

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

  • Formations
  • Tutoriels
  • À propos
  • Contact
  • Newsletter

Tutoriels en français sur WordPress

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 la suite...] à proposDéclaration et terminologie pour Grid Layout CSS

Étiquettes : css débutant Grid Layout Série 1 Grid Layout

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 la suite...] à proposConcevoir les sites de demain avec Grid Layout et WordPress

Étiquettes : Back-office WordPress Conférence Grid Layout Meetup Série 1 Grid Layout

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

Étiquettes : Chrome css intermédiaire

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

Étiquettes : css Grid Layout intermédiaire

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

Étiquettes : Genesis Framework intermédiaire Tuto WordPress

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 … [Lire la suite...] à proposWordPress :: Ajout d’une image d’en-tête retina (HiDPI) pour votre site

Étiquettes : Back-office WordPress Genesis Framework intermédiaire Tuto WordPress

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 la suite...] à proposWordPress :: Retirer les options de maquette Genesis pour un modèle de page

Étiquettes : Genesis Framework intermédiaire Tuto WordPress

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 la suite...] à proposWordPress :: Créer un widget Text Rotator avec ACF Pro et ACF Widgets

Étiquettes : Back-office WordPress développement Plugin ACF Tuto WordPress

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 la suite...] à proposWordPress :: Créer un widget Slick Slider avec ACF Pro et ACF Widgets

Étiquettes : Back-office WordPress confirmé développement Plugin ACF

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 … [Lire la suite...] à proposWordPress :: Créer un widget avec ACF Pro et ACF Widgets

Étiquettes : Back-office WordPress intermédiaire Plugin ACF Plugin WordPress

WordPress :: Gestion des images HiDPI (retina) dans vos contenus

Dans ce tutoriel, je ferai un point sur l'utilisation des images HiDPI (retina) dans WordPress. Nous utiliserons l'attribut srcset intégré depuis la version 4.4. Quelle taille d'image choisir Dans cette partie, je vais déterminer quelle taille d'image sera nécessaire dans mes contenus WordPress pour une image qui prendrait toute … [Lire la suite...] à proposWordPress :: Gestion des images HiDPI (retina) dans vos contenus

Étiquettes : débutant Médias WordPress Tuto WordPress

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 … [Lire la suite...] à proposWordPress :: Utiliser le champ Image d’ACF dans vos thèmes

Étiquettes : Genesis Framework intermédiaire Plugin ACF Tuto WordPress

  • « Page précédente
  • Page1
  • Page2
  • Page3
  • Page4
  • …
  • Page9
  • Page suivante »

Footer

Centre de Formation WordPress

  • Votre Formateur WordPress
  • Centre de formation WordPress
  • FAQ sur le centre de formation
  • Témoignages sur le centre de formation
  • CGV du centre de formation
  • Charte de qualité du centre de formation
  • Réglement intérieur du Centre de formation

Formations actives

  • Toutes les formations
  • Créer et mettre en ligne son site WordPress
  • Personnaliser son site WordPress avec le CSS
  • Créer des thèmes WordPress sur mesure avec Genesis
  • Optimiser la production de site WordPress
  • Utiliser les CSS avancés dans votre thème WordPress
  • Utiliser Grid CSS Grid Layout dans votre thème WordPress
  • Créer et gérer sa boutique WooCommerce
  • Créer un thème sur mesure avec WooCommerce

Liens Rapides

  • S’inscrire à la newsletter
  • CV
  • Grégoire Noyelle
  • Partenaires
  • Membres Modules
  • Mentions légales
  • Politique de confidentialité
  • Me contacter

Copyright © 2019 :: Création: Grégoire Noyelle :: Base: WordPress , Genesis Framework :: Se connecter

Nous utilisons les cookies sur notre site. Alors: Cookies or Not Cookies ?J'accepteJe refuse
Réglages Cookies