• Passer à la navigation principale
  • Passer au contenu principal
  • Passer au pied de page

Grégoire Noyelle

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

  • Formations
  • Tutoriels
  • À propos
  • Contact
  • Newsletter

css

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

Étiquettes : css développement Genesis Framework intermédiaire

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

Étiquettes : css Grid Layout intermédiaire

Placer les éléments avec Grid Layout CSS

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

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

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

Étiquettes : css Grid Layout intermédiaire Série 1 Grid Layout

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

Étiquettes : css Grid Layout intermédiaire Série 1 Grid Layout

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

Étiquettes : css débutant Grid Layout 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 plus...] à 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 plus...] à proposWordPress :: Utiliser Grid Layout CSS dans votre thème

Étiquettes : css Grid Layout intermédiaire

CSS3 :: Les outils pour inspecter

Il existe deux outils incontournables pour inspecter les pages Web: Firebug et l’Inspecteur Web. Le premier peut marcher dans tous les navigateurs. Le deuxième est intégré à tous les navigateurs qui reposent sur Webkit (Safari, Chrome…) Ces outils vous permettent de mieux comprendre la construction des pages Web. Vous pouvez … [Lire plus...] à proposCSS3 :: Les outils pour inspecter

Étiquettes : css développement intermédiaire

less :: Comment ne pas compiler les mixins

Récemment, après avoir beaucoup utilisé les mixins avec Less, j’ai constaté après coup que ces mêmes mixins étaient également générés dans la feuille de style compilée. Cela provoquait dans mon cas une duplication du code. Mixin dans les CSS compilé Pour ne pas avoir les mixins dans les CSS compilés par Less, il … [Lire plus...] à proposless :: Comment ne pas compiler les mixins

Étiquettes : confirmé css développement tutoriel

CSS3 :: comprendre les media queries avec Chrome

Les sites "Responsive" deviennent incontournables en 2012. Par "Responsive" entendez tout site qui peut facilement s'adapter au contenu en se reposant sur la taille de la fenêtre du navigateur. Dans ce tutoriel, je me contenterai de vous donner quelques articles qui font référence et un moyen de peu à peu explorer la toile avec … [Lire plus...] à proposCSS3 :: comprendre les media queries avec Chrome

Étiquettes : css intermédiaire

Outil css3 Please

Voici un outil CSS3 gratuit qui vient de sortir: "CSS3 Please!". Une petite merveille développée par Paul Irish. [MAJ Novembre 2011]: j'ai regroupé sur une seule page tous les outils WebDesign que je préfère. Tous ces liens sont régulièrement mis à jour. Voici le process: L'ergonomie générale: A gauche les déclaration CSS3 et … [Lire plus...] à proposOutil css3 Please

Étiquettes : css développement intermédiaire

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 Pro avec 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 Layout CSS 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
  • Membres Modules
  • Mentions légales
  • Politique de confidentialité
  • Me contacter

Copyright © 2023 :: Création: Grégoire Noyelle :: Base: WordPress , Genesis Framework