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 exemples. Dans cette même fonction, dans un tableau (array), j’ajoute mes couleurs sur mesure. …
Pour rester informé, abonnez-vous à la newsletter
Article / Page: Créer des couleurs sur mesure avec l’éditeur moderne. Retour vers l'accueil
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 remplacer le bon vieux …
Article / Page: L’éditeur moderne de WordPress avec Grid Layout CSS. Retour vers l'accueil
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 …
Article / Page: Utiliser le login de WooCommerce dans votre thème. Retour vers l'accueil
Ajouter un nouveau menu responsive dans Genesis
Dans ce tutoriel nous verrrons comment ajouter un nouveau menu WordPress dans votre thème qui repose sur Genesis Framework.
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
- 1
- 2
- 3
- …
- 5
- Page suivante »