Formation wordpress

1. Délégation Académique au Numérique Éducatif – DANE Octobre 2020
Formation « webmestre » express
pierre.pecorella@ac-nantes.fr
e-lyco
Gestion du site public

2. 2 /25
 Objectifs
 Droits des comptes
fonctionnels
 La page d’accueil publique
 Accéder àWordPress :
administration, édition du
site public
 Les contenus : bilan
 Préparer des contenus
 Préparer des médias
 Utiliser les modules ajoutés à
WordPress
 Fonctionnalités avancées
▼Sommaire

3. 3 /25
 Concepts de la publication web, prise en main des
outils de publication
> débuter avecWordPress
 Rendre accessible l’information
 Mettre en forme l’information
 Faire participer des rédacteurs
▼Objectifs
Infos
Administration-
édition
Création Enrichir

4. 4 /25
▼Droits des comptes fonctionnels
Infos
Administration-
édition
Création Enrichir

5. 5 /25
 Informations
indispensables /
stables
 Contact, Présentation
de l’établissement, …
 Informations variables
 Actualités
 Évènements (Agenda)
 Un « Menu »
▼La page d’accueil publique
Infos
Administration-
édition
Création Enrichir

6. 6 /25
 Liens du site / doublon par rapport au « Menu »
 En-tête et pied de page : ne pas modifier
▼La page d’accueil publique-2
Infos
Administration-
édition
Création Enrichir

7. 7 /25
◼Pour s’identifier sur le site public (WordPress)
▼Accéder à WordPress : administration,
édition du site public
Infos
Administration-
édition
Création Enrichir
Ajouter /wp-login.php au bout de l’adresse
du site public

8. 8 /25
CTRL + clic pour
ouvrir la page
d’accueil dans un
autre onglet du
navigateur
Statistiques : à
consulter par les
webmestres pour
« connaitre » les
visiteurs
 Le « back-office » deWordPress
 L’interface
Menu horizontal : survoler pour dérouler
Menu vertical (à gauche) : survoler / cliquer (Fiche WP01)
▼ Accéder àWordPress : administration,
édition du site public-2
Infos
Administration-
édition
Création Enrichir

9. 9 /25
 Le « back-office » deWordPress
 Suppressions articles, pages obsolètes et brouillons
inutiles
 Préparer le travail
Articles > Catégories : suppression / création
possibilité de sous-catégories (fiche WP07)
Médias : nombreux…
▼ Accéder àWordPress : administration,
édition du site public - 3
Infos
Administration-
édition
Création Enrichir

10. 10 /252
13
 Le « back-office » deWordPress
 Le générateur Divi
(article, page, …)
Gestion de modèles (création, importation)
Partages « Portabilité » (1) : fichier json qui peut être échangé
entre webmestres (exportation / importation)
Sauvegarde(s) de la page d’accueil ou autres « Enregistrer
dans la bibliothèque » (2)
Utilisation d’un modèle dans un article ou page « Charger
depuis la bibliothèque » (3)
▼ Accéder àWordPress : administration,
édition du site public - 4

11. 11 /25
 Le « back-office » de
WordPress
▼ Accéder à WordPress : administration,
édition du site public – 5
Infos
Administration-
édition
Création Enrichir
Avec le « Visual Builder »
construire en front

12. 12 /25
 Sections / Lignes /
Colonnes (code couleur)
▼ Accéder à WordPress : administration,
édition du site public – 6
Infos
Administration-
édition
Création Enrichir

13. 13 /25
 Le « back-office » deWordPress
▼ Accéder à WordPress : administration,
édition du site public – 4
Infos
Administration-
édition
Création Enrichir
Sans le « Visual Builder »

14. 14 /25
 Les modules Divi
 Les principaux :Texte,
Image, Diapo, Blog
 D’autres utiles :
Accordéon,Appel
d’action, Galerie,Vidéo
 Nommage de chaque
module possible
(indispensable)
▼ Accéder à WordPress : administration,
édition du site public – 7
Infos
Administration-
édition
Création Enrichir

15. 15 /25
 L’article (ficheWP07)
 Contenu informatif temporaire = actualité
 Classement dans des catégories
 Exemples : rentrée, bourses, portes ouvertes, …
 La page
 Contenu informatif permanent
 Élément de niveau 1 du « Menu »
 Classement en arborescence, notion « parent/enfant »
 Exemples : mot du CE, têtes de contenus, contact, …
 L’évènement
 Contenu lié au bloc Agenda avec un début et une fin
 Catégorisation possible
 Le média
▼Les contenus : bilan
Infos
Administration-
édition
Création Enrichir

16. 16 /25
 Chaque contenu : articles ou pages
 Un état : publié, en attente de relecture, brouillon
 Une visibilité : public, protégé par mot de passe, privé
 Ajout possible au « Menu »
 Révisions : historique des 12 dernières mises à jour
▼Les contenus : bilan – 2
Infos
Administration-
édition
Création Enrichir

17. 17 /25
 Le « back-office » deWordPress
 Les menus (au sensWordPress)
Apparence > Menus
Menu principal (fichesWP05 etWP06 + éventuellement fiche
WP07 pour les catégories d’articles)
Menu secondaire  ne pas toucher…
▼ Accéder àWordPress : administration, édition
du site public - 8
Infos
Administration-
édition
Création Enrichir

18. 18 /25
 Le « back-office » deWordPress
 Les menus (au sensWordPress)
Apparence >Widgets
Barre latérale (Navigation,
Actualités) : apparait à gauche lors
de l’affichage d’un contenu,
alimentation automatique
Ne pas toucher les autres…
▼ Accéder àWordPress : administration, édition
du site public - 9
Infos
Administration-
édition
Création Enrichir

19. 19 /25
 Mettre en page de l’information
 Structurer l’information pour donner de la lisibilité
Largeur variable : e-lyco « responsive » (adaptation du
contenu à la largeur disponible donc aux différents
terminaux)
Quelques éléments types conseillés / indispensables :
L’accroche : titre, résumé (extrait), image mise en avant
▼Préparer des contenus - 1
Infos
Administration-
édition
Création Enrichir

20. 20 /25
Le contenu :
 puces
 hiérarchisation du texte (titre, sous titre) : les
formats
 le blanc, paragraphe vide (Entrée)
 passage à la ligne dans un paragraphe
(Maj+Entrée)
 lire la suite… : pour n’afficher que le début
▼Préparer des contenus - 2
Infos
Administration-
édition
Création Enrichir
1
2
3
2
1
3

21. 21 /25
 Mettre en forme l’information
 Donner du sens aux enrichissements typographiques
Le gras (mise en valeur d’un élément)
Remarques :
• le souligné est à éviter car trop proche des liens
• l’italique est à éviter car non inclusif
 Donner de la lisibilité par des choix graphiques
Contraste et couleurs (penser aux déficiences visuelles, aux
couleurs déjà présentes dans la charte du portail)
Polices de caractères (penser à l’adaptabilité à tous les supports)
Référentiel Général d’accessibilité pour les administrations (
RGAA) : s’applique aux établissements.
▼Préparer des contenus - 3
Infos
Administration-
édition
Création Enrichir

22. 22 /25
 Pour des textes destinés à un public et devant être lus à
l'écran, il est indispensable de respecter :
 les règles usuelles du français : orthographe, grammaire,
syntaxe, ponctuation et toutes les conventions d'écriture
règles concernant la ponctuation, une bonne lecture
Article sur la ponctuation sur le site wikipédia
conventions typographiques, une lecture ardue
Article sur les conventions typographiques sur Wikipédia
table des caractères : insérer un caractère spécial
correcteur orthographe (lié au navigateur) : Clic D
▼Préparer des contenus - 4
Infos
Administration-
édition
Création Enrichir

23. 23 /25
 Des contraintes
 Les formats conseillés
Images : GIF, JPEG et PNG
Audio : MP3, Ogg
Vidéos : MP4,WebM
 Les dimensions
Selon la zone à remplir
Tenir compte du terminal (largeur disponible)
 Les quotas
Taille d'un fichier (média) : max. 20 Mo
… Mais tenir compte du visiteur
 Possibilité d'incorporer des médias externes
 vidéo sur Médiacad copier l’iframe dans l’onget texte
▼Préparer des médias
Infos
Administration-
édition
Création Enrichir

24. 24 /25
Infos
Administration-
édition
Création Enrichir
 Des fonctionnalités supplémentaires grâce à des
plugins :
 Insérer un flux RSS avec Feedzy Lite
(ficheWP09)
 Intégrer un pdf en pleine page avec PDF Embedder
(ficheWP10)
 Intégrer une carte avec Leaflet Map
(ficheWP11)
 Intégrer un tableau
▼Utiliser les modules ajoutés à WordPress

25. 25 /25
 Des fonctionnalités supplémentaires à disposition
 Augmenter les possibilités grâce aux shortcodes (fiche
WP13)
Construire des shortcodes pour augmenter les possibilités
d'affichage des contenus (articles, pages, évènements,
...).
 Gérer les utilisateurs du site public (ficheWP15)
Gérer les comptes éditeurs et auteurs du site public.
 Construire un module valable globalement (WP16)
Construire un module qui sera utilisé dans plusieurs pages
ou articles.
▼Fonctionnalités avancées
Infos
Administration-
édition
Création Enrichir

26. 26 /25
▼Pratique
Blog
Blog