Personnalise ton blog : Outils et conseils de conception pour les débutants

Dans un monde rempli de copieurs et d'imitateurs, WordPress peut t'aider à créer un blog personnalisé qui se démarque. Le caractère unique de ton site te distinguera de la concurrence et te permettra de créer un récit que ton public est susceptible de suivre. Dans cet article, nous allons voir comment la personnalisation des pages de ton blog peut rendre ton site plus intéressant, plus engageant et plus fiable pour tes visiteurs. 

Les thèmes abordés sont les suivants :

• Conception de blog
• Ajouter des favicons
• Ajout d'un bouton de retour en haut de page
• Mises à jour automatiques de WordPress

Conception de blog

Il est probable que tu aies déjà une vision en tête lorsque tu penses à ton blog. Une fois que tu as lancé Website Creator, la première étape de la création de ton nouveau site consiste à choisir une "inspiration" ou un thème. Les thèmes contrôlent l'aspect général de ton blog, et il y en a beaucoup parmi lesquels tu peux choisir - plus de 200, pour être exact, tous divisés en catégories simples pour te faciliter la tâche.

Tu ne trouves pas quelque chose que tu aimes ? Pas de problème. Tu peux aussi choisir parmi la vaste bibliothèque de thèmes de WordPressqui offre des milliers d'options.

Bien que le processus soit assez explicite, nous avons des tutoriels approfondis sur la façon d'installer ton premier thème ou de changer de thème sur notre site, si tu en as besoin.

Ajouter des menus de navigation

Une fois que tu auras installé ton thème, tu voudras t'assurer que les visiteurs peuvent s'y retrouver. En fait, une navigation facile à utiliser est l'un des éléments les plus critiques de ton site Web. Pourquoi ? Parce que si les visiteurs doivent chercher ce dont ils ont besoin, ils partiront. 

Des études montrent que l'utilisateur moyen d'un site Web le quitte en quelques secondes s'il ne trouve pas immédiatement ce qu'il veut. Pour t'assurer que cela ne t'arrive pas, crée un menu de navigation simple pour que les lecteurs puissent facilement trouver les sections importantes de ton site (comme "À propos", "Contact" et "Blog").

Website Creator te donne la possibilité de travailler avec plusieurs méthodes pour manipuler la structure du menu afin de répondre aux besoins de tes visiteurs. La technique la plus courante consiste à imbriquer les éléments, ou à regrouper des éléments similaires, mais il existe plusieurs autres options de personnalisation.

Personnaliser ton blog

Tu veux que ton blog se démarque vraiment ? Utilise le personnalisateur inclus pour aller au-delà des bases.

Il existe de nombreuses façons d'ajouter une touche personnelle ou un contenu de marque, mais voici quelques-unes des plus populaires :

• Widgets : As-tu déjà visité un site Web et vu les petits cubes au bas de la page qui renvoient à la page Facebook ou Twitter de l'entreprise ? Ce sont des widgets. Ce sont de petits blocs qui remplissent une fonction spécifique, et c'est une façon amusante de personnaliser ton site.
• Couleurs : Chaque thème est livré avec un ensemble de couleurs prédéterminées, mais tu peux facilement les ajuster en fonction de tes besoins. Par exemple, si tu veux que ton blog corresponde au logo de ton entreprise, c'est quelque chose que tu peux rapidement changer.  
• Image d'arrière-plan : De même, chaque thème est livré avec une image d'arrière-plan prédéfinie, mais tu peux facilement la changer pour ta propre photo ou ton logo. En outre, tu peux personnaliser la position, la répétition et l'attachement de l'image.

Ajouter des plugins

Website Creator est livré avec une suite de plugins WordPress premium qui permettent d'alimenter ton site. Du référencement à la sauvegarde en passant par les galeries d'images, tout y est.

Tu veux une fonction qui n'existe pas ? Tu as également accès aux centaines de plugins gratuits et premium disponibles sur WordPress. Il existe des plugins pour ajouter un panier d'achat, créer un programmateur en ligne, publier automatiquement des articles sur Facebook, et - vraiment - presque tout ce à quoi tu peux penser.

Ajouter des favicons

Que sont les favicons ?

Les favicons sont les petites images qui s'affichent à gauche de la barre d'adresse du navigateur web lorsque tu visites un site.

Un favicon bien conçu correspond au logo ou au thème d'une entreprise et est facilement reconnu comme lui appartenant - c'est un moyen pour les clients et les prospects d'identifier rapidement qu'ils sont sur le bon site avant même de lire quoi que ce soit.

Si tu n'utilises pas de favicon, c'est le moment de commencer. C'est un moyen facile d'améliorer ton image de marque avec peu de temps et d'efforts.

Pourquoi utiliser un Favicon ?

Combien de sites Web as-tu mis en signet dans ton navigateur Web ? Probablement des dizaines, n'est-ce pas ?

Lorsque tu consultes cette liste, lis-tu le nom de chaque site Web ? Ou bien cherches-tu simplement l'image qui appartient à ce site ?

Les internautes recherchent généralement les options les plus pratiques possibles - et repérer une icône familière est bien plus facile que de lire une liste de noms. En fin de compte, un favicon n'est qu'une des nombreuses caractéristiques de conception Web intuitive qui incitera les clients et les prospects à revenir. 

Malheureusement, de nombreux propriétaires d'entreprises ne réalisent pas à quel point il est facile d'ajouter un favicon, et ils finissent par ne pas en utiliser un du tout ou par laisser simplement le favicon générique que leur hébergeur leur fournit. Si tu es dans le même cas, suis ces étapes faciles pour obtenir ton propre favicon personnalisé en quelques minutes :

Création d'un Favicon

La création d'un favicon est simple, et tu n'as besoin d'aucune expérience particulière en matière de codage ou de conception. Il y a juste quelques règles simples à respecter :

• La taille - Les favicons ont une taille de 16×16 pixels. Il est important d'utiliser les bonnes dimensions pour ta photo ou ton graphique, sinon il ne s'affichera pas correctement. De nombreuses personnes choisissent de créer une image personnalisée à cette fin, car il peut être difficile de réduire une image existante à une taille aussi petite sans perdre de détails ou de clarté.
• Choisir une image - Parce qu'un favicon est si petit, il peut être difficile de savoir quoi utiliser. Voici quelques idées courantes :
  
  • Ton logo (ou une partie)
  • Une version stylisée de la première lettre de ton nom d'entreprise.
  • Une icône qui communique ce que tu fais (par exemple, si tu diriges une entreprise de restauration, tu pourrais utiliser une cuillère ou une toque).
    
• Formatage de l'image - Il n'est pas surprenant que les favicons utilisent le format de fichier icône (.ico). Si tu n'as que des images .jpg ou .png, ne t'inquiète pas - il existe de nombreux services faciles et gratuits en ligne qui peuvent prendre tes images 16×16 et les convertir.

Nous aimons particulièrement favicon.ico pour sa facilité d'utilisation et sa simplicité : Il suffit de télécharger ton image, de choisir le type de fichier que tu veux, et de cliquer sur "créer un favicon". Rien de plus simple !

Comment créer un lien vers ton Favicon

Now that you’ve created a favicon, if you want it to show up in browsers, you need to tell them where to find it. To do so, add this line to the <head> section of your HTML:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

La plupart des favicons sont placés dans le répertoire racine (le répertoire qui contient la page d'accueil) ; cependant, l'emplacement n'est pas vraiment important tant que l'attribut href est exact. Il convient de noter que si le favicon est stocké dans le répertoire racine, certains navigateurs le trouveront et l'afficheront - même si tu ne le lies pas à ton HTML. Cela n'arrivera pas si tu la stockes ailleurs.

Comment définir un Favicon dans ton CMS

Suis ces guides pour ton CMS :

WordPress	Joomla
Drupal 8	Grav
Drupal 7	PrestaShop

Ajout d'un bouton "Retour en haut de page

Qu'est-ce qu'un bouton de retour en haut de page ?

Nous savons tous que le contenu est roi. Et de nombreux experts affirment que le contenu long (1 200 mots ou plus) t'aide à mieux te classer sur Google et à augmenter les conversions. Mais que se passe-t-il lorsqu'un lecteur s'enfonce dans ce blog de 1 500 mots et décide qu'il en a assez lu ?

Si nous savons quelque chose de l'internaute moyen, c'est qu'il est impatient. Il ne va pas prendre le temps de faire défiler la page jusqu'en haut pour trouver le menu de navigation - au lieu de cela, il va probablement cliquer sur le petit "x" en haut de la page et tout fermer.

Un bouton "Retour en haut" leur permet de cliquer sur le bouton et de revenir en haut de la page, sans défilement ni temps d'attente.

Ajout d'un bouton "Retour en haut de page

Il existe plusieurs plugins WordPress qui permettent d'ajouter un bouton "Retour en haut" à ton blog, notamment WPFont Scroll Top et Scroll Back to Top. Pour ajouter l'un de ces plugins, ou tout autre plugin "Back to Top", à ton site Web : va dans Plugins > Ajouter un nouveau. Recherche le nom du plugin, puis clique sur Installer et activer.

Une fois ton nouveau plugin activé, il t'amènera automatiquement à l'écran de configuration. Il y a plusieurs paramètres que tu peux personnaliser, mais l'un des plus importants est le choix de l'image que tu vas utiliser - tu trouveras cette option vers le bas de la page.

Une fois que tu as fini de choisir tes paramètres, rends-toi sur ton site Web pour tester ton nouveau bouton ! Tes visiteurs apprécieront l'amélioration de la convivialité de ton site et ton classement dans les moteurs de recherche le reflétera !

Mises à jour automatiques de WordPress

La sécurité de ton site Web est l'une des responsabilités les plus importantes lorsqu'on possède une entreprise. Il est impératif que tu gardes ton site Web et ses mesures de sécurité à jour car les types d'attaques changent constamment. 

Pourquoi mettre à jour ?

Garde toujours ton site WordPress à jour. C'est important pour la sécurité, et les mises à jour ajoutent de nouvelles fonctionnalités qui te facilitent la tâche, augmentent la vitesse et l'efficacité, et corrigent les bugs. Les versions mineures, qui font partie de la fonction de mise à jour de base, font automatiquement partie de WordPress 3.7 et des versions ultérieures. Les versions mineures couvrent la sécurité et les corrections de bogues.

Risques des mises à jour automatiques

Quels sont les risques liés aux mises à jour automatiques ? Tu peux courir le risque d'une incompatibilité, surtout si tu as adapté des plugins ou des thèmes originaux à tes besoins. Savais-tu que les hébergeurs WordPress mettent automatiquement à jour ton site avec les versions majeures, tout en surveillant ton site pour s'assurer que rien ne se brise ? C'est un avantage considérable.

Alors, comment mettre à jour ton site sans en affecter les fonctionnalités ? Une stratégie de mise à jour bien conçue se concentrera sur ces domaines :

• Vulnérabilités critiques en matière de sécurité.
• Mises à jour du système d'exploitation.
• Les mises à jour qui peuvent être facilement ramenées à une version antérieure.

Les mises à jour manuelles, en revanche, doivent être réservées aux :

• Mises à jour non critiques.
• Mises à jour des systèmes à fort trafic.
• Mises à jour des micrologiciels, des commutateurs de réseau et d'autres éléments qui ne peuvent pas être mis à jour d'une autre manière.

Pour les mises à jour manuelles, il est préférable de créer un bac à sable et de traiter tes modifications dans un environnement plus sûr. De cette façon, tu peux pousser les changements en cliquant sur un bouton, et voir un impact minimal sur ton site en direct.