Ville de Somain

Intégrer des images aux articles et à la photothèque

Il existe 2 façons d’utiliser des images :

  1. Elles peuvent faire parti d’un diaporama composé de nombreuses photos. Pour cela, suffit d’associer plusieurs images à l’article en cliquant sur le bouton "Ajouter un document" visible en bas de chaque article. Les images apparaissent alors sous le titre "photos associées" (voir en exemple en bas de cette article).
  2. Elles peuvent servir à habiller le texte d’un article. Lorsque l’on insère une image associée à un article dans le texte de ce dernier. L’image disparait du diaporama pour apparaître à l’emplacement souhaité dans le texte.

L’article ci dessous décrit comment insérer et mettre en forme ces images à l’intérieur du texte d’un article.

Recadrer l’image

Pour recadrer l’image, vous disposez de 2 outils :

  • Une petite croix est visible sur les vignettes des documents que téléversez sur votre site. Elle permet de créer un focus autour duquel l’image est automatiquement recadrée.
  • Un outil nommé "Modifier et recadrer une image" permet de recadrer plus précisément chaque image.

Insèrer une image

Pour insérer une image dans le texte :

  1. Utiliser l’encart "insérer un modèle" visible sur la colonne latérale lorsque vous éditez votre article.
  2. Choisir "un document"
  3. Plusieurs options apparaissent : Choisir tout d’abord le document à inclure. Si celui-ci est déjà associé à votre article , cliquer sur "Parcourir l’article". Puis selectionner le document voulu, sinon, cliquer sur "Parcourir la médiathèque". Puis sélectionner le document voulu danss l’ensemble de documents du site.
  4. Dans l’encart "inclure le document", choisir "vignette". Puis sélectionnez les options ci-dessous en fonction de vos besoins.

Alignement :

Une image peut être alignée à gauche, centrée, Ou alignée à droite.
Carnaval
Carnaval
Carnaval

Lorsque du texte est positionné sous une image alignée à gauche ou à droite, il vient s’insérer sur le côté de celui-ci. Sur la page publique, l’image est automatiquement réduite à la moitié de la largeur de la page générer une mise en page agréable à lire.

Par contre, une image centrée ne laissera passer aucun texte sur ses cotés. Elle ne sera réduite que dans la mesure où ses dimensions seront supérieures à la largeur de la page. En effet, Une image trop grande est automatiquement redimensionnée à 771px de large pour qu’elle ne puisse pas déborder de la largeur de la page.

Redimensionnement

Les images sont disponibles en 5 dimensions : icone, petit, moyen, grand et original.
Il est aussi possible de personnaliser les dimensions pour avoir une image à la dimension exacte souhaitée.
Il est possible de réduire une image, mais il n’est pas possible de l’agrandir. Sinon celle-ci serait pixelisée.

Carnaval

Carnaval

Carnaval

Carnaval

Carnaval


Attention : Pour afficher une image en grandeur nature, il faut sélectionner "ne pas redimensionner" dans le champ date. Contrairement à ce que l’on pourrait penser, sélectionner "grand" n’est donc pas (forcement) le plus grand redimensionnement possible.

Une image trop grande est automatiquement redimensionnée à 771px de large pour qu’elle ne puisse pas dépasser la largeur de la page.

Si l’image est plus grande, il clic sur celle-ci l’affichera aux dimensions originales. Attention tout de même à ne pas afficher d’images trop grandes. Elle ralentiraient le site en mettant trop de temps à se charger. Le site est d’ailleurs limité aux images de moins de 3500px de large et de 3000 px de haut (ces dimensions sont déjà plus importante que n’importe quel écran du marché !).

Légende

Il est possible d’insérer une multitude d’informations (Titre, description, Type de document, crédits, pois (en octet) ) sous forme de légende. Pour modifier ces informations, cliquez sur "modifier" dans la colonne de gauche sous le documents.

Carnaval

Liens

Il est possible de créer un lien sur une image. l’image ci-dessous pointe sur le site des Gilles de Bachy.
Carnaval

Descriptif

De manière à respecter les normes à d’accessibilité, lorsque vous insérez une image, vous devez nécessairement ajouter un descriptif à destination des personnes malvoyantes. Le champ "Texte alternatif" est fait pour cela.

Dispositif pour éviter les doublons dans le diaporama

Pour éviter les redondances, les images insérés dans le texte de l’article seront automatiquement retirées de la galerie en bas de page

Photothèque

Lorsqu’un article contient au moins 2 photos d’une largeur de plus de 250px, celles-ci sont ajoutées à la photothèque du site

Plan du site

Nous contacter

Place Jean Jaurès
BP 39 - 59490 Somain
03 27 86 93 00 Contact

Horaires

Du lundi au jeudi :
de 09h30 à 12h de 15h à 18h
Le vendredi :
de 09h30 à 20h