Inspiration.

C’est mon objectif pour vous.

Beaucoup d’utilisateurs de WP n’ont pas encore réalisé à quel point WordPress est puissant, alors laissez ce post être une source d’inspiration alors que vous découvrez de nouveaux outils et tactiques pour personnaliser votre site Web WordPress.

Vous allez donner une marque à votre site, personnaliser votre contenu, et même apporter des modifications au tableau de bord d’administration.

Après avoir terminé votre lecture, vous aurez un site Web plus beau et entièrement personnalisé.

Il y a beaucoup à apprendre ici, alors mettez cette page en signet pour pouvoir revenir et terminer si vous avez besoin de plus de temps.

Commençons par la plus grande tactique de personnalisation de toutes…

Prendre un nouveau thème

La façon la plus rapide d’apporter un changement radical à votre site est de changer de thème WordPress.

Changer de thème changera instantanément tout le design de votre site.

Mais il y a un problème…

Il y a plus de 10 000 thèmes WordPress parmi lesquels choisir !

Vous pourriez facilement passer des jours à parcourir et à examiner des thèmes. En fait, beaucoup de gens le font !

Chaque semaine, des gens m’envoient des emails disant qu’ils ont regardé des centaines de thèmes avant de choisir l’un des miens.

Si vous voulez vous épargner du temps, suivez mon guide sur la façon de choisir le thème parfait pour votre site.

Bien sûr, si vous voulez tester un nouveau design tout de suite, nous avons 19 thèmes WordPress gratuits que vous pouvez prévisualiser directement depuis votre tableau de bord WP.

Le prochain moyen facile d’apporter un énorme changement au design de votre site est de passer de vos derniers articles à une page statique sur la page d’accueil.

Passer à une page d’accueil statique

Voici un conseil d’initié:

Chaque site WordPress devrait utiliser une page d’accueil statique.

Oui, même si vous êtes un blogueur. En fait, surtout si vous êtes un blogueur !

Vous obtiendrez plus d’abonnés et gagnerez plus d’argent avec votre site Web si vous faites plus que lister vos derniers articles.

Par exemple, votre page d’accueil peut inclure un formulaire d’optin par courriel pour construire vos abonnés et ensuite promouvoir quelques-uns de vos meilleurs articles au lieu de simplement afficher vos derniers articles.

Ce changement est facile à faire à partir du tableau de bord WordPress. Il suffit de basculer ce paramètre vers une page statique:

Ou, vous pouvez suivre ce tutoriel vidéo simple:

Bien sûr, maintenant vous vous demandez probablement comment créer une page d’accueil personnalisée. C’est également facile à faire avec le bon outil.

Créer une page d’accueil personnalisée

Vous pouvez utiliser Elementor pour concevoir une page d’accueil personnalisée.

Au cas où vous ne le connaîtriez pas, Elementor est un plugin de construction de pages, et comme la partie « constructeur de pages » l’implique, vous pouvez l’utiliser pour créer des pages entièrement personnalisées.

Ce tutoriel vidéo approfondi vous apprendra à utiliser Elementor:

S’abonner à Compete Themes sur Youtube

Pour commencer, vous pouvez installer Elementor sur votre site en le recherchant dans le menu des plugins ou en le téléchargeant sur wordpress.org.

Après avoir installé Elementor sur votre site, vous pouvez visiter n’importe quelle page et cliquer sur le bouton « Editer avec Elementor » pour lancer l’éditeur.

Vous serez amené à cette interface:

Sur le côté gauche de l’écran se trouvent tous les différents widgets disponibles que vous pouvez glisser-déposer dans la zone de contenu de la page.

Pour faire une page personnalisée, tout ce que vous devez faire est d’ajouter les widgets que vous voulez dans le contenu de la page. Chacun d’eux comprend une tonne d’options personnalisables, comme ceci :

Gutenberg a des blocs similaires, mais les widgets dans Elementor sont beaucoup plus personnalisables.

Mais ajouter et personnaliser chaque widget un par un peut sembler beaucoup de travail. Pour faciliter les choses, Elementor a des blocs pré-faits élégants que vous pouvez déposer dans n’importe quelle page:

Plus encore, Elementor a des pages de vente complétées que vous pouvez insérer dans votre pagge en un seul clic.

Vous pouvez parcourir les pages d’accueil pré-construites, insérer votre préférée, puis échanger le texte et les images pour un ajustement parfait.

Il y a pas mal de pages de vente gratuites, mais la plupart des meilleures ne sont disponibles que dans Elementor Pro.

Alors, pour résumer comment tout cela fonctionne…

Vous vous appuierez sur votre thème pour la plupart des pages de votre site, mais lorsque vous avez besoin d’une page entièrement personnalisée comme pour votre page d’accueil, c’est le moment idéal pour utiliser Elementor. En fait, même en tant que développeur de thème, j’ai commencé à créer des pages avec Elementor au lieu de les coder moi-même parce que c’est tellement rapide et simple.

Check out Elementor →

Maintenant que vous connaissez les constructeurs de pages, revenons aux personnalisations globales du site.

Changer votre police

La police que vous choisissez a un grand impact sur le caractère de votre site.

C’est pourquoi vous pourriez être ennuyé si vous n’avez pas pu choisir votre police.

Bien, je suppose que votre thème n’a pas de polices personnalisées si vous lisez ceci, alors voici une solution simple et gratuite :

Installer le plugin Google Fonts Typography.

Ce plugin vous donnera un accès complet à la bibliothèque Google Fonts qui est la source de facto de polices pour le web.

J’utilise Google Fonts dans tous mes thèmes et je ne connais aucun développeur de thèmes qui utilise autre chose.

Une fois que vous avez installé le plugin Google Fonts Typography, vous trouverez un nouveau panneau dans le Customizer où vous pouvez rapidement changer la police sur l’ensemble de votre site.

J’ai un tutoriel vidéo détaillé sur le changement de votre police avec Google Fonts Typography si vous voulez des instructions étape par étape.

Si vous utilisez l’un de nos thèmes, vous trouverez également Google Fonts entièrement intégré dans la mise à niveau PRO de votre thème.

Voici une autre victoire rapide pour peaufiner la présentation de votre site.

Changer le nombre d’articles par page

Par défaut, WordPress affiche dix articles sur la page principale de votre blog et sur les archives (catégories, balises, auteur et archives de dates).

Dix est un bon défaut, mais qu’en est-il si vous avez une mise en page multi-colonnes comme les mises en page de Challenger Pro ?

Les visiteurs feront défiler les dix articles en un seul glissement. Votre site sera plus performant si vous incluez plus de posts comme 16 ou 20 à la place.

Vous pouvez visiter le menu des paramètres de lecture (Paramètres >Lecture) et modifier rapidement le nombre de posts par page avec ce paramètre :

Simple, non ?

Quand quelqu’un arrive à la fin de vos articles, il peut cliquer sur la pagination pour en trouver plus, mais il y a une autre personnalisation qui est meilleure que la pagination simple.

Activer le défilement infini

Soyez honnête.

Combien de fois vous cliquez réellement sur les liens de pagination au bas d’un blog?

Je le fais parfois, mais tout ce que je clique jamais est le lien vers la prochaine page d’articles. Sachant cela, avez-vous vraiment besoin de quelque chose de plus qu’un bouton « plus de posts » ?

Le défilement infini permet aux visiteurs de faire défiler une page et de charger automatiquement les posts à mesure qu’ils défilent. Bien que cela puisse bien fonctionner pour certains sites, il y a une légère astuce qui a tendance à mieux fonctionner. Cette solution consiste à inclure un bouton  » load more  » après vos articles, comme ceci :

Les visiteurs peuvent cliquer sur le bouton pour charger automatiquement les articles sans recharger la page entière.

Le plugin gratuit WordPress Infinite Scroll fait un excellent travail, mais vous devrez être à l’aise pour modifier un peu de code dans votre thème.

Si vous voulez une solution sans code, il y a une fonctionnalité de défilement infini incluse dans Jetpack. Tous les thèmes ne sont pas compatibles, mais nos 19 thèmes fonctionnent tous avec Jetpack.

Le défilement infini amènera vos visiteurs à lire plus de posts et à passer plus de temps sur votre site. En fait, pendant que nous sommes sur ce sujet, voici deux autres façons de personnaliser votre site pour que les visiteurs lisent plus de vos articles.

Utiliser des images vedettes cohérentes

Vous utilisez des images vedettes, n’est-ce pas ?

Pour être sûr que nous sommes sur la même page, vous pouvez utiliser cette option dans la barre latérale de n’importe quel article ou page pour ajouter une Featured Image :

Et l’image s’affichera alors sur le blog et la page de l’article comme ceci :

Les images vedettes aideront chaque post à obtenir plus d’attention et plus de clics, ce qui signifie plus de lecteurs et d’abonnés.

Mais il y a plus que cela.

Certains utilisateurs de WordPress ne pensent qu’à un seul article à la fois lorsqu’ils sélectionnent les Featured Images et cela donne à leur blog un aspect décousu.

Lorsque vous choisissez les Featured Images, assurez-vous de garder un aspect cohérent.

Par exemple, je m’en tiens généralement à l’art vectoriel pour les images vedettes ici sur le blog Compete Themes.

Prenez une esthétique cohérente pour les images vedettes de votre site et cela rendra le design plus beau.

J’utilise Vecteezy pour les graphiques vectoriels et Unsplash est la meilleure source de photographies professionnelles gratuites. Vous pourriez également aimer Canva pour ajouter un titre d’article par-dessus vos images.

Si vous voulez que votre blog soit encore plus attrayant, suivez ce prochain conseil.

Écrire un extrait personnalisé pour chaque article

J’ai du mal à croire que si peu de gens écrivent des extraits personnalisés !

Dans la barre latérale droite de l’éditeur, vous trouverez cette boîte d’extrait :

Tant que vous utilisez un thème bien codé, l’extrait que vous y écrivez apparaîtra sur la page principale du blog et les archives.

Il y a deux raisons d’écrire un extrait personnalisé pour chaque article.

Premièrement, votre thème utilise probablement les 25 premiers mots. Ne pensez-vous pas que vous pouvez écrire une accroche plus séduisante pour votre post que de simplement reprendre les 25 premiers mots ? Les visiteurs cliqueront davantage si vous écrivez des extraits convaincants.

Deuxièmement, vous pouvez vous assurer que l’extrait s’intègre bien au design lorsque vous écrivez des extraits personnalisés. Si la longueur par défaut semble trop longue ou trop courte, la rédaction d’extraits manuels permettra de régler ce problème.

Plus, cela permettra également à votre site d’être plus performant sur les médias sociaux si vous suivez cette prochaine tactique de personnalisation.

Personnalisez l’apparence de votre site sur Facebook

Si vous avez suivi mes deux derniers conseils, vous allez adorer l’apparence de vos publications lorsqu’elles sont partagées sur Twitter et Facebook.

Mais !

Vous devez ajouter les balises « Open Graph » à votre site. Le moyen le plus simple est d’installer le plugin Yoast SEO.

Yoast SEO va optimiser votre site pour qu’il soit mieux classé dans Google. Je ne veux pas trop m’écarter du sujet parce que ce post traite de la conception web et non de l’optimisation des moteurs de recherche, donc vous pouvez lire ces tutoriels de référencement si vous voulez plus d’infos sur tout cela.

L’autre chose que Yoast SEO fait est d’ajouter des balises Open Graph à votre site 😁

Les balises Open Graph apparaissent dans le code source de chaque page de votre site et indiquent aux sites de médias sociaux comme Facebook quel contenu utiliser lorsque quelqu’un partage votre site.

Si vous ajoutez une Featured Image et écrivez un extrait personnalisé, c’est le contenu que Facebook affichera lorsque le post sera partagé, mais seulement si vous avez ajouté les balises Open Graph.

Avec Yoast SEO, vous avez également la possibilité d’ajouter une image différente juste pour Facebook et/ou Twitter.

C’est cool, non ?

Vous pourriez utiliser une photographie ordinaire comme image vedette, mais avoir une version différente avec le titre superposé juste pour quand les gens partagent le post sur Facebook.

Pendant que nous parlons de médias sociaux, cette prochaine personnalisation est essentielle pour construire votre audience.

BONUS TIP : Pour gagner du temps, j’écris une méta description personnalisée pour chaque post, je l’entre dans Yoast, puis je la réutilise comme extrait personnalisé du post.

Ajouter vos icônes sociales

Cette personnalisation WordPress est très simple.

Si vous voulez que les gens vous suivent, vous devez leur faciliter la tâche !

La plupart des thèmes de nos jours ont des icônes sociales intégrées, comme le thème Mission News qui inclut des icônes pour plus de 50+ sites de médias sociaux.

Lorsque quelqu’un clique sur l’une des icônes, cela amène le visiteur directement sur votre profil social. C’est un excellent moyen d’amener les gens à vous suivre sur la plateforme qu’ils préfèrent.

Bien que l’ajout d’icônes sociales dans l’en-tête et/ou le pied de page de votre site soit excellent pour construire votre audience, vous devriez également envisager d’ajouter des boutons de partage social.

Ajouter des boutons de partage social

Je ne veux pas vous embrouiller, alors laissez-moi clarifier cela.

Dans la dernière étape, j’ai recommandé d’ajouter des icônes liées à vos profils sociaux dans l’en-tête du site. Ce ne sont que des liens.

Des boutons de partage social doivent être ajoutés dans vos posts, comme ceci :

Lorsque quelqu’un clique sur l’un de ces boutons, cela ouvre un nouvel onglet avec le post rempli et prêt à être partagé.

Il y a des tonnes de plugins à choisir, mais mon nouveau favori est Scriptless Social Sharing.

Le problème que j’ai avec la plupart des plugins de boutons de partage est qu’ils ralentissent trop votre site. Scriptless Social Sharing comprend les fonctionnalités essentielles et rien de plus. Il se charge super rapidement et fonctionne très bien sur le bureau et le mobile.

Avec tout le nouveau trafic que vous obtiendrez, vous voudrez faire quelques personnalisations supplémentaires pour rendre votre site plus rentable.

Ajouter un formulaire de contact

Si vous vendez des services sur votre site, alors ajouter un formulaire pour que les clients puissent entrer en contact est évident.

Mais un formulaire de contact est une partie essentielle de chaque site Web. Vous ne savez jamais quelles opportunités peuvent se présenter à vous.

Quand il s’agit d’ajouter un formulaire de contact, WPForms est mon plugin préféré.

Il est incroyablement personnalisable et facile à utiliser. De plus, les mises à niveau premium font vraiment passer les choses au niveau supérieur.

Mon guide sur la façon d’ajouter un formulaire de contact à WordPress vous guidera à travers toutes les étapes.

Si vous ne vendez pas de services ou si vous avez déjà un formulaire de contact, vous voudrez peut-être créer une nouvelle page de destination.

Créer une page de destination

Une page de destination est une page de votre site sur laquelle les visiteurs atterrissent. En d’autres termes, vous envoyez un nouveau trafic ici pour les convertir en abonnés et/ou en clients.

Si vous réussissez à conduire du trafic vers votre site, alors il est temps de mettre en place une offre sur une page de destination et d’y envoyer les visiteurs.

Je recommande d’utiliser le plugin Elementor pour créer une page de destination personnalisée. Ils ont des pages d’atterrissage finies et des kits de site que vous pouvez utiliser comme point de départ.

Une astuce avec les pages d’atterrissage est que vous supprimez toute la navigation ou restreignez la navigation sur cette page. Pour ce faire, vous devrez savoir comment créer des menus personnalisés.

Créer un menu personnalisé

Bien que cela dépende du thème que vous choisissez, votre site affichera probablement chaque « Page » dans le menu principal.

Ce n’est pas idéal.

Vous voudrez créer un ensemble personnalisé de liens pour votre menu, et potentiellement quelques menus que vous affichez sur différentes pages de votre site.

Pour créer un menu personnalisé, suivez les étapes de ce tutoriel vidéo :

Vous apprendrez à ajouter des liens vers n’importe quels posts, pages, ou même URL externes dans votre menu. Vous pouvez également les réorganiser et créer des menus déroulants avec facilité.

Ajoutez cette prochaine personnalisation pour rendre votre site encore plus facile à naviguer.

Faites votre menu « collant »

Vous avez fait défiler une partie de ce post maintenant, mais si vous regardez en haut de l’écran, vous verrez que le menu principal est toujours visible.

Garder votre menu fixé en haut de l’écran à tout moment rend votre site beaucoup plus facile à naviguer parce que les visiteurs n’ont pas besoin de faire défiler tout le chemin vers le haut chaque fois qu’ils décident de naviguer vers une nouvelle page.

Il existe deux façons simples de rendre votre navigation collante (si votre thème n’inclut pas déjà cette option).

Premièrement, vous pouvez installer le plugin gratuit Sticky Menu on Scroll.

Ce plugin fonctionne très bien mais vous devez savoir comment trouver un sélecteur CSS à utiliser. Pour tous nos thèmes, vous pouvez utiliser #site-header ou #menu-primary-items selon que vous voulez que l’ensemble de l’en-tête ou seulement le menu principal soit collant.

La deuxième alternative consiste à utiliser l’option de menu collant disponible dans Elementor Pro. Cette méthode ne nécessite pas l’utilisation de sélecteurs CSS et vous pouvez complètement personnaliser le design du menu pendant que vous y êtes.

J’ai une autre astuce pour rendre votre site encore plus facile à naviguer.

Vous avez probablement entendu parler du conte de fées, Hansel & Gretel.

Comme vous vous en souvenez peut-être, ils laissent tomber des miettes de pain pendant qu’ils voyagent dans la forêt, laissant une piste qu’ils peuvent suivre pour retrouver leur chemin.

Les concepteurs de sites Web ont adopté ce même terme pour désigner la traînée de liens parfois ajoutée sous l’en-tête, comme cet exemple sur Amazon.

Chaque lien vous fait reculer d’un pas dans la navigation des sites.

Bien que votre site web soit sans doute plus petit et moins complexe qu’Amazon, il bénéficierait tout de même probablement de l’utilisation des fils d’Ariane.

Si vous avez installé le plugin Yoast SEO recommandé plus tôt dans ce post, alors vous n’avez pas besoin de faire grand-chose d’autre. Il suffit de cliquer sur cette option pour l’activer à partir du menu des paramètres :

Tous nos thèmes sont compatibles avec le fil d’Ariane de Yoast, mais vous devrez peut-être vérifier avec le développeur de votre thème si le fil d’Ariane ne s’affiche pas sur votre site.

Avec ces quelques derniers conseils, vous avez effectué toutes les personnalisations les plus importantes de votre navigation.

Maintenant, passons à la stratégie de marque de votre site pour un effet visuel cohérent.

Personnalisez vos couleurs

C’est une étape simple et peut-être évidente pour marquer votre site web.

Changer la couleur d’accent sur l’ensemble de votre site créera un effet visuel cohérent.

Si votre thème n’inclut pas de couleurs personnalisées et que vous ne savez pas comment personnaliser votre site avec du code, alors laissez-moi vous présenter un outil génial : CSS Hero.

Voici un peu de contexte…

CSS est le nom du langage de codage que les concepteurs web utilisent pour styliser les pages web. CSS Hero est un plugin WordPress qui vous permet de personnaliser votre thème sans écrire une seule ligne de CSS vous-même.

Par exemple, vous pouvez facilement changer la couleur de fond de votre site avec CSS Hero. Vous commenceriez par ouvrir l’éditeur visuel qui ressemble à ceci:

Puis, vous cliqueriez sur l’arrière-plan révélant un ensemble d’options de personnalisation dans la barre latérale gauche.

En dernier lieu, vous utiliseriez l’option de couleur d’arrière-plan pour le définir à la couleur que vous voulez et ensuite enregistrer vos modifications.

CSS Hero peut être utilisé pour changer la couleur de n’importe quel élément sur votre site ainsi que les polices, l’espacement, et des charges d’autres aspects de conception.

Tester CSS Hero →

Cette prochaine technique de personnalisation est un must pour chaque site web professionnel.

Ajouter votre logo à l’onglet du navigateur

Je suis sûr que votre logo est déjà en haut de votre site. Tous les thèmes que j’ai vus incluent une option simple pour cela.

Mais vous ne devriez pas vous arrêter là !

Vous devriez également ajouter votre logo à l’onglet du navigateur lui-même, comme ceci :

Cette petite icône est normalement appelée favicon, mais l’interface de WordPress l’appelle une « icône de site ».

Néanmoins, vous pouvez trouver cette option dans le Customizer (Apparence > Customize).

Dans le Customizer, ouvrez la section Site Identity et vous trouverez l’option Site Icon en bas.

Tout ce que vous avez à faire est de télécharger l’image du logo depuis votre ordinateur et d’appuyer sur le bouton Publish.

Lorsque vous choisissez une image pour le favicon, il est préférable d’utiliser une icône si votre logo en comprend une. Pour Compete Themes, j’utilise l’icône du stylo et du bouclier, mais si je ne l’avais pas, je ferais simplement du logo un carré bleu avec « CT » en texte blanc.

Vous pourriez aussi être surpris de voir que WordPress recommande que votre image soit de 512x512px. Cela semble un peu grand, n’est-ce pas ?

Eh bien, outre l’icône dans l’onglet du navigateur, votre favicon sera également réutilisé dans les signets qui peuvent s’afficher beaucoup plus grand. Par exemple, quelqu’un utilisant un iPad Pro pourrait enregistrer votre site sur son écran d’accueil Safari où l’icône s’affichera de manière assez grande.

Vous pouvez suivre notre tutoriel complet sur la façon d’ajouter un favicon à WordPress si vous voulez des conseils plus détaillés (il y a aussi un tutoriel vidéo)

Une autre façon de donner à votre site un look distinct est d’utiliser une image de fond de marque.

Ajouter une image d’arrière-plan

On ne voit plus si souvent des images d’arrière-plan.

De nos jours, la plupart des sites Web s’en tiennent à un fond blanc ou gris clair uni. Si vous voulez vraiment vous démarquer, essayez d’ajouter une image d’arrière-plan qui soit à la fois belle et de marque.

Nous pouvons nous tourner vers CSS Hero une fois de plus pour cette personnalisation.

Sélectionnez l’arrière-plan, mais au lieu de définir une couleur, vous choisiriez plutôt l’option d’image.

Vous pouvez télécharger l’image que vous voulez et même en importer une directement depuis Unsplash.

Maintenant, passons au niveau supérieur de votre stratégie de marque.

Créer une page de connexion de marque

Si vous avez des membres qui se connectent à votre site, créer une page de connexion de marque est un must.

En fait, même si c’est juste vous qui vous connectez à votre site, marquer l’écran de connexion donne un réel sentiment de professionnalisme et de satisfaction. Faites-moi confiance !

J’ai marqué le login de Compete Themes et maintenant il a l’air génial :

Je l’ai fait en utilisant le plugin gratuit Custom Login Page Customizer.

Si vous voulez suivre les mêmes étapes, j’ai écrit un post pour WP Newsify tout sur tout à ce sujet.

Si vous avez suivi, alors votre site et l’écran de connexion sont totalement marqués, mais il n’y a aucune raison de s’arrêter là !

Portons le branding dans le tableau de bord du site pour aller encore plus loin dans la personnalisation de votre site WordPress.

Personnaliser l’admin WP

Tout d’abord, au cas où vous ne le sauriez pas, vous pouvez changer la palette de couleurs du tableau de bord de l’admin depuis le menu Votre profil.

Poursuivons, les schémas de couleurs qui s’y trouvent ne correspondent probablement pas parfaitement à votre marque. Pour obtenir un contrôle total sur votre interface d’administration, consultez le plugin WP Custom Admin Interface.

Vous aurez une énorme quantité de contrôle sur la conception de l’interface d’administration de votre site. Par exemple, vous pouvez créer une nouvelle palette de couleurs qui peut être sélectionnée dans le menu Votre profil.

Et vous pouvez même renommer et réorganiser vos éléments de menu, masquer les menus et ajouter de nouveaux éléments de menu complètement personnalisés.

Si vous voulez un contrôle total sur l’interface d’administration, c’est la façon de le faire.

Maintenant que vous connaissez toutes les meilleures façons de marquer votre site Web pour une entreprise, couvrons quelques personnalisations de marque personnelle.

Mettre à jour votre nom d’affichage

Je vois cela tout le temps sur les nouveaux sites Web WordPress:

Qui est admin ?

Laisser votre nom de cette façon ne donne pas à votre site un aspect très professionnel et cela n’aide certainement pas votre marque personnelle.

La bonne nouvelle est que c’est très facile à changer.

Le nom qui apparaît dans la signature de vos articles et dans les commentaires est appelé le nom d’affichage, et vous pouvez le modifier à partir du menu Utilisateurs >Votre profil.

Une fois enregistré, il sera mis à jour instantanément sur l’ensemble de votre site.

Cette vidéo explique comment utiliser les noms d’affichage de manière plus détaillée:

Avec votre nom défini, vous voudrez également ajouter un avatar personnalisé.

Afficher un avatar personnalisé

Vous ne voulez pas qu’un avatar par défaut s’affiche à côté de votre nouveau Nom d’affichage, comme ceci:

La plupart des thèmes WordPress intègrent Gravatar, donc dès que vous y ajoutez une image, elle s’affichera instantanément sur votre site.

Au cas où vous ne seriez pas familier avec Gravatar, c’est un service très simple.

Tout ce que vous faites, c’est ajouter une adresse e-mail et télécharger une image à y associer. C’est tout 🙂

Vous verrez l’image Gravatar s’afficher sur votre site et sur tout autre site web qui s’intègre au service (beaucoup le font).

Alternativement, vous pouvez installer le plugin Simple User Avatar pour télécharger une image de profil sur votre site sans utiliser Gravatar.

Mettre votre nom et votre photo sur tous vos posts est un bon début, et ajouter une « boîte d’auteur » peut faire passer les choses au niveau supérieur.

Ajouter une boîte d’auteur

Par « boîte d’auteur », je veux dire quelque chose comme ceci:

Les boîtes d’auteur sont excellentes pour construire votre marque pour deux raisons.

Premièrement, ils obtiennent votre nom et votre visage devant les visiteurs.

Deuxièmement, vous pouvez ajouter une courte bio qui vous aide à ajouter encore plus de personnalité et de relatabilité. De plus, vous pouvez créer un lien vers toutes les pages que vous voulez.

Puisque la boîte d’auteur s’affiche après le contenu du post, les visiteurs qui la voient viennent de finir de lire un post, ce qui est un moment idéal pour vous associer à ce contenu.

Si votre thème n’a pas de boîte d’auteur incluse, je recommande d’installer le plugin Simple Author Box.

Il y a pas mal de plugins author box disponibles, mais celui-là donne le meilleur équilibre de flexibilité et de qualité out-of-box à mon avis.

Ce tutoriel vidéo vous donnera un aperçu des coulisses si vous voulez regarder comment cela fonctionne d’abord. Ou vous pouvez suivre ce guide sur l’ajout d’une boîte de bio d’auteur.

La prochaine façon de personnaliser votre site vous aidera à construire votre marque personnelle encore plus rapidement.

Ajouter un widget « À propos de moi »

Si votre site Web a une barre latérale, l’une des meilleures personnalisations pour construire votre marque est d’inclure un widget « À propos de moi » en haut.

Cela permettra de garder votre nom et votre avatar visibles sur chaque page que vous publiez.

Vous pouvez utiliser le widget Texte ou le widget HTML pour créer vous-même une mise en page comme celle-ci, ou installer le plugin Easy Profile Widget.

Plus vous exposez les visiteurs à votre nom, votre avatar et votre bio, plus vous leur serez familier et plus votre marketing sera performant.

En parlant de widgets, voici un autre moyen génial de personnaliser votre site WordPress.

Contrôlez sur quelles pages les widgets s’affichent

Les widgets sont géniaux, mais il y a un problème.

Parfois, vous voulez ajouter un widget à votre barre latérale, mais vous ne voulez pas qu’il s’affiche sur toutes les pages de votre site Web.

Et si vous pouviez choisir exactement sur quels posts et pages chaque widget s’affiche ?

Avec le plugin Widget Options, vous le pouvez.

Après avoir installé Widget Options, vous verrez cette nouvelle section ajoutée à chaque widget.

Vous pouvez ajouter des widgets à des types de pages entières à la fois comme toutes les catégories, ou choisir des catégories spécifiques ou même des pages individuelles.

Puisque vous pouvez facilement inverser les règles entre inclure VS exclure le widget sur les pages sélectionnées, ce plugin donne à votre site une flexibilité incroyable.

Voici une autre façon d’améliorer la personnalisation de votre site.

Ajouter des descriptions de catégories

Un titre de catégorie ordinaire sur votre site pourrait ressembler à quelque chose comme ceci:

Bien que cela fonctionne bien en soi, vous pouvez réellement ajouter une description unique pour chaque catégorie.

Avec une description ajoutée, vous pouvez aider les visiteurs à comprendre exactement ce qu’ils trouveront sur la page et c’est également bon pour le référencement.

Vous pouvez visiter la page des catégories (Posts > Categories) et cliquer sur n’importe quelle catégorie là-bas pour la modifier. Puis, sur la page suivante, tapez la description dans cette case:

La plupart des thèmes affichent la description sur la page de la catégorie en dessous du titre, comme ceci:

Vous pouvez réaliser cette personnalisation en quelques minutes et donner à votre site un aspect plus professionnel.

Une autre façon de stimuler le professionnalisme de votre site est de personnaliser votre texte de pied de page.

Personnaliser le texte de pied de page

La plupart des thèmes WordPress incluent un court crédit de conception au bas du site.

Bien qu’il ne soit souvent pas possible de supprimer ce texte sans écrire de code, certains thèmes comme Ignite, incluent une option simple dans le Customizer pour modifier le texte de pied de page.

Vous pouvez inclure le texte que vous voulez, mais de nombreux sites Web optent pour inclure le nom de l’entreprise, l’année en cours et une icône de copyright. Vous pouvez utiliser vos emojis pour ajouter un symbole de copyright ou simplement copier celui-ci dans votre presse-papiers – ©

Personnaliser les emails que WordPress envoie

Cela pourrait être énorme pour vous si vous avez des membres qui rejoignent votre site.

WordPress a beaucoup de messages pré-écrits qu’il envoie. Par exemple, il y a des emails pour quand quelqu’un rejoint votre site ou change son mot de passe.

Aucun de ces messages ne va être on-brand pour vous, donc vous pouvez installer le plugin Notification pour avoir un contrôle total sur la copie de l’email.

Ce plugin est terriblement personnalisable et vous permet de changer la copie des emails existants et d’ajouter des événements complètement nouveaux pour l’envoi d’emails.

Nous pensons normalement que la personnalisation d’un site web est un changement visuel pour un site, mais écrire une copie personnalisée pour vos emails poussera votre personnalisation encore plus loin.

Si vous voulez vraiment que chaque aspect de votre site soit personnalisé, l’une des dernières étapes consiste à modifier votre page 404.

Personnaliser votre page 404

Si vous dépubliez une page ou changez l’URL et que quelqu’un visite l’ancienne adresse, il verra un écran 404 comme celui-ci :

Bien que vous vouliez nettoyer les liens brisés et les erreurs 404 sur votre site, c’est une occurrence parfaitement naturelle pour un site Web.

Puisque vous savez que les gens verront occasionnellement votre page 404, c’est une autre occasion de créer une page personnalisée de marque.

Pour cela, nous allons nous tourner vers le plugin 404page.

Avec ce plugin, vous pouvez créer une page 404 entièrement personnalisée pour votre site. Il est conçu d’une manière très intelligente.

Avec 404page, vous pouvez simplement publier une page régulière avec le contenu que vous voulez, puis l’assigner comme votre page 404. Ceci est beaucoup plus facile et plus flexible que d’utiliser un éditeur personnalisé pour la page d’erreur.

Voici une dernière astuce qui vous donnera beaucoup plus de contrôle sur votre site web.

Maîtriser le widget HTML

Apprendre à écrire du code est un gros travail, mais voilà…

Le HTML n’est pas un langage de programmation comme PHP ou Javascript. Le HTML est juste du balisage.

Cela signifie que vous pouvez apprendre le HTML très rapidement et une fois que vous connaissez les bases, vous trouverez que vous avez beaucoup plus de contrôle sur votre site.

Avec le widget HTML qui est inclus dans WordPress, vous pouvez créer pratiquement tout le contenu ou la mise en page que vous voulez sans ajouter de nouveaux plugins.

Par exemple, j’ai recommandé un widget précédemment pour créer un widget  » À propos de moi  » dans la barre latérale, mais cela est facilement réalisable sans ajouter un nouveau plugin si vous savez écrire du HTML.

C’est un excellent premier pas dans le code et je le recommande vivement aux utilisateurs de WordPress qui veulent devenir plus techniques.

Conclusion

Tout d’abord, félicitations pour être arrivé jusqu’ici !

Ce billet n’a fait que s’allonger au fur et à mesure que je trouvais des façons supplémentaires de personnaliser un site Web WordPress.

Pour être honnête, je n’ai encore qu’effleuré la surface dans ce post – il y a des tas d’autres modifications que vous pouvez apporter à votre site.

Pour en revenir à mon premier point, l’une des meilleures façons de commencer à personnaliser votre site est de choisir un thème personnalisable, donc avant de partir, jetez un coup d’œil à nos meilleurs thèmes et prévisualisez-les sur votre appareil. Ils sont tous totalement gratuits à utiliser – pour toujours !

Voir notre collection de thèmes →

Si vous avez des questions ou d’autres idées à partager, postez-les dans la section des commentaires ci-dessous.

Ben Sibley

Ben Sibley est un concepteur de thèmes WordPress & développeur, et fondateur de Compete Themes.

.