Débuter avec WordPress

Editer un site WordPress sur l'hébergement web du Ci

La structure de ce document est basée sur celle du cours "Sites web avec WordPress" régulièrement organisé par le Ci. Ce cours présente la création d'un site avec plusieurs pages et articles en partant d'un site vide comportant uniquement une page d'accueil, semblable aux sites WordPress nouvellement ouverts sur nos serveurs.

Si vous devez reprendre la gestion d'un site WordPress déjà existant et hébergé sur nos serveurs, vous pouvez consulter directement les chapitres qui vous intéressent sans lire tout le document d'un bout à l'autre.

En complément, vous trouverez également d'autres modes d'emploi dans notre rubrique Documentation publique WordPress.

Sommaire:

  1. L'interface d'administration
  2. Un site avec des pages
  3. Le menu de navigation
  4. Un blog avec des articles
  5. Les widgets
  6. Gestion de fichiers (images et PDF)
  7. Réglages généraux
  8. Les extensions
  9. Aide

1. L'interface d'administration

Débuter l'édition du site

image-1602778233037.png

  1. aller à l'adresse de connexion: ajouter /login ou /admin à l'adresse de la page d'accueil du site, par exemple https://adresse_du_site/login ou https://adresse_du_site/admin
  2. s'identifier: nom d'utilisateur + mot de passe
  3. arrivée sur le tableau de bord de l'interface d'édition :
    • Articles pour créer ou modifier un article
    • Pages pour créer ou modifier une page

Mode édition et mode affichage

Passer de l'édition à l'affichage du site avec la barre d'outils :
la barre d'outils permet de passer de l'édition du site à l'affichage et inversément

image-1602778344934.png

en édition d'une page, prévisualisation ou sauvegarde + affichage:

image-1602778403224.png

A partir de WordPress 5.4, l'éditeur de blocs s’affiche désormais par défaut en mode plein écran. On peut cependant modifier ce réglage si on préfère l’ancienne présentation avec colonne latérale et barre d’outils supérieure (une opération à répéter si un jour vous effacez vos cookies)

image-1587051201848.png

Premier réglage: modifier le titre et le sous-titre du site

Pour modifier le titre et le sous-titre du site qui apparaissent dans le bandeau d'en-tête, il faut passer par l'interface de personnalisation :

  1. Apparence > Personnaliser > Identité du site
  2. modifier le titre du site et le slogan (=sous-titre), vérifier visuellement
  3. enregistrer, puis quitter l'interface de personnalisation

image-1583510140014.png

2. Un site avec des pages

Les pages sont accessibles par le menu principal

image-1587130533116.png

Créer des pages

  1. Pages > Ajouter
  2. titre de la page
  3. texte de la page
  4. enregistrer comme brouillon ou publier

image-1583510646304.png

Modifier une page publiée

  1. Pages > Modifier
  2. modifier le contenu
  3. mettre à jour pour publier les modifications

image-1583511344389.png

Edition du contenu

L'emploi detaillé de l'éditeur (mise en forme, mise en page, passer de l'ancien éditeur au nouveau, etc.) fait l'objet d'un document séparé: L'éditeur de WordPress

3. Le menu de navigation

Le menu de navigation dans le site offre plusieurs options intéressantes. Par contre, il est seulement "semi-automatisé" : il ne s'actualise pas toujours automatiquement à chaque création ou suppression de page, et il faut donc parfois le mettre à jour manuellement. La gestion du menu peut s'effectuer:

  • soit dans l'interface classique (avantage: meilleure vue d'ensemble) => image ci-dessous
  • soit dans l'interface de personnalisation (avantage: prévisualisation) => Apparence > Personnaliser > Menus

image-1587123548216.png

Par défaut, pour tous les site nouvellement ouverts sur les serveurs du Ci, un menu a été créé.

Documentation sur le site officiel WordPress : https://wordpress.org/support/article/appearance-menus-screen/

4. Un blog avec des articles

Quand les articles sont affichés sous forme de liste (sur la page d'accueil ou sur une autre page) :

  1. les plus récents sont en premier

  2. si un article est long, une option permet de n'afficher que son début, avec un lien "lire la suite"

Créer des articles

  1. Articles > Ajouter
  2. titre de l'article
  3. texte de l'article
  4. enregistrer comme brouillon ou publier

Catégories

Tout article créé est automatiquement rattachàé à une catégorie par défaut. Si vous créez beaucoup d'articles, il est conseillé de créer plusieurs catégories qui permettront de classer ces articles par thèmes.

image-1587128629382.png

Discussion

Pendant longtemps, la fonctionnalité "Commentaires" a constitué une partie importante dans la vie des blogs. Actuellement, les commentaires dans les blogs ont été en grande partie remplacés par les échanges sur les réseaux sociaux.

Par défaut, pour tous les site nouvellement ouverts sur les serveurs du Ci, les commentaires sont désactivés. Il reste possible de les activer, soit pour l'ensemble du site ou du blog, soit pour un article en particulier.

Dans les réglages (Réglages > Discussion), plusieurs garde-fous sont disponibles pour limiter le risque élevé de spam. Malgré cela, en complément, il faut toujours activer l'extension anti-spam Akismet si on autorise les commentaires !

5. Les widgets

Les widgets sont des éléments qui permettent d'afficher certaines informations sur une ou plusieurs pages du site, voir même sur toutes les pages. Parmi les éléments proposés comme widgets, on trouve par exemple:

  • des listes d'articles (articles récents, ou archives par mois ou par catégorie)
  • des blocs de texte (adresse de contact etc.)
  • des logos (de l'institution qui publie le site, de ses partenaires).

Autrefois la plupart des thèmes WordPress proposaient une colonne latérale à droite du contenu (la sidebar) pour afficher des widgets identiques sur toutes les pages du site. Progressivement des zones d'affichage de widgets sont également apparues dans le pied de page de nombreux thèmes. La plupart des thèmes récents proposent actuellement des zones de widgets uniquement dans le pied de page, et ne proposent plus de colonne latérale.

image-1587129822651.png

En complément, l'éditeur de blocs permet d'afficher certains widgets directement dans la zone de contenu des pages, uniquement sur les pages où on les appelle, et non plus dans seulement dans un pied de page identique sur toutes les pages du site.

6. Gestion de fichiers (images et PDF)

Formats, taille et noms de fichiers

Formats de fichiers autorisés pour les images: jpg (photos) et gif ou png (logos ou schémas).

Les noms de fichiers doivent:

  • éviter les accents et les caractères spéciaux ("-" et "_" sont autorisés).
  • être suivis d'une extension 
 (bilan.pdf, photo.jpg, etc.) ; elle n'est souvent pas visible par défaut sur macOS ou Windows, mais elle est visible quand le fichier est sur le serveur

Sur nos serveurs, l'espace disponible pour les fichiers est limité 
=> surveiller son utilisation:
ne pas conserver de fichiers à double, à triple, etc. Si nécessaire, cet espace peut être augmenté sur demande justifiée au helpdesk.

image-1587051788898.png

Les fichiers volumineux (> 30 MB, par ex. vidéos) doivent être stockés sur d'autres serveurs, et appelés ensuite depuis votre site.

Les tailles d'images dans WordPress

Si on insère dans une page WordPress une image plus grande que nécessaire, WordPress va automatiquement en générer une version plus petite, adaptée à la taille de la colonne de contenu dans laquelle on effectue l'insertion.

Insérer un document PDF

image-1587133021018.png

7. Réglages généraux

En plus du réglage du titre + sous-titre du site (chapitre 1), d'autres réglages ont leur importance dans la gestion d'ensemble du site.

Réglage en mode "site" ou "blog"

On peut définir si la page d'accueil doit afficher une page de contenu (=mode site) ou les articles les plus récents (=mode blog).

image-1587053028670.png

Gestion des droits d'édition

Voir la page Gestion des droits d'édition dans WordPress pour savoir commant ajouter ou supprimer des droits d'édition du site pour d'autres personnes.

Langue du site

Il est possible de changer la langue du site. Dans ce cas, les intitulés gérés par le système sont traduits automatiquement (par exemple dans les articles les dates de publications apparaissent en anglais plutôt qu'en français, les liens "lire la suite" se transforment en "read more", etc.). La langue de l'interface d'administration change également.

image-1587050737553.png

Pour réaliser un site multilingue, le changemen de langue ne suffit pas => il faut demander au helpdesk l'activation de l'extension WPML.

Changer de thème

Le changement de thème permet de modifier la présentation du site. Cette opération est réversible. Pour cela, aller sous Apparence > Thèmes.

Tous les thèmes ne proposent pas les mêmes options. Tous les thèmes ne sont pas adaptables à tous les types de sites. Par exemple, certains thèmes sont spécialisés: pour un blog, un magazine, un portfolio, etc.

Lors d'un changement de thème, il faut parfois paramétrer à nouveau l'affichage de certains éléments: en-tête, menu de navigation, widgets, etc.

8. Les extensions

Les extensions permettent d'ajouter des fonctionnalités supplémentaires à un site WordPress. Cependant beaucoup d'extensions

  • ne sont pas mises à jour régulièrement
  • ne sont pas compatibles entre elles
  • ne sont pas conçues pour une installation multisite comme la nôtre
  • ou posent des problèmes de sécurité, de stabilité et de performance.

Seules les extensions disponibles sur nos serveurs sont disponibles pour réaliser votre site. Vous n’avez pas la possibilité d’en installer d’autres par vous-même. La liste des extensions à disposition sur nos serveurs est consultable sur https://wiki.unil.ch/ci/books/sites-web/page/extensions-sur-nos-serveurs-wordpress

image-1587049185405.png

Certaines extensions nécessitant un paramétrage préalable des administrateurs du serveur sont activables sur demande (exemple: WPML pour les sites multilingues).

Nous ne pouvons fournir aucune garantie de fonctionnement ou de disponibilité dans le long terme pour les extensions mises à disposition. Il se peut que leurs auteurs cessent de les mettre à jour dans le futur, et que nous soyons contraints de les retirer de nos serveurs.

9. Aide

Pour toute question relative aux sites web, contacter le helpdesk du Ci par email à helpdesk@unil.ch .
En cas de problème, merci de le décrire aussi précisément que possible, avec adresse de la page, capture d’écran, etc.

Documentation à l'UNIL

Documentation hors UNIL