A – Tutoriels en vidéos :
01 – Optimiser une photo – dimensions et poids (compression) – 1 min 58
→ Depuis décembre 2016, pour la « Photo du jour », il n’est plus nécessaire de réduire et taille et compresser le poids de cette dernière, cela se fait automatiquement en envoyant sur le site la photo originale. Cette photo doit faire au minimum 2076 pixels de largeur et d’avoir un poids inférieur à 8 Mo.
Exemple : une photo de 4000 pixels de large par 2248 pixels de haut (format 16:9) pesant 3,91 Mo envoyée sur le site sera automatiquement redimensionnée à 2076 pixels de large par 1167 pixels de haut et ne pèsera plus que 363 Ko (soit 0,36 Mo au lieu de 3,91 Mo).
→ Si besoin : pour les photos inférieures à 2076 pixels de large, voici le lien vers la version française du site Web Resizer, utilisé dans la vidéo.
→ Si besoin : lien vers un autre site de compression du poids des photos : tinypng
02 – Actualiser la photo du jour en page « Accueil » – 4 min 39
Voir aussi plus bas, les PDF n° A10 et A11 pour savoir comment publier la photo du jour sur Facebook.
03 – Ajouter la photo du jour à la série des photos de l’année – 3 min 54
→ En début d’année, pour savoir comment mettre en ligne la première « photo du jour » : voir également plus bas, le PDF n° A09
04 – Redimensionner et alléger une photo – 3 min 13
→ même procédure que le n° 01, mais pour les photos d’articles qui doivent faire 500 pixels de hauteur
05 – Les articles et les catégories d’articles – 3 min 08
06 – Les médias – 1 min 41
07 – Les pages – 1 min 14
08 – Le menu de gauche – 2 min 55
09 – Les mises à jour dans WordPress – 1 min 35
10 – Déplacement des Brèves de l’année écoulée (vidéo supprimée). → Voir le tutoriel A13 en PDF, ci-dessous
11 – Comment publier un article dans la catégorie « C’est pour demain » – 4 min 34
12 – Ajouter un dessin (ou une photo) dans un article – 5 min 37
13 – Comment ajouter une photo VERTICALE dans un article pour qu’elle soit prise en compte par Facebook – 3 min
14 – Insérer un lien vers un fichier PDF – 2 min 51
15 – Mettre à jour WordPress – 5 min 37
→ Ne peut se faire que lorsque l’on est connecté en tant qu’administrateur du site
16 – Ajouter une page (créer une nouvelle page et l’ajouter au menu du site) – 4 min 09
17 – Insérer un lien internet vers un site extérieur – 4 min 22
B – Schémas en PDF :
A01 – Codes pour nommer les photos et les fichiers pdf ← A LIRE EN PRIORITÉ
→ Mise à jour décembre 2016 : il n’est plus nécessaire de mettre des tirets entre les mots d’un titre de fichier ou de ne pas mettre d’accent. Le site ajoute automatiquement les tirets et supprime tous les accents présents dans les titres des fichiers au moment du leur téléchargement sur le site internet.
A02 – Menu de gauche – Administration
A03 – Article « Ça s’est passé »
A04 – Article « C’est pour demain »
A05 – Présentation de l’éditeur de texte dans WordPress
A06 – Comment maitriser l’éditeur visuel de WordPress (source : internet)
A07 – Comment ajouter une photo VERTICALE dans un article pour qu’elle soit prise en compte par Facebook
A08 – Agrandir une petite image avant de l’envoyer sur le site internet
…pour qu’elle soit prise en compte par Facebook lors de la mise en ligne de l’article.
→ via ce site internet : http://www.photoenlarger.com
A11 – Publier la « photo du jour » sur Facebook en créant simplement un nouvel article
A12 – Ajouter une nouvelle catégorie d’articles pour les Archives des Brèves de l’année écoulée / Exemple avec la création de la catégorie « Archives des Brèves 2020 »
A13 – Déplacement des Brèves de l’année écoulée / Exemple – articles 2019 à déplacer. (2019)
A14 – Publier un article manuellement sur la page Facebook de la Mairie (2018)
A15 – Modifier les informations du pied de page (bas du site)
A16 – Au secours – le menu à droite du site affiche toutes les catégories (2020)
Exercices corrigés ! (en pdf) :
L’article « Ballade de la Vie du Loup du 10 avril » comporte quelques erreurs de présentation : rien de grave, mais profitons-en, c’est une chance qui va nous permettre de progresser ! Voir ici la solution.
Comment insérer une ligne séparatrice dans un texte, avec un seul clic de souris : voir la solution.
Au secours, les photos ne s’affichent plus avec la visionneuse ! Voir ici la solution.