C-real

Le rôles d'auteurs et les rôles de documents

Laurent — 2023-06-03T16:11:30Z

Il est possible d'attribuer un rôle aux documents et aux auteurs. Cela permettra de faire apparaître ces éléments aux endroits adéquats.

Comment attribuer des rôles ?

Aux auteurs

Lorsque l'on crée un élément, Spip vous ajoute par défaut comme auteur de celui-ci avec le rôle de "rédacteur". Il est ensuite possible d'ajouter d'autres auteurs et d'attribuer un autre rôle.

Pour cela, RDV sur la page d'édition de l'élément que vous voulez éditer.

Dans l'exemple ci-contre, un article possède 2 auteurs :

Bernard Maitte est "Auteur de l'ouvrage"
Etienne Guyon est "Auteur de la préface"

Pour ajouter ou supprimer des rôles aux auteurs, il suffit de cliquer sur modifier, puis de retirer ou ajouter des rôles en fonction de la liste proposée.

Attention : Un auteur doit posséder au moins un rôle (mais il peut en posséder plusieurs). Si vous voulez changer le rôle d'un auteur, il faut d'abord lui ajouter son nouveau rôle avant de lui supprimer son ancien rôle. Sinon, il sera automatiquement détaché de l'élément sur lequel vous travaillez.

Aux documents

Lorsque l'on associe un document à un élément, Spip lui associe par défaut le rôle de "document". Il est ensuite possible d'attribuer un autre rôle à ces documents.

Pour cela, RDV sur la page d'édition de l'élément que vous voulez éditer.

Dans l'exemple ci-contre, un article est associé à 2 documents :

l'image sans titre possède les rôles de "Une" et de "documents"
le document PDF possède les rôles de "Sommaire et introduction" ainsi que de "Document"

Pour ajouter ou supprimer des rôles aux documents, il suffit de cliquer sur modifier, puis de retirer ou ajouter des rôles en fonction de la liste proposée.

Attention : en dehors du rôle de "document", un rôle ne peut être utilisé par plusieurs documents dans le même élément. Par exemple, un article ne peut posséder qu'un seul document ayant le rôle de "logo".

Exemple d'affichage de nom d'auteurs dans une liste d'ouvrages

Ici, un Auteur de l'ouvrage suivit d'un auteur de la préface.

À quoi servent les rôles d'auteurs ?

Il existe plusieurs rôles :

Les auteurs ayant un rôle de rédacteur n'apparaissent jamais sur le site. Ce rôle sert uniquement à indiquer aux autres auteurs qui a rédigé l'article.
Sous le titre d'un ouvrage, on indique le Coordonnateur , puis l'Auteur de l'ouvrage suivi de l'Auteur de la préface .
Enfin, les auteurs associés au rôle A participé à l'ouvrage apparaissent sur la page de présentation de celui-ci, sur la colonne de gauche.

À quoi servent les rôles de documents ?

les images peuvent être associées à 2 types de rôle :

Les pages présentant les ouvrages font apparaître les images ayant le rôle de Une sur la colonne de gauche. Cette image est aussi utilisée sur les pages présentant une liste d'ouvrage.
À l'inverse, les images associées au rôle de logo sont davantage utilisées pour illustrer les articles d'actualité. Celles-ci apparaissent sur les pages des rubriques listant les actualités, mais elles ne sont pas reproduites sur la page de l'article en elle-même.
Le carrousel en page d'accueil fait apparaître les deux types d'images en privilégiant les images ayant le rôle de Logo. Ainsi, il est possible d'afficher une image différente sur les carrousel que dans la page présentant l'ouvrage.
les autres documents peuvent être associées à plusieurs types de rôle :
La présence d'un document ayant pour rôle Détail de l'ouvrage, Dépliant de présentation, Quatrième de couverture ou Sommaire et Introduction provoque l'apparition d'un bouton "Lire un extrait" sur la colonne de droite.
Le rôle Revue de Presse n'est pour l'instant pas utilisé pour une utilisation particulière sur le site.
Le rôle Ouvrage complet permet d'identifier le document à ne rendre visible qu'aux internautes l'ayant acheté.
Les documents restants sont listés sous forme d'une liste sous l'intitulé "à télécharger" s'il s'agit de document de type fichier (pdf, tableur, etc.) ou sous l'intitulé "Quelques photos" s'il s'agit d'images.

Exemple de la mise en page des documents sur la page article 726

La présence d'un document ayant un rôle Une Crée une colonne de gauche avec le logo d'article (1)
La présence d'un document avec un rôle Détail de l'ouvrage provoque la création d'un bouton "lire l'extrait" (2)
Les autres documents sont listés sous forme d'une liste sous l'intitulé "à télécharger" s'il s'agit de document de type fichier. (3)

Ajouter un fichier audio dans un article

Laurent — 2021-10-01T11:47:48Z

Votre site permet d'afficher ce type de contenu audio. Vous trouverez ici la méthode pour pouvoir ajouter ce type de contenu.

Comment publier du contenu audio sur votre site ?
Une fois votre contenu hébergé sur votre site, cliquez sur le bouton Ajouter un document visible sous l'article où vous voulez placer votre vidéo. [1].
La fenêtre qui s'ouvre vous permet de téléverser votre document audio.
Il ne vous reste plus qu'à insérer ce fichier à l'intérieur du texte de votre document.
La méthode est la même que pour les images. Sur la colonne de gauche de chaque page d'édition, les documents audios associés à la page éditée s'afficheront, suivi de 6 petits codes. L'insertion de l'un de ces petits codes fera apparaître le fichier de manière différente dans votre article.

Les codes commençant par "emb" vous permettront d'insérer le lecteur audio. En fonction du code choisi, l'image sera alignée à gauche, centrée ou alignée à droite.

Adriano Celentano

Trouvez la langue de ce morceau !

Adriano Celentano

Trouvez la langue de ce morceau !

Adriano Celentano

Trouvez la langue de ce morceau !

Les codes commençant par "doc" vous permettront d'insérer un lien de téléchargement du fichier audio. En fonction du code choisi, l'image sera alignée à gauche, centrée ou alignée à droite.

Adriano Celentano

Trouvez la langue de ce morceau !

Adriano Celentano

Trouvez la langue de ce morceau !

Adriano Celentano

Trouvez la langue de ce morceau !

Le titre et le descriptif de l'enregistrement audio

Il est possible d'associer des informations à votre son. Pour cela, cliquez sur le bouton modifier en dessous de celui-ci. Une fenêtre apparaîtra vous permettant de renseigner :

son titre
sa description
les crédits de l'enregistrement
la vignette (ou visuel) sur lequel il faudra cliquer pour télécharger le son. (Cela peut par exemple être la jaquette du CD contenant l'enregistrement).

Attention à ne pas héberger sur votre site des enregistrements soumis aux droits d'auteurs !

[1] Vous pouvez aussi utiliser l'encart "ajouter une image ou un document" visible à gauche de la page d'édition d'un article

Ajouter une vidéo à un article

Laurent — 2019-06-27T09:35:59Z

Le format vidéo représente une part croissante des contenus web. Ce guide vous explique comment intégrer facilement des vidéos sur votre site en utilisant les principales plateformes d'hébergement (YouTube, Vimeo ou Dailymotion)..

Nous vous conseillons d'ouvrir un compte sur l'une de ces 3 plateformes. Vous pourrez ensuite associer vos vidéos à votre site.

Pourquoi utiliser une plateforme d'hébergement externe ?

Nous recommandons fortement d'héberger vos vidéos sur des plateformes spécialisées plutôt que directement sur votre serveur. Cette approche présente plusieurs avantages :

Économie de ressources : pas de consommation d'espace disque ni de bande passante sur votre serveur
Performance optimisée : diffusion via des réseaux de distribution de contenu (CDN)
Fonctionnalités avancées : lecteur optimisé, sous-titres, qualité adaptative
Visibilité : possibilité de toucher l'audience de ces plateformes
Quelle plateforme choisir ?

Chaque plateforme d'hébergement vidéo possède ses propres qualités :

Youtube
Avantages : audience mondiale, référencement Google, outils d'analyse performants
Public cible : grand public, contenu éducatif ou divertissant
Propriétaire : Google
Vimeo
Avantages : qualité vidéo supérieure, interface épurée, absence de publicité (selon l'abonnement)
Public cible : créateurs, artistes, professionnels de l'audiovisuel
Spécificité : plateforme étasunienne axée sur la qualité esthétique
Dailymotion
Avantages : plateforme française, conformité RGPD facilitée
Public cible : structures privilégiant l'hébergement en France
Propriétaire : Groupe Vivendi
Comment publier du contenu vidéo sur votre site ?
Étape 1 : Préparer votre vidéo
Téléchargez votre vidéo sur la plateforme choisie
Configurez les paramètres de confidentialité selon vos besoins
Copiez l'URL de la vidéo depuis votre navigateur
Étape 2 : Intégrer la vidéo dans votre article
cliquez sur le bouton Ajouter un document visible sous l'article où vous voulez placer votre vidéo. [1].
La fenêtre qui s'ouvre vous permet de déterminer l'origine de votre document. Cliquez sur internet.

Un champ apparaît. Il ne vous reste plus qu'à y copier coller l'adresse (l'URL) de votre vidéo, puis de cliquer sur choisir.
Étape 3 : Personnaliser l'affichage
Les plateformes Youtube et Vimeo importeront le titre, le descriptif, l'image et les crédits de la vidéo automatiquement sur votre site.
-* Vous pouvez modifier ces éléments via le bouton modifier si nécessaire.

Par défaut, une vidéo attachée à un article s'affiche en pleine largeur juste en dessous du chapeau. Si la vidéo est entrée dans le texte, elle s'affiche à l'endroit ou se trouve la noisette de code la symbolisant.

Bonnes pratiques
Vérifiez les droits : assurez-vous de posséder les droits sur le contenu vidéo
Optimisez le référencement : renseignez titre et description pertinents sur la plateforme d'hébergement
Considérez l'accessibilité : ajoutez des sous-titres quand c'est possible

[1] Vous pouvez aussi utiliser l'encart "ajouter une image ou un document" visible à gauche de la page d'édition d'un article

Quelques exemples de raccourcis

Laurent Lefebvre — 2019-03-27T18:46:43Z

Comme vous le savez déjà, il est possible de mettre le texte en gras (CTRL + B) ou en italique (CTRL + I) en jouant avec les accolades et les crochets.

Cet article liste d'autres possibilités offertes par Spip.

Généralités
Intertitre

Les 4 niveaux d'intertitres présents dans cet article peuvent être facilement utilisés dans un article Spip. L'intertitre de niveau 1 est accessible via le raccourci clavier CTRL + H.

Les intertitres de niveau 2, 3 et 4 sont générés en ajoutant deux, trois ou quatre "*" (étoiles) après les accolades ouvrantes.

Paragraphes et retours à la ligne

SÉLECTIONNER EN FONCTION DU SITE :

Un retour à la ligne dans l'espace de rédaction aura pour effet de passer à la ligne sans changer de paragraphe.
Un retour à la ligne dans l'espace de rédaction n'influera pas sur la mise en page de votre article [1]. Le texte passé à la ligne dans votre espace d'administration apparaîtra à la suite du texte au-dessus. Ce fonctionnement permet de copier-coller le contenu d'un PDF et de l'insérer dans un article sans avoir besoin de supprimer chaque retour à la ligne.
Lorsque l'on passe 2 lignes ou plus, un nouveau paragraphe est généré. Celui-ci sera espacé du paragraphe précédent par le même espace quel que soit le nombre de lignes passées -* Lorsque l'on passe 2 lignes ou plus, un nouveau paragraphe est généré. Celui-ci sera espacé du paragraphe précédent par le même espace quel que soit le nombre de lignes passées (inutile, donc, de passer plusieurs lignes en pensant pouvoir créer un espace vide)..
Pour forcer un retour à la ligne dans le même paragraphe, il faudra entrer un "_" (underscore) en début de ligne, suivit d'un espace.
Pour insérer un espace insécable (ou espace dur), on insérera un "~" (tild) entre les mots concernés. Cela est utile pour s'assurer, par exemple, que l'élément de ponctuation " :" ne sera pas séparé du mot qui le précède.
Caractères spéciaux

Les claviers occidentaux ne sont pas adaptés au français contemporain. C'est pourquoi la barre typographique visible au-dessus du texte contient un certain nombre de boutons permettant d'insérer les caractères récurrents tel que le "É" (visible dans le second intertitre ci-dessous).
Pour faire apparaitre ces caractères, il suffit de survoler avec la souris l'icône suivante :

Les boutons suivant peuvent être très utiles pour changer la casse des caractères :

Mise en forme basique :
Énumération :
Avec puce :

Pour générer une liste à puce, il suffit de commencer une phrase par "- " :
Lorsque l'on commence un paragraphe par un tiré, il apparaît une petite pastille comme ceci :

Qu'est-ce que cela peut faire que je lutte pour la mauvaise cause puisque je suis de bonne foi ?
Et qu'est-ce que ça peut faire que je sois de mauvaise foi puisque c'est pour la bonne cause. (Jacques Prévert)
Liste hiérarchisée :

On peut modifier la hiérarchie dans la liste en ajoutant des « * » ( astérisques ) :

Ton cheval est :
alezan ;
bai ;
noir ;
mais mon lapin est :
blanc ;
angora ;
ou à poil ras.
Liste Numérotée :

Pour créer des listes numérotées , on utilise « -# »

Langues régionales en Espagne :
Catalan
Basque
Galicien
Occitan
Langues régionales en Autriche :
Croate
Hongrois
Slovène
On peut aussi imbriquer différentes sortes de listes :
Une liste à puce dans une liste numérotée :
English
United Kingdom
United States
Español
España
Latinoamérica
Une liste à numérotée dans une liste à puce :
Polski
Português
Portugal
Brasil
Liens :
Liens basiques :

Il est possible de créer différents liens hypertextes amenant à l'extérieur du site :

Pour créer un lien simple, utilisez les raccourcis clavier CTRL + L. Un champ apparaîtra dans lequel il sera possibles d'insérer l'adresse de celui-ci. Le lien prendra automatiquement le nom de l'adresse que vous venez d'insérer. Ex : https://www.franceinter.fr/
Si vous voulez nommer votre lien, il faudra sélectionner du texte avant d'appuyer sur CTRL + L : exemple : lien vers le site de Survie.
Liens vers des pages de votre site :

D'autres liens peuvent mener vers des articles ou des rubriques de votre site. Voici 2 possibilités pour faire un lien vers l'article 1 :

En indiquant le chiffre 12, on crée un lien qu'il conviendra de nommer
Un lien sans nom affichera automatiquement le titre de l'article. Ex : article 1

SÉLECTIONNER EN FONCTION DU SITE :
La même logique est adaptable aux liens vers d'autres éléments :

Pour faire pointer un lien vers la rubrique 2, on écrira "rub" + le numéro 12 : rubrique 2
Pour faire pointer un lien vers le mot-clé 6, on écrira "mot" + le numéro 6 : Carte de visite
Pour faire pointer un lien vers le site référencé 10, on écrira "site" + le numéro 10 : L'Humain d'Abord ! Au coeur de la république
Pour faire pointer un lien vers le document 22, on écrira "doc" + le numéro 22 : jpg/presentation_logo-2.jpg
Pour faire pointer un lien vers les articles de l'auteur 1, on écrira "aut" + le numéro 1 : Laurent
Liens vers une définition d'un dictionnaire

Certains liens peuvent pointer vers un dictionnaire (Wikipédia par défaut). On utilisera pour cela les crochets suivit d'un point d'interrogation :
À la recherche du temps perdu est l'œuvre majeure de Marcel Proust

Il est possible de séparer le texte comme ceci en tapant 4 tirés en suivant :

Mise en forme avancée :

Pour les subtilités suivantes, nous vous invitons à aller voir du côté de la partie privée du site afin de comprendre le fonctionnement des raccourcis typographiques, et de les associer à leur affichage.

Notes de bas de page

Il est possible de placer facilement une note [2] de bas de page.

Ces notes de bas de pages existent sous plusieurs formats :

sous forme d'astérisques [*],
sans références (non numérotées) ; attention, de telles notes ne présentent plus de lien entre la note et l'appel de notes,
donner un nom (en toutes lettres) à une note ; cet usage est très répandu pour les références bibliographiques [François Rabelais] ;
rappeler une note déjà existante [3] en indiquant le numéro de cette note entre les symboles « < » et « > » et en laissant vide le reste de la note.
Tableaux

Il est possible de faire des tableaux en séparant le contenu de chaque colonne par un "|" (pipe) :

Nom Prénom Age

Marso Ben 23 ans

Capitaine non connu

Philant Philippe 46 ans

Cadoc Bébé 4 mois

(Noter que les termes de la première ligne du tableau sont mis entre double accolades pour signifier qu'il s'agit des titres de la colonne. Cela ne sera pas nécessaire pour les tableaux dont la première ligne n'est pas un titre).

Mise en forme de caractères :
Certaines expressions peuvent être mises en évidence en utilisant les couleurs du site. Pour cela, on utilisera les "[" ( crochets ) et les "*" (étoiles).

SÉLECTIONNER EN FONCTION DU SITE :

Au-delà des couleurs du site, l'auteur peut également prendre quelques libertés en colorisant les caractères ou l'arrière-plan : Cyan
attention tout de même à ne pas abuser de ces mises en forme pour respecter l'identité graphique de votre site ! Voici les couleurs disponibles :
rouge,
marron,
vert,
vert olive,
bleu marine,
violet,
gris,
argent,
vert clair,
bleu,
fuchia,
bleu clair,
bleu azur,
beige,
brun,
bleu violet,
brun clair,
rose clair,
vert fonce,
orange fonce,
mauve fonce,
bleu ciel,
or,
orange,
lavande,
rose,
prune,
saumon,
turquoise,
jaune paille,
jaune
fond noir,
fond rouge,,
fond marron,
fond vert,
fond vert olive,
fond bleu marine,
fond violet,
fond gris,
argent, ,
fond vert clair,
fond bleu,
fond fuchia,
fond bleu clair,
fond bleu azur,
fond beige,
fond brun,
fond bleu violet,
fond brun clair,
fond rose clair,
fond vert fonce,
fond orange fonce,
fond mauve fonce,
fond bleu ciel,
fond or,
fond ivoire,
fond orange,
fond lavande,
fond rose,
fond prune,
fond saumon,
fond neige,
fond turquoise,
fond jaune paille,
fond jaune
Il est possible de mettre certains caractères en exposant ou en indice : Comme nous ne disposons pas de 2^de planète, évitons d'émettre une quantité importante de CO₂.
Rien de mieux que de barrer un texte pour mettre en exergue une erreur : ~~Ce texte est garanti sans fautes d'orthographe~~
Styles de paragraphes :
Mise en exergue d'un paragraphe :

Il est possible de mettre en exergue une information, de cette manière grâce en mettant l'information entre crochets et parenthèses.
Alignements

Il est possible de ferrer les paragraphes à droite en utilisant les "[" (crochets) et les "/" (slaches).
Il est possible de centrer les paragraphes en utilisant les "[" (crochets) et les "|" (pipe).
Cadre pour copier-coller du texte :
Si vous voulez permettre à vos lecteurs de facilement copier-coller du contenu, rien de mieux que de l'insérer dans ce type de cadre.
Citations :

Les raccourcis CTRL + Q permettent d'insérer une citation

Code informatique :

Le codeur de service sera satisfait de constater qu'une mise en forme permettant de styliser du code informatique est disponible.

Poésie et imbrication de styles :

Le poète n'est pas oublié : ses vers pourront être stylisé ainsi :

Chantre

Et l'unique cordeau des trompettes marines

Apollinaire

d'Alcools (2011)

Dans l'exemple ci-dessus, la mise en forme "ferrer à droite" est utilisée sur l'auteur et la source de la citation.

Cet exemple démontre qu'il est possible d'imbriquer les style les uns dans les autres.

SELECTIONNER EN FONCTION DU SITE :

Blocs dépliables

Pour une présentation de l'information du type "foire aux questions", il est possible d'insérer des blocs dépliables.

Ma question 1

Ma réponse 1

Ma question 2

Ma réponse 2

Ma question 3 dont la réponse doit être visible et dépliée au chargement de la page.

Ma réponse tout aussi importante.

[1] Sauf dans certains contextes particuliers détaillés plus bas, tels que la mise en forme des listes à puce, de citation ou de poésie.

[2] Voici un complément d'information.

[*] En plaçant simplement un astérisque entre les symboles « < » et « > ».

En n'indiquant rien entre les symboles « < » et « > ».

[François Rabelais] François Rabelais est également connu sous le pseudonyme d'Alcofribas Nasier

Comment insérer un tableur ou un PDF dans un article ?

Laurent Lefebvre — 2019-03-27T17:28:06Z

Insérer un lien vers un PDF ou un fichier de tableur [1], c'est bien. Montrer directement le contenu de ces fichiers, c'est mieux ! Cela peut s'avérer très utile lorsque vos articles sont constitués uniquement de ces documents.

Pour cela, nous allons utiliser la balise .

Insérer un lien vers un PDF ou un fichier de tableur [2], c'est bien. Montrer directement le contenu de ces fichiers, c'est mieux ! Cela peut s'avérer très utile lorsque vos articles sont constitués uniquement de ces documents.

Pour cela, nous allons utiliser la balise .

Procédure pour les tableaux

Il est possible de mettre en forme un tableau à partir d'un fichier réalisé dans un tableur (Excel ou LibreOffice Calc). Pour cela :

Enregistrer le tableur au format .csv.
Associer le fichier .csv à un article.
Insérer le document dans le texte de l'article en utilisant le mini-code :
<emb+numéro du document>
Le tableur sera alors inséré sous forme de tableau avec les styles du site. Exemple avec ce document :

Animal Nombre de pattes Nombre de poils

Chat 4 123846356

Chien 4 546854128

Poisson 0 0

Un fichier Excel

Avec des animaux

http://maillage.asso.fr/IMG/csv/animaux-2.csv

Procédure pour les PDF

Pour intégrer un document PDF dans votre page :

Associer le fichier .pdf à un article
Insérer le document dans le texte de l'article en utilisant le mini-code :
<emb+numéro du document>
Le PDF sera affiché en pleine largeur avec un lecteur intégré permettant de :
Naviguer dans les pages
Zoomer sur le contenu
Consulter le document sans le télécharger

Cette méthode a pour intérêt de permettre de visualiser un document tout en rendant difficile son téléchargement.

[1] Comme par exemple un fichier Excel ou Calc.

[2] Comme par exemple un fichier Excel ou Calc.

Pourquoi les retours à la ligne n'apparaissent pas sur la partie publique ?

Laurent Lefebvre — 2019-03-27T17:28:05Z

Le site ne prend pas en compte les simples retours à la ligne. Cela permet de copier-coller des PDF à la volée sans avoir à supprimer chaque retour à la ligne.

Il existe néanmoins une astuce pour faire un retour à la ligne :

Soit on passe 2 lignes pour changer de paragraphe.
Soit un passe une ligne pour créer un underscore ( _ ) suivi d'un espace. Ex :
Me voici à la ligne !

Insérer des images dans un article

Laurent Lefebvre — 2019-03-27T17:28:00Z

Il existe 3 façons d'utiliser des images :
[CHOISIR]

Elles peuvent faire partie d'un diaporama composé de nombreuses photos. Pour cela, il suffit d'associer plusieurs images à l'article en cliquant sur le bouton Ajouter un document visible en bas de chaque article.
Elles peuvent être insérées sous forme de logo d'article. Ces images ont alors pour fonction de représenter l'article sur les pages listant plusieurs contenus (rubrique, recherche, etc.). Elles-sont réduites et redimensionnées automatiquement en fonction de la mise en page.
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 disparaît du diaporama de bas de page 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.

[VERSION SPIP 3]

Alignement

Sur la colonne de gauche de chaque page d'édition, les images associées à la page éditée s'affichent, suivi de petits codes. L'utilisation d'un de ces codes dans votre article permet d'insérer l'image du document.

Cliquer sur left, center ou right permettra respectivement d'insérer une image alignée à gauche, centrée, ou alignée à droite.

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

20th Century Fox

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

20th Century Fox

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

20th Century Fox

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. L'image est automatiquement réduite à la moitié de la largeur de la page pour générer une mise en page agréable à lire.

Par contre, une image centrée ne laissera passer aucun texte sur ses côté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 pour qu'elle ne puisse pas déborder de la largeur de la page.

Liens

Il est possible de créer un lien sur une image en ajoutant :

|lien=adresse_de_mon_lien

Dans le petit code généré, l'image ci-dessous pointe sur un site externe.

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

20th Century Fox

Le titre et le descriptif de l'image

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

20th Century Fox

Il est possible d'associer des informations à votre image. Pour cela, cliquez sur le bouton modifier en dessous de celle-ci. Une fenêtre apparaîtra vous permettant de renseigner :

le titre de l'image,
la description de l'image,
les crédits de l'image,
l'alternative textuelle (une description de l'image pour les personnes malvoyantes),
la vignette (ou visuel) sur laquelle il faudra cliquer pour voir l'image. (Cela peut par exemple être un détail de l'image sur lequel il faudra cliquer pour voir l'image entière).

Une fois que votre image contiendra un de ces éléments, la légende s'affichera automatiquement en dessous de l'image. Si vous avez besoin d'utiliser l'image sans sa légende, il faudra alors remplacer "doc" par "img" pour insérer l'image seule.

Dans l'exemple ci-contre, l'image est associée à sa légende composée de son titre et de son descriptif et ses crédits.

Redimensionnement

Il est possible de diminuer la taille des images en indiquant soit une largeur, soit une hauteur.

Le code "largeur" ajouté ainsi : permettra d'afficher une image limitée 200px de large.

Court mettrage de campagne
par l'humain d'abord

Le code hauteur ajouté ainsi : permettra d'afficher une image limitée 200px de haut.

Court mettrage de campagne
par l'humain d'abord

[VERSION SPIP 4]

Alignement

Sur la colonne de gauche de chaque page d'édition, les images associées à la page éditée s'affichent, suivi de petits codes (par exemple : | left | center | right). L'utilisation d'un de ces codes dans votre article permet d'insérer l'image du document.

Cliquer sur left, center ou right permettra respectivement d'insérer une image alignée à gauche, centrée, ou alignée à droite.

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. L'image est automatiquement réduite à la moitié de la largeur de la page pour générer une mise en page agréable à lire.

Par contre, une image centrée ne laissera passer aucun texte sur ses côté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 pour qu'elle ne puisse pas déborder de la largeur de la page.

Liens

Il est possible de créer un lien sur une image en ajoutant :

|lien=adresse_de_mon_lien

Dans le petit code généré, l'image ci-dessous pointe sur un site externe.

Le titre et le descriptif de l'image

Il est possible d'associer des informations à votre image. Pour cela, cliquez sur le bouton modifier en dessous de celle-ci. Une fenêtre apparaîtra vous permettant de renseigner :

le titre de l'image,
la description de l'image,
les crédits de l'image,
l'alternative textuelle (une description de l'image pour les personnes malvoyantes),
la vignette (ou visuel) sur laquelle il faudra cliquer pour voir l'image. (Cela peut par exemple être un détail de l'image sur lequel il faudra cliquer pour voir l'image entière).

Dans l'exemple ci-contre, l'image est associée à sa légende composée de son titre et de son descriptif et ses crédits.

Une fois que votre image contiendra un de ces éléments, la légende s'affichera automatiquement en dessous de l'image. Si vous avez besoin d'utiliser l'image sans sa légende, il faudra alors ajouter "legende=non" à votre balise "doc" pour insérer l'image seule.

Dans l'exemple ci-contre, la légende de la même image a disparu.

Redimensionnement

Il est possible de diminuer la taille des images en indiquant soit une largeur, soit une hauteur.

Le code "largeur" ajouté ainsi : permettra d'afficher une image limitée 200px de large.
Le code hauteur ajouté ainsi : permettra d'afficher une image limitée 200px de haut.

Nom	Prénom	Age
Marso	Ben	23 ans
Capitaine		non connu
Philant	Philippe	46 ans
Cadoc	Bébé	4 mois