1 Préparation
Pour changer l'image de fond il faut déjà au préalable préparer sa remplaçante.
Les dimensions de l'image doivent faire : 1600 x 500 px
Si un sujet est présent dans l'image, il es préférable qu'il soit situé dans la partie gauche de l'image pour ne pas se voir "manger" par le bloc de texte sur la droite dans certains contextes d'affichage.
2 Dépôt de l'image dans la bibliothèque multimédia
Une fois préparée, l'image doit être déposée dans un dossier de la bibliothèque multimédia. Mais pour accéder à celle-ci il faut éditer la fiche.
Dans l'architecture du site allez dans le dossier "Page d'accueil (ne pas effacer)" et éditez la fiche "accroche".
Pour des raisons techniques il n'est pas possible de changer l'image sans passer par l'édition directe du code (bouton "Source") ; mais il faut connaître l'url de l'image ce que nous allons faire en même temps que nous allons déposer l'image dans la bibliothèque. Positionnez votre curseur n'importe où dans la page puis cliquez sur le bouton "image" dans la 2e ligne des outils de l'éditeur. Cliquez ensuite sur le bouton "Explorer la médiathèque", Allez dans le dossier de votre Coop (ou créez-le si ce n'est déjà fait) et dans ce dossier créez un sous-dossier que vous pouvez appeler "page_accueil", déposez-y votre image.
3 Remplacement de l'image dans la page d'accueil
Double-cliquez sur la vignette de l'image que vous venez de déposer afin de la sélectionner.
A ce stade vous devez être revenus dans la boite de dialogue d'insertion d'image, cliquez dans le champ "URL" et faites un Ctrl+A afin de tout sélectionner et faites copier (ou Ctrl+C). Cliquez sur le bouton "Annuler", un message de confirmation s'affiche, cliquez sur "OK". Logiquement l'image n'est pas insérée mais nous avons son url dans le presse-papier.
Cliquez sur le bouton "Source" et dans la première ligne de code vous devez avoir une portion de texte qui ressemble à ceci :
Comme dans l'image ci-dessus, avec la souri, sélectionnez la portion de texte qui se trouve entre les guillemets simples (ne sélectionnez pas les guillemets !) et collez (Ctrl+V) l'url de l'image de remplacement. Validez l'opération en cliquant sur le bouton "Enregistrer", le fond de la fiche apparait maintenant avec la nouvelle image.
C'est terminé, il ne vous reste plus qu'à enregistrer et publier la fiche.
