Palmarès des articles les plus consultés

AD — 2018-02-24T10:35:45Z

2023

2022

2021

2020

2019

2018

2017

Icônes

AD — 2018-02-09T14:30:54Z

Page d'exemple des icônes disponibles.

Voir en ligne : Page démonstration des icônes.

Règles de rédaction

AD, Nicolas — 2017-12-26T22:34:49Z

Code HTML

Evitez d'ajouter du code html avec
Utilisez les mises en forme, couleurs, etc. prévue dans la barre d'outils d'édition

Mot-clés

Ajoutez à chaque article/rubrique un ou plusieurs mots-clés du groupe Contenu
Audio pour les enregistrements sonores en mp3,
Photos pour les articles comprenant plusieurs photos ,
Vidéo pour les articles comprenant des vidéos en mp4
Facebook pour que l'article soit publié automatiquement sur facebook.com/forum1203

Images et logos

Evitez d'ajouter plusieurs exemplaires de la même image
Retrouvez le no de document et insérez le code dans le texte
Logo d'article en principe obligatoire au format 4/3, la largeur d'affichage dans les listes est de 150 pixels de largeur. Pour les listes d'articles, en absence de logo d'article, une image est produite automatiquement, la première image de l'article ou le logo de rubrique ou une image de base le Rond noir cerclé de blanc.
Evitez de mettre une illustration identique au logo d'article. Celui-ci peut reprendre une partie recadrée (en 4/3) d'une des illustrations de l'article.

Points géolocalisés

Associer aux articles un ou plusieurs points géolocalisés
Evénements, ne pas y associer de points géolocalisés mais insérer un lien dans le champ Lieu par ex : pour faire un lien sur le point géolocalisé gis1 mettre le code [->gis1]

Ponctuation

SPIP respecte automatiquement les principales règles d'espacement de la typographie française, (et non les règles anglaises, qu'on trouve aussi dans la presse !). Ainsi des espaces insécables sont automatiquement ajoutées devant les caractères « :», « ; », « ! », « ? » et avant et après les guillemets « à la française ».

Guide du rédacteur site forum1203.ch

AD — 2017-12-24T08:13:18Z

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

Documentation générale pour le rédacteur 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

Mots-clés groupe affichage	S'appliquent à			Rôle
	articles	rubriques	sites
Éditorial	x			Affiche jusqu'à 8 articles dans le slider Articles les plus récents ayant le mot-clé
Editorial-ecoquartier	x			Affiche jusqu'à 8 articles dans le slider de la rubrique Ecoquartier Articles les plus récents ayant le mot-clé
Sélection	x			Permet d'afficher une liste d'articles en haut de la page d'accueil Ordonnés par numéro et titre
Mosaïque	x			Affiche une mosaïque (ou autre) à partir des images de l'article concerné Jusqu'à 2 mosaîques, ordonnés par date inverse
Vidéo à la une	x			Affiche une petite vidéo sous le menu Article le plus récent ayant le mot-clé
Exclu	x	x		Permet d'exclure une rubrique du menu ou un article des listes
excluredusommaire	x			Permet d'exclure un article d'apparaître dans la liste en page d'accueil
Mentions légales	x			Permet de remplacer le texte type des mentions légales du site Article le plus récent ayant le mot-clé
Dans le menu horizontal	x	x	x	Permet de placer tous ces objets dans le menu horizontal Ordonnés par numéro et titre
Site à la une			x	Affiche le site dans le menu (le logo du site si présent) Ordonné par numéro et nom du site
Flux RSS à la une			x	Affiche les dernières nouveautés du site syndiqué Autant que l'on veut de sites Ordonnés par numéros
Facebook	x			Publie automatiquement l'article dans la page Facebook forum1203 à l'aide de IFTTT et le flux RSS

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

Titre 1 Placez votre texte ici ++++Titre 2 Placez votre texte ici ++++Titre 3 Placez votre texte ici

Bloc dépliable (couteau suisse) aide

Bloc replié

Un titre Placez votre texte ici

Bloc déplié

Un titre Placez votre texte ici

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 :    Vous pouvez choisir les documents en les désignant comme ceci :  Vous pouvez choisir la largeur maximum du diaporama, par exemple :  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 :    Inclusion directe :

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

Forum 1203