• 15 heures
  • Facile

Ce cours est visible gratuitement en ligne.

Ce cours existe en livre papier.

Vous pouvez obtenir un certificat de réussite à l'issue de ce cours.

Vous pouvez être accompagné et mentoré par un professeur particulier par visioconférence sur ce cours.

J'ai tout compris !

Mis à jour le 13/03/2018

Modifier l'apparence

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

L'identité de votre site passe avant tout par le thème graphique, c'est-à-dire l'ensemble des caractéristiques visuelles de votre site, comme les couleurs, la taille des textes, les images de fond ou la disposition des blocs sur la page. Lorsque vous avez installé WordPress, vous n’avez pas eu la possibilité de choisir le thème graphique utilisé, et pour cause : il est installé par défaut et c’est ensuite à vous d’en trouver un autre et de le changer si vous le voulez. Voyons tout de suite comment procéder.

Changer de thème

Le choix d'un thème se fait lui aussi dans l'interface d'administration, on y accède par le menu « Apparence > Thèmes ». Ici vous aurez probablement un ou deux thèmes préinstallés et que vous pouvez activer ou désactiver à loisir (voir la figure suivante).

Liste des thèmes installés
Liste des thèmes installés

Essayons de modifier le thème actuellement utilisé (ici, « Twenty Thirteen ») par le thème « Twenty Twelve ». Cliquez sur le lien « Activer », puis rafraîchissez votre site : la nouvelle apparence est d'ores et déjà mise en place, il n'y a rien de plus à faire (voir la figure suivante) !

Le thème actif a été modifié
Le thème actif a été modifié

Et si je veux essayer de nouveaux thèmes non fournis avec WordPress ?

Il est en effet possible d'installer des thèmes créés par la communauté de diverses façons : en utilisant l'interface d'administration ou en téléchargeant les fichiers vous-même.

Ajouter un thème via l'administration

Pour ajouter un thème directement depuis l'interface, choisissez l'onglet « Installer des thèmes » en haut de la page de sélection des thèmes. Ici, vous pouvez rechercher des thèmes par mots-clés, envoyer un fichier .zip contenant un thème préalablement téléchargé, ou encore parcourir les derniers thèmes ajoutés par les créateurs (voir la figure suivante).

Nouveau thème à télécharger
Nouveau thème à télécharger

Lorsque vous parcourez une galerie de thèmes (c'est-à-dire en faisant une recherche ou en parcourant les derniers thèmes mis à jour) vous avez la possibilité d'avoir un aperçu du résultat final du thème par le lien « Aperçu » en dessous de chaque miniature. En cliquant sur le bouton « Installer maintenant », WordPress va télécharger automatiquement le thème demandé et celui-ci sera ensuite disponible dans la liste des thèmes.

Utiliser un thème téléchargé

Dans le cas où vous auriez téléchargé un thème séparément, par un exemple directement sur wordpress.org ou sur un site proposant des thèmes WordPress, vous pouvez installer ce thème manuellement en plaçant les fichiers dans l'arborescence du CMS.

Essayez pour l'exemple d'installer le thème expound proposé sur le site officiel de Wordpress, dans l'onglet « Themes ». Décompressez le fichier .zip récupéré et placez le dossier expound dans le répertoire wordpress/wp-content/themes/ de votre installation. Si vous affichez à nouveau la liste des thèmes dans l'interface d'administration, Expound est maintenant sélectionnable pour une utilisation sur votre site (voir la figure suivante) !

Les thèmes peuvent être installés manuellement
Les thèmes peuvent être installés manuellement

Ajouter des widgets

Les widgets (ou composant d'interface graphique en français) sont des petits blocs à ajouter sur les pages de votre site. Ils fournissent une information ou une fonctionnalité spécifique aux visiteurs. Par exemple, il peut s'agir de l'heure, d'un calendrier, du bulletin météo, de mini-jeux… C'est un moyen simple de rajouter du contenu dynamique, toujours sans avoir besoin de modifier le code du site.

Placer un nouveau widget

Dans le menu Apparence > Widgets, on retrouve au centre de la page l'ensemble de tous les widgets disponibles sur le site, et sur la droite, les différentes zones de votre thème pouvant contenir lesdits widgets. En effet, les widgets ne peuvent pas être placés n'importe où dans une page, ils ont besoin qu'une (ou plusieurs) zone du thème graphique utilisé soit conçue pour en recevoir. Par défaut, WordPress a un certain nombre de widgets livrés sans que vous ayez besoin de les installer. Il est néanmoins toujours possible d'en rajouter au travers de plugins, que nous verrons plus tard comment récupérer.

Pour ajouter un widget dans une zone spécifique du site (qui est déterminée par le thème utilisé), il vous suffit de le glisser-déposer de la zone centrale vers la « Zone principale » (ce nom peut varier en fonction du thème utilisé) sur la droite. Ajoutons par exemple le widget « Nuage de mots-clés » par cette méthode (voir la figure suivante).

Assigner le widget à une zone spécifique
Assigner le widget à une zone spécifique

Une fois qu'un widget est placé dans une zone de widgets, vous pouvez éditer ses propriétés, qui déterminent son comportement sur les pages de votre site. Ajoutons donc le titre « Mots-clés » et choisissons la taxinomie « Mots-clés », qui permet d'afficher une courte liste des mots-clés les plus utilisés pour marquer les articles que vous avez publiés. L'autre option, « Catégories », propose le même affichage mais pour les catégories d'articles. Cliquez donc sur « Enregistrer », puis rafraîchissez la page d'accueil du site ; le nouveau widget doit apparaître dans la zone choisie (avec le thème « Twenty Thirteen » et la zone « Principale », ce sera le pied-de-page), à coté de ceux déjà présents (voir la figure suivante).

Le pied de page affiche le widget fraichement ajouté
Le pied de page affiche le widget fraichement ajouté

Désactiver un widget

Pour retirer un widget, rien de plus simple : il suffit de cliquer sur le lien « Supprimer ». Cela retirera le widget de la zone dans laquelle il se trouvait et supprimera les réglages appliqués (voir la figure suivante).

Suppression du widget
Suppression du widget

En revanche, vous pouvez aussi choisir de ne plus afficher un widget, tout en conservant les options que vous aviez choisies, comme le titre par exemple. Pour cela, vous pouvez déplacer le widget en question dans la zone « Widgets désactivés » située en bas de la page de gestion des widgets. Vous pourrez alors replacer le widget sur votre site plus tard avec les mêmes réglages.

  • L'apparence du site est déterminée par le thème choisi.

  • De nouveaux thèmes peuvent être téléchargés depuis la bibliothèque officielle.

  • Les widgets offrent des fonctionnalités supplémentaires dans les zones périphériques de chaque page.

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