# Guide du back-office

Mode d'emploi de l'espace d'administration du blog Mostiglass. Aucune connaissance
technique n'est nécessaire.

L'adresse est **`https://<le site>/admin`**.

---

## Se connecter

Votre compte vous est créé par l'équipe technique ; le mot de passe vous est communiqué
une seule fois, à changer à la première connexion.

Si vous voyez la page de connexion mais qu'on vous refuse l'entrée après avoir saisi vos
identifiants, ce n'est pas une erreur de mot de passe : le compte existe mais n'a pas
encore le droit d'accéder au back-office. Signalez-le, c'est le réglage d'une minute.

L'interface est en français, quelle que soit la langue dans laquelle vous écrivez.

### Mot de passe oublié

Le lien **« Mot de passe oublié ? »** est sous le formulaire de connexion. Indiquez votre
adresse, vous recevez un e-mail avec un lien pour en choisir un nouveau.

Deux choses à savoir : le lien **expire au bout d'une heure**, et l'écran affiche le même
message que votre adresse soit connue ou non — c'est volontaire, cela évite de révéler
qui a un compte. Si rien n'arrive, vérifiez vos indésirables, puis signalez-le.

### Modifier son compte

Cliquez sur votre nom en haut à droite, puis **« Profil »**. Vous pouvez y changer votre
nom, votre adresse e-mail et votre mot de passe.

**Votre mot de passe actuel vous est demandé** dès que vous touchez à l'adresse e-mail ou
au mot de passe. Ce n'est pas une formalité : sans cela, quiconque passe devant votre
écran resté ouvert pourrait prendre votre compte en changeant l'adresse, puis en demandant
un nouveau mot de passe. Corriger simplement votre nom ne demande rien.

---

## Le principe à retenir

Un article est **une fiche unique**, déclinée en **trois langues** : français, English,
Español. Vous les remplissez dans trois onglets.

> **Une langue est en ligne si son onglet a un titre, que cette langue est sur *Publié*,
> et que l'article lui-même est publié.** Les trois conditions se cumulent.

C'est la règle qui explique presque tout le reste :

- vous pouvez publier un article en français seulement, et traduire plus tard ;
- l'article n'apparaîtra pas dans la liste des conseils des langues non remplies ;
- son adresse dans ces langues renverra une page « introuvable », ce qui est voulu ;
- **passer une langue en *Brouillon* la retire du site sans toucher aux autres** — c'est
  la façon de préparer une traduction sans la mettre en ligne ;
- **vider le titre d'une langue efface cette traduction**, texte compris. À ne pas
  confondre avec le point précédent : le brouillon garde votre travail, le titre vidé le
  supprime.

---

## Écrire un article

**Articles** dans le menu de gauche, puis **Nouvel article**.

L'écran est en deux colonnes : **la rédaction à gauche** (les onglets de langue, où vous
passerez l'essentiel du temps), **les réglages à droite** (publication, couverture). Sur
un écran étroit ou une tablette, les deux se superposent, la rédaction en premier.

### 1. Le bloc « Publication »

| Champ | À savoir |
|---|---|
| **Statut de l'article** | *Brouillon* : invisible du public, **dans les trois langues**. *Publié* : en ligne, sous réserve de la date ci-dessous et du statut de chaque langue. |
| **Date de publication** | Obligatoire dès que le statut est *Publié*. Une **date future programme la mise en ligne** : l'article apparaîtra tout seul à l'heure dite. |
| **Catégorie** | Facultative. Sert au filtre du blog. |
| **Auteur** | Facultatif. |
| **Temps de lecture** | En minutes, à votre appréciation. Facultatif. |

### 2. Le bloc « Couverture »

Une seule image, qui sert à trois endroits : la vignette dans la liste des conseils,
l'en-tête de l'article, et l'aperçu affiché quand quelqu'un partage le lien sur Facebook
ou LinkedIn. Pour ce dernier usage, elle est **recadrée automatiquement** au format large
qu'imposent ces réseaux (1200 × 630) : rien à préparer de votre côté.

Choisissez donc une image dont le sujet est **au centre** : c'est ce que le recadrage
conserve.

L'enregistrement peut prendre **quelques secondes** avec une grande image : les
différentes tailles sont fabriquées à ce moment-là. C'est normal, ne rechargez pas la
page.

Taille maximale : 8 Mo. Formats : JPEG, PNG, WebP, AVIF.

### 3. Les onglets de langue

Pour chaque langue que vous voulez publier :

| Champ | À savoir |
|---|---|
| **Publication de cette langue** | Deux boutons, *Publié* par défaut. *Brouillon* retire **cette seule langue** du site, même si l'article est publié. Les autres langues ne bougent pas. |
| **Titre** | Le remplir crée la traduction. **Le vider l'efface**, texte compris. |
| **Slug (URL)** | Proposé automatiquement d'après le titre, **tant qu'il est vide**. |
| **Chapô** | Affiché en tête de l'article et dans la liste des conseils. Il sert aussi de résumé pour Google et alimente la recherche du site. Sur les vignettes, il est coupé à trois lignes — l'essentiel doit tenir au début. |
| **Contenu** | Le corps de l'article, composé de **blocs**. Voir ci-dessous. |

Chaque onglet porte une pastille qui dit où vous en êtes, **sans attendre
l'enregistrement** : *en ligne* en vert, *brouillon* en gris, et rien du tout si la langue
n'a pas de titre.

#### Composer le contenu avec des blocs

Le corps de l'article n'est pas un grand champ de texte : il se construit en empilant des
**blocs**. Cliquez sur **« Ajouter un bloc »** et choisissez son type. Vous pouvez les
réordonner en les faisant glisser, les replier pour y voir clair, et les dupliquer.

| Bloc | À quoi il sert |
|---|---|
| **Texte** | un ou plusieurs paragraphes, avec titres, listes et liens |
| **Image** | une image seule, en pleine largeur ou à la largeur du texte |
| **Image et texte** | une image **à côté** d'un texte, au choix à gauche ou à droite |
| **Citation** | une phrase mise en avant, avec son auteur |
| **Galerie** | 2 à 4 images côte à côte |

**« Image et texte » est le bloc qui permet la mise en page côte à côte.** Choisissez la
position de l'image ; **sur mobile, elle passe toujours au-dessus du texte**, quel que
soit le côté choisi. C'est voulu : deux colonnes sur un écran de téléphone donneraient
deux colonnes illisibles.

**Le texte alternatif est obligatoire** sur chaque image. Décrivez ce qu'on y voit en
quelques mots : c'est ce que lisent les personnes malvoyantes et les moteurs de recherche.
Ce n'est pas la légende — la légende, elle, est facultative et s'affiche sous l'image.

Quelques repères :

- inutile de réduire vos photos avant de les envoyer, elles sont **automatiquement
  ramenées à une taille raisonnable** ;
- une galerie accepte **2 images au minimum** (une seule, c'est un bloc « Image ») et
  **4 au maximum** — au-delà, les vignettes deviennent trop petites ;
- **supprimer un bloc image supprime aussi le fichier envoyé**, dès l'enregistrement et
  seulement si plus aucune langue ne s'en sert. Rien à nettoyer à la main.

#### À propos du slug

C'est la fin de l'adresse de l'article :
`mostiglass.com/fr/conseils/**mon-nouvel-article**`.

Il est proposé à partir du titre, mais **seulement s'il est encore vide**. Si vous
retouchez le titre d'un article déjà publié, l'adresse ne bouge pas — c'est délibéré :
changer une adresse en ligne casse les liens existants et fait perdre le référencement
acquis.

Si vous devez vraiment le modifier, faites-le avant publication.

Chaque langue a son propre slug. Le même mot peut servir en français et en anglais.

#### À propos du contenu

Dans un bloc **Texte** (et dans la partie texte d'un bloc **Image et texte**), la barre
d'outils est volontairement courte : gras, italique, souligné, barré, lien, deux niveaux
de sous-titres, listes à puces, listes numérotées, citation, annuler / rétablir.

Si vous collez du texte depuis Word ou une page web, la mise en forme exotique est
nettoyée à l'enregistrement (scripts, styles, cadres importés). **Ce qui est retiré est
définitivement perdu** : relisez après avoir enregistré un contenu collé.

#### À propos du référencement

**Il n'y a rien à remplir** : le référencement se déduit de ce que vous avez déjà écrit.

- le titre affiché dans Google est le **titre** de l'article ;
- le résumé affiché dessous est le **chapô**, tronqué à 155 caractères ;
- tout article publié est indexable, sans réglage.

C'est délibéré : un titre SEO séparé du vrai titre finit toujours par le contredire, et
une case « ne pas indexer » cochée par erreur retire silencieusement un article de Google.

En pratique, le seul geste utile côté référencement est donc d'écrire **un titre clair et
un chapô qui donne envie**. Le chapô compte double : il sert aussi de résumé sur les
vignettes du site.

---

## Traduire sans tout retaper

Au-dessus des onglets, un bouton **« Recopier le français vers une autre langue »**.

Il recopie **le titre, le chapô et tous les blocs** du français dans les langues que vous
cochez : vous n'avez plus qu'à traduire par-dessus, sans reconstruire la mise en page bloc
par bloc ni renvoyer les images.

Ce qu'il faut savoir avant de cliquer :

- **la langue recopiée passe en *Brouillon*.** C'est le garde-fou : du texte français ne
  peut pas se retrouver en ligne sur une adresse anglaise. Une fois traduite, repassez-la
  sur *Publié* ;
- **le slug n'est pas recopié.** Traduisez le titre, l'adresse se remplira d'elle-même à
  partir de la traduction. Tant qu'elle est vide, l'enregistrement est refusé — c'est
  volontaire ;
- **une langue déjà traduite est proposée mais pas pré-cochée.** La cocher **remplace** son
  texte par le français et la repasse en brouillon. Son adresse, elle, ne change pas : une
  URL déjà connue du public ne doit pas bouger ;
- **rien n'est enregistré au clic** : tant que vous n'avez pas enregistré, vous pouvez
  quitter la page et rien n'aura changé ;
- **les images sont dupliquées, pas partagées.** Remplacer ou retirer l'image de la version
  anglaise laisse la française intacte.

Le bouton reste inerte tant que le français n'a pas de titre : il n'y aurait rien à
recopier.

---

## Relire avant de publier

Deux boutons en haut de la page d'édition, dès qu'au moins une langue est remplie.

**Aperçu** — ouvre l'article dans un nouvel onglet, sur la vraie page du site, tel qu'il
sera. Un menu vous laisse choisir la langue ; seules les langues traduites y figurent.
Le lien fonctionne indéfiniment tant que vous êtes connectée ou connecté.

**Lien de relecture** — fabrique une adresse que vous pouvez envoyer à quelqu'un **qui n'a
pas de compte** : un client, un traducteur, un collègue. Choisissez la langue, le lien
s'affiche à l'écran, copiez-le et transmettez-le.

Ce lien **expire au bout de 7 jours**. Assez pour un aller-retour de relecture, assez
court pour qu'un lien oublié dans une conversation ne laisse pas les brouillons ouverts
indéfiniment. Passé ce délai, refaites-en un.

Un brouillon n'est visible que par ces deux chemins. Quelqu'un qui devinerait l'adresse
de l'article obtiendra une page « introuvable ».

---

## Publier

1. Statut sur **Publié** ;
2. **Date de publication** renseignée ;
3. Enregistrer.

Pour programmer : mettez une date et une heure futures. L'article se mettra en ligne tout
seul, sans intervention.

Dans la liste des articles, une date future est signalée par la mention **« programmé »**
sous la date.

---

## Modifier ou dépublier

- **Corriger un article en ligne** : ouvrez-le, modifiez, enregistrez. La correction est
  immédiate.
- **Retirer une seule langue en gardant son texte** : passez cette langue en *Brouillon*
  dans son onglet, enregistrez. Les autres langues restent en ligne, et vous retrouverez
  votre travail intact quand vous la republierez. **C'est la manière recommandée.**
- **Effacer une traduction pour de bon** : videz le titre de son onglet, enregistrez. Le
  texte de cette langue est perdu ; les autres langues restent en ligne.
- **Retirer l'article entier** : repassez le *statut de l'article* en *Brouillon*. Les
  trois langues sortent du site d'un coup, rien n'est perdu, vous pouvez le republier.
- **Supprimer définitivement** : bouton *Supprimer*. Irréversible.

---

## Les catégories

**Catégories** dans le menu de gauche.

Elles servent au filtre en haut de la page des conseils. Elles sont **facultatives** :
un article sans catégorie se publie normalement.

Comme les articles, elles se traduisent par onglets : un nom et un slug par langue. Une
catégorie sans nom dans une langue n'apparaît pas dans le filtre de cette langue.

**Position** règle l'ordre d'affichage — le plus petit nombre passe en premier. Vous
pouvez aussi réordonner la liste à la souris.

### Supprimer une catégorie ne supprime pas ses articles

C'est volontaire, et l'écran vous le rappelle avant de valider : « 3 article(s) perdront
leur classement mais resteront publiés ». Les articles concernés restent en ligne, sans
catégorie. Vous pourrez leur en attribuer une autre.

---

## Questions fréquentes

**Mon article n'apparaît pas sur le site.** Dans l'ordre :

1. le **statut de l'article** est-il sur *Publié* ?
2. la date de publication est-elle renseignée, et **passée** ? Une date future ne sort pas
   avant l'heure. Une date vide ne sort jamais ;
3. la langue que vous regardez a-t-elle un **titre** dans son onglet ? Sans titre, cette
   langue n'existe pas ;
4. cette langue est-elle sur *Publié* dans son onglet ? Une langue en brouillon est aussi
   invisible qu'une langue absente. La pastille de l'onglet le dit d'un coup d'œil ;
5. regardez la colonne **Langues** dans la liste des articles : elle affiche les langues
   présentes, et mentionne dessous celles qui sont en brouillon.

**Je ne trouve plus un article.** Le champ de recherche de la liste cherche dans les
titres, toutes langues confondues. Le filtre **Statut** permet de n'afficher que les
brouillons.

**Comment repérer les traductions qui manquent ?** Le filtre **Traduction manquante** de
la liste ne montre que les articles qui n'ont pas les trois langues.

**J'ai changé le titre mais l'adresse n'a pas changé.** C'est normal, et c'est protecteur.
Voir « À propos du slug » plus haut.

**Le lien de relecture ne fonctionne plus.** Il a expiré (7 jours). Générez-en un nouveau.

**Mon image ne s'affiche pas / l'enregistrement est long.** Les différentes tailles sont
fabriquées à l'enregistrement. Patientez sans recharger. Si l'image ne sort toujours pas,
c'est un problème technique, signalez-le.

---

## Voir aussi

- `doc/back-office.md` — le même sujet, côté technique