Aujourd'hui je vous partage une méthode pour animer un titre dans WordPress (et plus particulièrement dans Gutenberg) sans plugin grâce à la librairie javascript typed.js. Code à copier / coller Le script qui importe typed.js, à placer avant le texte à animer : Le texte à animer en HTML : Et le script qui initialise […]
En panne d'inspiration pour trouver une belle palette de couleur pour votre site web ? Voici 7 palettes sympa que j'ai réalisé ce matin, vous pouvez vous en inspirer ou les utiliser tel quel 😉 J'aime réaliser mes palettes de couleurs de site web avec trois couleurs. Une couleur principale qui sera utilisée pour les […]
La qualité des appels à l'acte d'un site WordPress aura un énorme impact sur ses résultats. Aujourd'hui je vous montre comment créer des appels à l'acte attractifs directement dans l'éditeur Gutenberg de WordPress. Pas besoin de plugin 👌 Guide Vidéo Le code CSS que nous allons utiliser Résumé du tutoriel 1 - Créer une bannière […]
Choisir la police de son site web peut être une véritable prise de tête. Quelle typographie choisir ? Quelle taille ? Quelle épaisseur ? Quelle couleur ? La typographie que vous choisirez sera sous les yeux de vos visiteurs 100% du temps, alors pas question de se tromper. Mal choisir une police dégradera très largement […]
Optimiser les méta descriptions de votre site est essentiel si vous souhaitez qu'il se classe bien sur Google. Mais comment rédiger une bonne méta description ? Aujourd'hui, nous allons analyser de nombreux exemples de méta description idéales. Let's Go ! Avant de commencer, rappelons que la méta description d'une page web est une balise HTML […]
Souvent, je préfères commencer la rédaction de mes articles de blog sur Microsoft Word avant d'aller le mettre en ligne sur WordPress. Ceci me permet de me concentrer uniquement sur le contenu de mon article et sur son orthographe dans un premier temps. Aujourd'hui, je vous montre comment importer un document Word dans WordPress grâce […]
Hello tout le monde, j’espère que vous allez bien. Aujourd’hui nous allons réaliser un haut de page parallax sur Elementor, à partir de zéro. L’idée est de créer plusieurs images “bulles” et de les faire flotter à différentes vitesses pour créer un effet sympa au scroll 😉 Pour réaliser cet effet, nous allons suivre le […]
Avant de mettre en avant une page dans ses résultats de recherches, Google veut savoir s'il peut lui faire confiance. Pour ça, il va se baser sur un concept appelé "jus de lien". Aussi nommé équité de lien ou link juice (ou encore jus SEO), le jus de lien est une notion qu'il faut absolument […]
Pour un débutant, la gestion des menus dans WordPress est souvent une tâche difficile. Que vous souhaitiez créer un nouveau menu dans WordPress ou simplement ajuster sa configuration, je vous montre aujourd'hui comment faire de A à Z. Nous verrons ainsi ensemble comment créer un menu en partant de rien et comment ajouter des liens […]
Bonjour à tous ! Aujourd'hui je vous propose un petit tutoriel vidéo qui vous expliquera comment créer une taxonomie personnalisée dans WooCommerce. Dans notre exemple on créera une taxonomie "Sélections" afin de créer des sélections de produits. 1 - Installer le plugin CPTUI La première étape sera d'installer le plugin CPTUI. Pour ça, allez dans […]
Les boutons call to action (boutons d'appel à l'acte en français) sont parmi les éléments les plus importants de votre site Internet. Si vous voulez avoir un site utile qui apporte des résultats, il est essentiel que vous sachiez créer et optimiser des boutons call to action sur WordPress. Dans ce guide, je vais vous […]
De nos jours, la plupart des internautes s'attendent à pouvoir cliquer sur les numéros de téléphones qui apparaissent sur un site Internet pour que le numéro soit composé automatiquement. Après tout, il est laborieux de faire des aller-retours entre la numérotation de l'appel et le site internet pour composer un numéro. Seulement voilà, tout le […]
Gérer les frais de livraisons en fonction du poids du panier de votre client est un must si vous voulez appliquer les frais exacts du transporteur. Ceci dit, WooCommerce ne permet pas de le faire par défaut et ne propose qu'un système de formule très léger. Celui-ci est bien pratique, mais insuffisant lorsqu'on souhaite une […]
Dans Google Analytics, l’acquisition de trafic marqué “referral” correspond aux visites arrivées sur le site via un lien depuis un autre site. Comme l’acquisition de trafic peut être déroutant sur Google Analytics, surtout lorsqu’on débute, je vous propose aujourd’hui de regarder tout ça en détails. Dans cet article, nous regarderons donc comment trouver et analyser […]
Pour ajouter une méta description dans WordPress avec Yoast SEO, vous n’avez qu’à éditer une page puis à vous rendre dans le cadre de gestion nommé “Yoast SEO” afin de modifier le champ “Méta description”. Dans cet article, je vais tout vous expliquer en détails, mais voyons d’abord quelques bases pour les débutants. Qu’est ce […]
Implémenter un scroll infini dans WooCommerce peut se faire soit avec un plugin, soit avec une librairie Javascript. Dans le cas d'un plugin (ce que nous verrons aujourd'hui) l'implémentation est très simple : on installe le plugin, on configure quelques options, et tout roule ! Faut-il utiliser un scroll infini systématiquement ? Le scroll infini […]
Si vous souhaitez développer votre visibilité sur Google, alors vous devez comprendre comment fonctionne le SERP (Search Engine Result Page ou Page des résultats du moteur de recherche en français). Sans aller dans les détails, je pense qu’il est important de connaître au moins le fonctionnement des principaux affichages de résultats de recherche Google afin […]
La protection des données personnelles, c’est important, mais l’expérience utilisateur aussi ! Qui ne déteste pas se faire agresser par des popups de cookies dès son arrivée sur un site ? Aujourd’hui, je vous explique comment utiliser Google Analytics en conformité avec le RGPD, sans avoir à demander le consentement des cookies. Vous allez voir, […]
Un problème récurrent de WooCommerce est la façon dont il gère ses filtres d'attributs. Ceux-ci n'utilisent pas l'élément select HTML, mais une version plus avancée avec du javascript. Lorsqu'on essaie d'intégrer un sélecteur d'attributs pour filtrer les résultats dans un élément flottant comme un popup (positionné au-dessus du reste de la page donc) il arrive […]
Comme on l'a vu récemment avec les incendies qui ont ravagés les serveurs d'OVH, il est important de sauvegarder localement son site WordPress, au moins de temps en temps. Si vous vous contentez de sauvegarder votre site WordPress sur votre serveur distant, alors vous pourrez avoir de gros problèmes en cas d'incidents exceptionnels. Pour éviter […]
Pour ajouter des données structurées Google (schema.org) dans WordPress sans utiliser de plugin, il faut d'abord générer un script JSON-LD pour le schéma qui nous intéresse, le valider dans l'outil de test des résultats enrichis Google, puis l'injecter dans notre site WordPress. Aujourd'hui, je vous montre comment faire tout ça. Pour le bon déroulement de […]
Rien de tel que des photos pour rassurer vos visiteurs et pour illustrer vos propos. Que vous réalisiez des sites comme moi ou que vous teniez un petit magasin, savoir comment créer une galerie photo dans WordPress vous sera très utile. Aujourd'hui, je vous montre comment faire ça, une étape à la fois. Étape 1 […]
Lorsqu'ils prennent leur site en main, mes clients ont souvent du mal à comprendre comment fonctionnent les paragraphes et autres espacements de texte dans WordPress. Dans cet article, je vais vous expliquer comment tout ça fonctionne pour que vous puissiez dépasser vos problèmes de saut de ligne dans WordPress. La cause des problèmes de saut […]
Chaque webdesigner a un process de création bien différent. Aujourd'hui, je vais partager avec vous le mien, du moins ce qu'il en est dans la plupart des cas quand je veux réaliser une page web. Bien sûr, la réalisation d'un site complet auprès d'un client demande un process bien plus complexe, mais je vais vous […]
Si WooCommerce est ma solution favorite pour créer des e-boutiques, c'est en grande partie pour sa modularité quasiment tout peut être modifié si l'on sait comment faire. Aujourd'hui, je vous montre comment modifier le badge promo de WooCommerce, sans plugin. L'objectif est donc de modifier les labels "Promo" en vert ci-dessous : Modifier le texte […]
Au fil des années, j'ai mis au point un processus bien rodé pour réaliser des sites web de qualité. J'ai aussi appris que pour qu'un projet de site web se passe bien, il est crucial que le client comprenne mon processus. Je vais donc faire de mon mieux pour vous expliquer celui-ci 🙂 Étape 1. […]
Vous êtes-vous déjà demandé pourquoi une page web était structurée de telle ou telle façon ? Si oui bravo, car après tout, c'est le plus important : une page web réussie a pour ambition de structurer de l'information de façon à rendre cette dernière plus attractive et compréhensible. Si vous n'êtes pas webdesigner, je vous […]
Sur une page produit classique d'un site WooCommerce, vous trouverez un image principale et à côté ou en dessous une galerie de miniatures. Lorsque vous cliquez sur une miniature, elle remplace l'image principale. Par défaut, WooCommerce propose des miniatures carrées de 100 pixels de côtés. Aujourd'hui, je vais vous montrer comment modifier la taille des […]
Il y a quelques temps, un client m'a demandé s'il pouvait modifier le texte "Ajouter au panier" de son site WooCommerce. En cherchant comment faire, je me suis dit que j'allais partager ma méthode avec mes lecteurs. C'est parti ! Pourquoi modifier le texte "Ajouter au panier" ? Avant d'entrer dans le vif du sujet, […]
L'effet Von Restorff, aussi appelé effet d'isolation, nous apprend que lorsqu'on présente à un humain de multiples éléments homogènes, celui qui diffère a plus de chance d'être intégré (Source : Journal of Cognitive Neuroscience). L'effet Von Restorff est un biais cognitif très important en webdesign, comme nous allons le voir dans cet article. En webdesign, […]
Contact Form 7 est un fantastique plugin de formulaires pour WordPress. Mais comme tout formulaire, il peut être la cible de spams et de messages mal intentionnés envoyés par des programmes. Aujourd'hui, je vais vous montrer comment régler ce problème en ajoutant un recaptcha à vos formulaires Contact Form 7 👍 Étape 1 - Créer […]
Dans certains cas, il peut être intéressant pour un site WooCommerce de donner la possibilité au client de choisir un prix libre pour certains produits. C'est par exemple le cas si vous voulez mettre en place un produit "Réglez mes honoraires" ou "Pourboire" ou encore "Donation". Pour implémenter cette fonctionnalité, il va falloir utiliser un […]
Un site web peut être un outil incroyable pour générer des clients et se faire connaître. Ou alors, ça peut être une grosse perte de temps et d'argent. Tout dépend de comment le site et réalisé et de ce qu'on fait avec. Aujourd'hui, je vais faire de mon mieux pour vous résumer, sans fioriture, les […]
Nous en avons déjà parlé sur ce blog, bien catégoriser votre boutique WooCommerce est essentiel pour que vos clients s'y retrouvent. Mais si vous ne savez pas comment afficher vos catégories aux endroits pertinents, avoir une boutique organisée ne servira pas à grand chose. Aujourd'hui, je vous explique comment lister vos catégories où vous voulez […]
Si vous souhaitez obtenir un bon site web, vous devez vous soucier de beaucoup de facteurs afin de vous assurer que l'expérience utilisateur soit fluide. Parmi ces facteurs, l'un des plus importants est le contraste. Dans cet article, nous allons développer l'importance du contraste en webdesign et comment celui-ci peut améliorer ou ruiner la qualité […]
Pour gérer votre site WooCommerce, il est essentiel que vous sachiez manipuler les catégories parfaitement. En effet, une boutique en ligne ne peut pas être efficace si elle n'est pas organisée. Pour éviter à vos clients de passer de longues minutes à chercher ce qu'ils veulent, vous devez catégoriser vos produits de façon logique. Dans […]
Une redirection de page web consiste à réorienter une page vers une autre. Ainsi, lorsqu'un visiteur demande la page "/boutique" par exemple, on le redirige automatiquement sur "/produits". Savoir faire une redirection sur WordPress est très important pour le référencement de votre site. Sans elle, vous pouvez complètement perdre le référencement d'une page sans le […]
Quand on le voit pour la première fois, le panneau d'administration de WordPress peut faire peur. Dans cet article, je vous vous expliquer comment utiliser efficacement l'admin WordPress, afin de vous laisser parfaitement autonome rapidement. Accrochez-vous ! Comment se connecter à l'admin WordPress ? Avant tout, vous allez devoir vous connecter à l'admin WordPress. Pour […]
La semaine dernière, alors que je réalisait une petite page WordPress pour un client, je me suis rendu compte que l'éditeur Gutenberg ne proposait pas d'option "lightbox" pour zoomer les images. Comme je ne voulais pas installer de plugin juste pour ajouter ça sur une page, je me suis trouvé bien embêté : comment réussir […]
Quand je livre un site e-commerce tout neuf à un client et que je lui montre comment créer un nouveau produit, une question suit immanquablement quelques jours plus tard : comment puis-je classer mes produits dans WooCommerce ? Aujourd'hui, je vous explique ça en détails. Les classements automatiques de WooCommerce Tout d'abord, il faut savoir […]
La première chose à savoir faire dans WooCommerce, c'est créer un produit correctement. Pour ça, WooCommerce met à notre disposition 4 types de produits : les produits simples, les produits groupés, les produits variables et les produits externes. Aujourd'hui, je vais vous montrer comment créer un produit simple dans WooCommerce. Prérequis Avant de commencer, vous […]
WooCommerce met à votre disposition des produits d'exemples qui vous permettent de peupler votre boutique rapidement lorsque vous venez de créer votre site. Pour importer ces produits de remplissage, il va falloir trouver le fichier .CSV dans le dossier WooCommerce, puis l'importer dans WordPress. Je vous montre comment faire... Prérequis Avant de commencer, vous devez […]
Oxygen est un builder ultra léger et très interessant à utiliser, mais parfois il faut savoir relever les manches pour faire ce qu'on veut avec. Par défaut, à l'heure où j'écris ces lignes, le module d'Oxygen "Products List" inclue au dessus de la grille des produits le titre et la description : pas l'idéal quand […]
Le référencement organique (ou référencement naturel) d'un site Internet est son classement dans les résultats gratuits des moteurs de recherches. Il ne faut pas le confondre avec le SEO, qui est l'optimisation de ce référencement naturel. Définition pratique du référencement organique J'aime définir le référencement organique comme le positionnement d'un objet dans un répertoire suivant […]
Alors comme ça, le design de votre site WordPress ne vous convient pas ? Pas d'inquiétude, on est tous passé par là. Si l'ajout de CSS est une option assez technique pour personnaliser un site WordPress, c'est aussi celle qui vous laisse le plus libre. Dans cet article, je vais supposé que vous êtes débutant […]
