Guide du rédacteur site forum1203.ch

La version actuelle du nouveau site est SPIP 3.2 (au 23/12/2017)

Documentation générale pour le rédacteur SPIP

• Guide du rédacteur SPIP
• Documentation en ligne - Raccourcis SPIP
• essai de la syntaxe SPIP

Nouvelles fonctionnalités et mots-clés

Le squelette est basé sur ScolaSPIP4

• mise en page responsive qui s’adapte aux smartphones, tablettes et diverses définitions d’écran
• les diaporamas d’images sont responsives
• possibilité de mettre plusieurs articles en "éditorial" sous forme de diaporama
• possibilité d’ajouter des rubriques dans le menu horizontal (menus déroulants si il y a des sous-rubriques)
• davantage de choix de couleurs, des choix pour les polices, davantage d’options d’affichage (arrondis, images de fond, ombres divers)
• Affichage immédiat - et accessible - des brèves dans la page (accueil et page de rubrique)
• Agenda avec son nouveau mini calendrier et gestion d’inscriptions à des événements
• Polyhiérarchie possibilité de faire apparaître un article dans plusieurs rubriques en ajoutant une ou plusieurs rubriques en mode Modifier cet article

Barre d’outils rédaction

La nouvelle barre d’outils d’édition permet de visualiser le code et le résultat en mode plein écran.

Sur le site public, lorsque l’on est connecté on peut éditer directement le texte en cliquant sur l’icône plume à droite de l’objet à éditer (titre, contenu, etc.)

 Raccourcis clavier

CTRL-b pour mettre en gras, CTRL-i pour mettre en italique, CTRL-H pour mettre en intertitre, CTRL-l pour créer un hyperlien,

 Textes en couleur doc

l’icône T Permet de mettre en couleur le texte ou l’icône F le fond du texte

[rouge] couleur de police rouge [/rouge]
[fond jaune] couleur du fond jaune [/fond jaune]

les 36 couleurs des styles css en anglais/français : black/noir, red/rouge, maroon/marron, green/vert, olive/vert olive, navy/bleu marine, purple/violet, gray/gris, silver/argent, chartreuse/vert clair, blue/bleu, fuchsia/fuchia, aqua/bleu clair, white/blanc, azure/bleu azur, bisque/beige, brown/brun, blueviolet/bleu violet, chocolate/brun clair, cornsilk/rose clair, darkgreen/vert fonce, darkorange/orange fonce, darkorchid/mauve fonce, deepskyblue/bleu ciel, gold/or, ivory/ivoire, orange/orange, lavender/lavande, pink/rose, plum/prune, salmon/saumon, snow/neige, turquoise/turquoise, wheat/jaune paille, yellow/jaune

 Sommaire des articles aide

les textes en {{{intertitre}}} sont affichés dans une boîte Sommaire en haut de l’article

Il est possible de réaliser des intertitres hiérarchisés avec la syntaxe

-  Intertitre de niveau 1 : {{{Intertitre}}} ou {{{*Intertitre}}}
-  Intertitre de niveau 2 : {{{**Intertitre}}}
-  Intertitre de niveau 3 : {{{***Intertitre}}}
-  Intertitre de niveau 4 : {{{****Intertitre}}}

le code [!sommaire] placé n'importe où dans le texte de l'article supprime l'affichage du sommaire

 Onglets dans un article (couteau suisse) aide

Pour insérer des onglets dans un article

<onglets>Titre 1

Placez votre texte ici

++++Titre 2

Placez votre texte ici

++++Titre 3

Placez votre texte ici

</onglets>

 Bloc dépliable (couteau suisse) aide

Bloc replié

<bloc>Un titre

Placez votre texte ici
</bloc>

Bloc déplié

<visible>Un titre

Placez votre texte ici
</visible>

Nouveaux types d’objets

 Evénements (agenda)

Ils sont associés obligatoirement à un article, ils permettent de définir une ou plusieurs date avec un horaire et un lieu, éventuellement avec une inscription

 Points géolocalisés, lignes ou surfaces (GIS)

Ils permettent de s’afficher sur une carte, ils sont associés à un événement, article, rubrique, liens, ...

 Carrousel d’articles - page d’accueil

Les articles doivent avoir le mot-clé affichage/editorial pour apparaître dans le carrousel

 Agenda - page d’accueil

L’agenda comprend les événements associés aux articles

 Carte - page d’accueil

Elle montre les points géolocalisés de toutes les rubriques.
(A modifier quand il y en aura trop !) pour réduire avec les points liés aux derniers articles/évènements

 Mosaïque de photos - article

Ajouter plusieurs photos dans le portfolio et mettre le mot-clé affichage / Mosaïque

 Diaporama - article - rubrique

Dans vos textes, ce raccourci insère un diaporama de toutes les images liées à cet article :
<article3766|cycle|left>
<article3766|cycle>
<article3766|cycle|right>
Vous pouvez choisir les documents en les désignant comme ceci :
<article3766|cycle|docs=4215,4212>
Vous pouvez choisir la largeur maximum du diaporama, par exemple :
<article3766|cycle|largeurmax=200>
Vous pouvez aussi combiner ces paramètres. 

 Vidéos - article

Intégration de vidéos distantes (Youtube, Dailymotion, Vimeo, ScolaWebTV, etc.) sur la page d’accueil (voir la documentation de oEmbed qui permet également d’afficher des images ou contenus riches dans vos pages)
Ajout d’un document de type Internet avec le lien url pointant directement sur une video youtube, dailymotion, vimeo etc par ex : https://vimeo.com/user46921769 crée un nouveau document en récupérant automatiquement le titre, les caractéristiques techniques de la video et crée une imagette. Ce document peut être inclut comme un autre avec

Inclusion de la vignette :
<doc4216|left>
<doc4216|center>
<doc4216|right>

Inclusion directe :
<emb4216|left>
<emb4216|center>
<emb4216|right>

Les vidéos chargées en tant que document sur notre site doivent être en format mp4 ou m4v , le format video flash flv n’est plus supporté (pas compatible avec les smartphones)

Pour les dimensions, ne pas aller au delà de 1280x720.

Lettres d’informations

Il y a un nouvel outil pour l’envoi des lettres d’informations -> Edition Infolettres
Il faut utiliser le modèle 1203basic et choisir les articles que l’on veut inclure.
 !! Nouveau 5/3/2018 !! les articles sont triés par Numéro et Titre, pour gérer l’ordre il faut éditer le titre de l’article et mettre :
10. titre article en premier
20. titre article en second
30. titre 3ème article
etc.

On peut s’aider de l’outil Numéroter qui se trouve dans la colonne de droite de l’espace privé.
Quand l’infolettre est en statut en cours de rédaction ou proposé à l’évaluation, il est conseillé de la prévisualiser et de se l’envoyer à une adresse email test avant de la diffuser à tous les inscrits.

La gestion des inscrits à l’infolettre se fait dans le menu Activité -> Inscrits aux envois par email et Listes de diffusion.

Il faut changer le statut de l’Infolettre à publié en ligne pour pouvoir l’envoyer à une liste de diffusion.
Dès lors, on ne peut plus éditer le contenu de l’infolettre (à part en modifiant le code HTML).