Elementor est un super page builder que j'aime beaucoup, mais Oxygen est également une option non négligable, surtout si vous êtes un professionnel à la recherche de performances techniques. J'ai réalisé de multiples projets en utilisant ces deux options. Alors, Oxygen Builder VS Elementor, que choisir ? Qu'est ce qui fait un bon page builder […]
Représenté par une petite icône qui apparait dans l’onglet d’un navigateur, le favicon indispensable à tout site web. Il y a plusieurs façon d'ajouter un favicon sur WordPress. Que vous soyez débutant ou expert, vous trouverez forcément la méthode la plus adaptée à vos compétences dans cet article ! Merci à Kevin Benabdelhak du site […]
Aujourd'hui, je vous propose un article très rapide pour vous expliquer le fonctionnement des ancres (anchors en anglais) dans le panneau des animations de scroll d'Oxygen Builder. D'abord, vous devez savoir qu'Oxygen utilise la bibliothèque AOS pour les animations de scroll. Vous pouvez donc consulter la documentation de AOS pour avoir tous les détails que […]
La différence entre un menu et un emplacement de menu WordPress est que le menu définit un ensemble de pages tandis que l'emplacement de menu définit un endroit dans le site où peut s'afficher un menu. Pas de panique, je vais tout vous expliquer pour que ce soit clair. Qu'est-ce qu'un menu dans WordPress ? […]
Pour modifier la balise title dans WordPress, il faudra soit ajuster le titre de la page en l'éditant, soit passer par un plugin spécialisé si on veut que le titre de la page soit différent de sa balise title. Je vous explique tout ça en détails 😉 Avant tout, comprenons ce qu'est la balise title […]
Envie d'épater vos visiteurs ? Une des façons d'y arriver et de créer un petit arrière-plan animé. C'est assez facile à faire, très léger (donc très peu d'impact sur le temps de chargement) et ça rend bien. L'intérêt d'un arrière-plan animé Pour moi, il y a deux intérêts. D'abord, l'originalité. Vos visiteurs ne voient pas […]
Mailster est une extension de newsletter premium qu'on peut trouver sur CodeCanyon. Son gros avantage est qu'elle s'achète une fois pour toutes sans paiement récurrent. Voici donc mon test du plugin Mailster, continuez à lire pour voir ce qu'il vaut ! Attention ! Pour qu'une stratégie de newsletter soit utile, vous devrez réussir à générer […]
Newsletter est un plugin WordPress freemium qui vous permet d'intégrer un système de newsletter à votre site en self-hosted, sans passer par un service tiers de newsletter payant. Sur le papier, c'est une solution idéale qui vous fera économiser un paquet d'argent. Mais est-ce que ça marche vraiment ? Quelles sont les limitations de ce […]
Contact Form 7 est une extension WordPress très pratique, seulement voilà... Elle est moche. Mais moche ! Si vous laissez votre formulaire CF7 tel quel et que votre thème n'a rien prévu pour le styliser, vous donnerez à votre site un aspect amateur qui massacrera votre taux de conversion. Heureusement, j'ai une solution pour vous […]
Le breadcrumb (ou fil d'Ariane en français) est un petit bloc de liens qui donne le chemin vers une page web au sein d'un site. On le retrouve souvent en e-commerce comme dans cet exemple : "Boutique > Chapeaux > Casquette grise 1991". Aujourd'hui, je vous montre comment installer et configurer le breadcrumb de Yoast […]
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é […]
