ADAPT - Éditions

Insérer des images dans un article

Laurent Lefebvre — 2023-06-03T09:29:10Z

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

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.

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.

C'est pas à un vieux singe ...

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

C'est pas à un vieux singe ...

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

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.

Le titre et le descriptif de l'image

Les exemples ci-dessus sont dotés d'une légende. Pour associer des informations à votre image, 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).

Dès que votre image contiendra un de ces éléments, sa légende s'affichera pour chacune de ses utilisations.

Cela peut devenir rébarbatif en cas d'utilisation répétée. 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.

Ne me confondez pas avec mes frères

Je suis carrément plus beau qu'eux et c'est moi leur chef.

©worldcompagny

Il est aussi possible de modifier le texte du titre, du descriptif, et des crédits. Pour cela, ajouter les élément suivant à votre balise [**doc*] :

 |titre=mon titre particulier |description=ma description particulière |credits=mes crédits particuliers

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.

C'est pas à un vieux singe ...

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

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

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

Quelques exemples de raccourcis

Laurent Lefebvre — 2023-06-01T08:23:45Z

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 3 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 la touche raccourcie CTRL + H.

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

**Paragraphes et retours à la ligne

Un retour à la ligne dans l'espace de rédaction aura pour effet de passer à la ligne sans changer de paragraphe.
Lorsque l'on passe 2 lignes ou plus, le système génère un nouveau paragraphe. Celui-ci sera espacé du paragraphe précédent par le même espace quel que soit le nombre de lignes passées.
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 :
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 « -# »

premier
deuxième
troisième

**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 touches raccourcies 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 : Entre Terre et ciel

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é 43, on écrira "mot" + le numéro 43 : mot 43
Pour faire pointer un lien vers le site référencé 10, on écrira "site" + le numéro 10 : Tests critiques de cédéroms, par le GEP de l'académie de Versailles
Pour faire pointer un lien vers le document 13, on écrira "doc" + le numéro 13 : doc13
Pour faire pointer un lien vers les articles de l'auteur 1, on écrira "aut" + le numéro 1 : Prevot Alain

***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 [1] de bas de page.

Ces notes de bas de pages existent sous plusieurs formats :

sous forme d'astérisques [ »." id="nh_2A">*],
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 [2] 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).
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. )]

***Paragraphe ferré à droite

[/Il est possible de ferrer les paragraphes à droite en utilisant les "[" (crochets) et les "/" (slaches)./]

***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.

[1] 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

Pourquoi mon article / ma rubrique n'apparaît pas sur le site ?

Laurent Lefebvre — 2021-04-28T18:47:04Z

Quelques règles fondamentales s'appliquent aux éléments de votre site :

Un article apparaît seulement s'il est publié.
Une rubrique apparaît seulement si elle contient au moins un article publié (ou si elle contient au moins une sous-rubrique contenant un article publié). À l'inverse, il ne sera pas possible de supprimer une rubrique contenant au moins un article publié.
Il est impossible de supprimer un document tant qu'il s'affiche dans un article.

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

Laurent Lefebvre — 2021-04-28T18:47:01Z

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 .

Les tableaux

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

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

{{}}

https://c-real.fr/sites/c-real.fr/IMG/csv/animaux-2csv1c97.csv

Les fichiers PDF

Associez votre fichier à un article
Insérer-le document dans l'article en utilisant le mini-code :
<emb+numéro du document>
Votre PDF sera inséré en pleine page dans votre article et un peitt lecteur permettra de lire son contenu :

l'Orthographe en classe

Dépliant de présentation

[1] Un fichier de tableur est un fichier Excel ou Calc.

Comment ajouter des éléments sur la page d'accueil ?

Laurent Lefebvre — 2021-04-28T18:46:59Z

La page contenu > modules permet de modifier la plupart des éléments qui se trouvent sur la page d'accueil ainsi que les éléments en pied de page.

Voici les différents éléments qui peuvent être modifiés :

La page d'accueil est composée de plusieurs parties. Chacune de ces parties est modifiable dans la partie squelettes/modules en utilisant une méthode similaire. Cette page explique :

Comment modifier le carrousel(1)
Comment choisir les mots-clé et rubriques auxquel⋅le⋅s les ouvrages sont liés en page d'accueil (2,3 et 4)
Comment modifier la partie actualités (5)
Comment modifier les vidéos (6)

Logique générale

Quel que soit le module, la logique est toujours la même :
Il faut ajouter, retirer ou déplacer des objets situés formulaire de liaison situé dans la page.

***Ajouter un élément

Dans le champ intitulé "ajouter un objet", taper les premières lettres du titre de l'élément à ajouter. Sélectionner le bon élément parmi les titres qui apparaissent. Répéter l'opération pour chaque élément.

***Ordonner les éléments

Quel que soit le module sélectionné, pour ordonner les éléments, il suffit de glisser-déposer chacun d'entre eux à la bonne place.

***Détacher un élément du module

Pour détacher un élément, on appuiera tout simplement sur la croix rouge qui lui est associé. L'article ou la rubrique concernée n'apparaîtra plus à cet endroit du site sans toutefois être supprimé.

Comment ajouter des informations dans le carrousel en page d'accueil ?

Pour ajouter des informations dans le carrousel en page d'accueil :

RDV dans squelettes/modules
Choisir le module nommé "Accueil - Carrousel"
Dans le champ de recherche en bas de la page, tapez les premières lettres du titre de l'élément (il doit s'agir d'un [*article*] ) que vous voulez ajouter dans le carrousel. Sélectionnez le bon élément parmi les titres qui apparaissent.
Par défaut, le [**surtitre*], le [**titre*], le [**sous-titre*], le [**rédacteur de l'ouvrage*], [**l'introduction*] [1] et le [**logo d'article*] apparaissent dans le carrousel.
Si pour des raisons éditoriales ou ergonomiques, un autre [**titre*] ou un autre [**descriptif*] doivent être écrit spécialement pour le carrousel, il est possible de modifier celui-ci en cliquant sur "[*Modifier cet objet lié*]". Le titre et le descriptif entrés prendront la place de ceux de l'article.

Comment ajouter ou modifier les listes d'ouvrages présents en page d'accueil ?

RDV dans squelettes/module/Accueil - Listes d'ouvrages
Dans le champ de recherche en bas de la page, tapez les premières lettres du titre d'une [*rubrique*] ou d'un [*mot-clé*]. Les 4 derniers ouvrages associés à cet élément apparaîtront sur l'un des 3 endroits de la page d'accueil dédié à cet effet (voir le petit visuel en haut de page).
seuls 3 emplacements sont dédiés à ces ouvrages. Seuls les 3 premiers éléments entrés seront donc pris en compte.

Comment modifier la partie actualités de la page d'accueil ?

RDV dans squelettes/modules/Accueil - Actualité
Les [*articles*] sélectionnés apparaissent dans l'emplacement "actualité". Il est préférable que leur nombre soit un multiple de 2 (la mise en page s'effectuant en 2 colonnes).
Par défaut, [*le titre*], le [*logo*] et [**l'introduction*] [1] de ces éléments apparaissent.

Comment modifier la partie vidéos en page d'accueil

RDV dans squelettes/modules/Accueil - Vidéos
Les [*documents*] sélectionnés apparaissent dans l'emplacement "Nos ouvrages en vidéos". Il est préférable que leur nombre soit un multiple de 2 (la mise en page s'effectuant en 2 colonnes).
Par défaut, [*le titre*] et le [*visuel*] de ces éléments vidéos apparaissent avec un lecteur. Les vidéos n'ont pas forcément besoin d'être insérées dans un article pour apparaître ici.

[1] C'est-à-dire soit le descriptif, soit le début de l'article ci-celui-ci n'existe pas

Aide

Laurent Lefebvre — 2021-04-28T18:46:45Z

Vous trouverez ci-dessous quelques informations utiles à l'administration de votre site :

**Mise en page des articles

– Quelques exemples de raccourcis
– Insérer des images dans un article

**Foire aux questions des rédacteurs :

– Que s'affiche t'il sur une page rubrique ?
– Pourquoi mon article / ma rubrique n'apparaît pas sur le site ?
– Quelles images ai-je le droit de publier sur mon site ?
– Comment insérer un tableur ou un PDF dans un article.

**Administation du site :

– Comment ajouter des éléments sur la page d'accueil ?
– Modifier un menu
– Comment modifier les coordonnées et informations importantes du site ?

**Boutique en ligne :

– Comment transformer un article en objet achetable ?
– Comment changer le taux de TVA par défaut ?
– Comment valider un libraire ?

**Infolettres :

– Créer des listes de diffusion et des formulaires d'abonnement
– Créer et envoyer des infolettres
– Les systèmes d'envoi d'E-mail de masse