• 15 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 11/03/2024

Personnalisez l’apparence du site grâce au customizer

Accédez au customizer et ajoutez votre logo

Pour modifier l’apparence de son site WordPress, il y a depuis quelques années un outil très pratique, le customizer. Pour l’utiliser, rendez-vous dans Apparence >> Personnaliser.

La page se compose de deux sections : une colonne de gauche présentant les différentes options modifiables, et une zone de prévisualisation à droite permettant aussi de modifier directement certains éléments en cliquant sur l’icône crayon sur fond bleu.

Ajoutez votre logo

  • Cliquez sur "Identité du site” dans la colonne de gauche.

  • Cliquez sur "Sélectionnez un logo” et sélectionnez une image sur votre poste de travail.

  • L’image est visible à gauche du titre !

Ajoutez un favicon

Le favicon est la petite icône visible dans l’onglet de votre navigateur à gauche du nom de la page courante. Il est important de la personnaliser pour permettre aux utilisateurs de facilement identifier votre site parmi les onglets ouverts. WordPress permet de la personnaliser facilement, ainsi que les icônes de favoris qui apparaîtront sur mobile, etc., depuis le customizer.

Ajouter un favicon
Ajouter un favicon

Pour cela, cliquez sur “Sélectionnez une image” sous le titre “Icône du site” (la traduction de favicon), et sélectionnez une image sur votre poste de travail. Comme indiqué, cette image devrait idéalement faire 512 px sur 512 px. Préférez une image très simple sur fond transparent pour qu’elle soit lisible lorsqu’elle est affichée en très petit dans l’onglet.

Modifiez les options d’apparence du thème

Pour revenir à la liste des options, cliquez sur la petite flèche pointant à gauche à côté de “Identité du site”. Nous allons maintenant nous attaquer aux options du customizer qui sont liées au thème WordPress installé.

Comme nous l’avons vu précédemment, le thème actuellement utilisé est le thème Twenty Seventeen. Nous verrons plus tard que, lorsque nous changerons de thème, les options décrites ci-dessous seront remplacées par des options bien plus complètes pour personnaliser l’apparence du thème.

Couleurs

Pour commencer, cliquez sur “Couleurs” dans la colonne de gauche. Vous aurez le choix entre différents “jeux de couleurs” : clair, foncé et personnalisé. Cliquez sur le bouton radio “foncé” et vous constaterez que l’arrière-plan de votre site passe instantanément de blanc à noir !

Options du thème

Revenez à la liste des options en cliquant sur la flèche de gauche en haut de la colonne et sélectionnez maintenant “Options du thème”. Comme leur nom l’indique, les options proposées ici dépendent du thème utilisé. Vous pouvez voir que Twenty Seventeen propose des options relatives :

  • à la mise en page du site (1 ou 2 colonnes) ;

  • au contenu affiché dans les différentes sections de la page d’accueil.

Comme évoqué, nous allons changer de thème dans la suite du cours, il n’y a donc pas lieu de s’attarder sur ces options. N’hésitez cependant pas à jouer avec !

En résumé

  • L’apparence générale du site (logo, favicon, couleurs, mise en page…) se personnalise grâce au “customizer” dans “Apparence >> Personnaliser”.

  • Le customizer permet de prévisualiser instantanément les modifications effectuées.

  • Certaines options sont communes quel que soit le thème choisi, d’autres dépendent de ce dernier.

Voilà, nous avons fini notre tour d’horizon de l’interface d’administration WordPress. Nous allons maintenant pouvoir nous lancer dans notre projet de site ! 

Exemple de certificat de réussite
Exemple de certificat de réussite