Aller au contenu

Personnaliser son site Wordpress

Ce tutoriel s'adresse aux personnes qui utilisent Wordpress pour l'édition, et qui souhaitent en savoir plus sur la personnalisation du site.

Licence : CC-0

Au sommaire :

  • Rubriques tableau de bord : ‘Apparence’, ‘Réglages’, ‘contacts’, ‘commentaires’
  • Modifications / créations de menus
  • Modification des pieds-de-page, en-têtes, colonnes latérales
  • Fonctionnement des thèmes

Les rubriques du tableau de bord

  • Articles
  • Media
  • Pages
  • Commentaires
  • … autres types d'objets disponibles grâce aux plugins
  • Apparence
    • Thèmes → choisir un thème
    • Personnaliser → le personnaliser
    • Widgets → placer des blocs dans le pied de page ou la barre latérale
    • Menus → gérer les menus
    • Arrière-plan → modifier l'arrière-plan
    • Éditeur de thème → édition avancée du thème (attention zone dangereuse)
  • Extensions
  • Utilisateurs
  • Outils
  • Réglages
    • réglages généraux du site
    • réglages de certains plugins
  • Panneaux spécifiques à des plugins

Gestion des menus

Par défaut, le menu principal est constitué des pages parentes. On peut le remplacer par un menu configuré par nos soins, et ajouter d'autres menus à d'autres endroits du site.

Apparence > Menus

Démo : créer le menu principal

Renseigner le nom du menu, par exemple menu principal, puis cliquer sur "créer le menu".

Les éléments à gauche permettent d'ajouter des contenus dans le menu. On peut ajouter des pages, des articles, des catégories ou des liens personnalisés.

À droite on gère l'organisation du menu lui-même, et la hiérarchie des entrées de menus les unes par rapport aux autres.

Pour chaque entrée de menu, on peut modifier le nom affiché.

Emplacements des menus

Pour afficher le menu dans la partie visible, il faut spécifier à quel endroit on souhaite placer le menu. Le choix est dépendant du thème activé.

Démonstration : Faire une démo des éléments en lien avec les menus.

Démo 2: créer d'autres menus - pour les réseaux sociaux - pour le mobile - pied de page

Conclusion : nous avons créé des menus, qui peuvent des entrées vers des pages, des articles, des catégories ou des liens (internes ou externes). On peut avoir des sous-menus, modifier le titre des entrées de menus. On peut placer des menus à différents endroit de la page selon le thème activé.

Intégrer des Widgets

Chaque bloc situé à droite ou en pied de page est un widget.

Chaque widget est un "conteneur de contenus indépendants". Ils permettent de mettre en avant des informations spécifiques et/ou des options à destination des visiteurs du site.

Exemples : - un bloc de recherche - articles récents - commentaires récents - archives - catégories - méta

Apparence > Widgets

Sur le thème twentytwenty seuls deux emplacements sont disponibles

  • Pied de page #1
  • Pied de page #2

Comme nous pour les menus, l'emplacement des widgets dépend du thème activé.

Démo : ajouter des widgets en pied de page

  • une vidéo youtube
  • une liste des articles récents
  • un calendrier

Il existe un certain nombre de wigdets disponibles par défaut dans WP. La liste des widgets disponibles dépend du thème activé mais aussi des plugins installés.

Ajouter un thème à son site

Apparence > Thèmes

Il y a 3 thèmes par défaut, le nom de chaque thème correspond à l'année de sortie du thème.

Remarque : il y a une différence entre un thème installé et un thème activé.

Démonstration : activer un autre thème et l'activer

Constater que les widgets et leurs emplacements ont changé avec le thème, ainsi que pour les emplacements de menus.

En principe tous les thèmes WP sont Responsive.

Démontration : Réduire la taille des fenêtres pour voir les effets.

Les thèmes ne changent pas le contenu, mais le look du site.

Personaliser un thème

Il est possible de personnaliser la présentation du thème activé.

Démo : Personnaliser un thème

  • ajouter une icone au site web
  • modifier les couleurs
  • de placer une images d'en-tête
  • une image d'arrière plan
  • Les menus (identique à la section menus du tableau de bord)
  • Les widgets (idem)
  • choisir le type de la page d'accueil (page spécifique plûtot que la liste des articles)

Ajouter un nouveau thème

Il est possible d'ajouter des nouveaux thèmes.

Apparence > Thèmes → cliquer sur Ajouter un nouveau

Bibliothèque de thèmes très fournie, fonctions de filtrage des thèmes.

Démo : visualiser les thèmes, les filtrer selon quelques critères

Remarque : Plus un thème est populaire, plus il est maintenu et facile à mettre en oeuvre.

Il est conseillé de naviguer pour trouver son thème, qui dépend du type de contenu. Il faut faire des essais...

Démo : ajouter le thème Sparkling

Éditeur de thème

Il est possible de modifier les fichiers du thème, mais ce n'est pas conseillé par ce biais. Il vaut mieux prévoir un thème-enfant pour pouvoir le faire, ainsi les modifications ne seront pas écrasées à la mise à jour suivante.

On pourra voir ça dans une autre session, mais c'est plus du développement.