Artbribus

Modifier un menu

Laurent — 2023-08-19T12:45:50Z

Votre site est pourvu de 4 menus :

Le menu supérieur
Le menu principal
Le menu de l'espace membre
Le menu de pied de page

Pour modifier ceux-ci, RDV dans Mise en page > Menus du site. Puis sélectionnez le menu sur lequel vous voulez agir.

Une page de configuration de menus est composée de l'ensemble des entrées de celui-ci (1) ainsi que d'un bouton permettant d'ajouter des entrées (2).

Entrées d'un menu.

En cliquant sur "ajouter une entrée de menu", un panneau permettant de choisir l'entrée s'affiche.

Parmi celles-ci :

Page d'accueil crée (comme son nom l'indique) un lien vers la page d'accueil.

Objet de SPIP crée un lien vers n'importe quel objet éditorial de SPIP. Ça peut être un article, une rubrique ou n'importe quel élément.

Lien arbitraire est utile pour créer des liens vers un autre site ou un document. Il suffit de donner une adresse et un titre.

Articles d'une rubrique permet d'afficher plusieurs liens en une seule manipulation. En effet, tous les articles d'une rubrique définie s'afficheront à la suite. Cette fonctionnalité est dynamique : si un article est ajouté / modifié / supprimé dans votre rubrique, votre menu se mettra à jour automatiquement. Une fois l'entrée sélectionnée, il faut définir la rubrique dans laquelle les articles seront listés. Le nombre maximum d'articles, les exclusions éventuelles et le type de tri sont aussi configurables. Cette entrée est idéale pour créer des sous-menus.

Liste ou arborescence de rubriques et d'articles est la plus complexe des entrées. Elle permet d'afficher les rubriques du site de manière arborescente. Pour cela, il faut définir la rubrique dans laquelle il faut commencer la liste, le niveau maximum de sous-rubriques, les exclusions éventuelles, le type de tri... Vous pouvez aussi inclure les articles dans l'arborescence, limiter leur nombre, en gérer le tri.

Se connecter et se déconnecter permettent de créer des liens pour entrer et sortir de l'espace privé.

Lien vers un squelette de page permet de créer un lien vers une page spéciale.Voici quelques exemples de termes à indiquer dans le champ Nom de la page pour créer ce type de lien :

Indiquer « contact » pour créer un lien vers la page contact
Indiquer « infolettre » pour créer un lien vers la page d'abonnement à l'infolettre
Indiquer « auteurs » pour créer un lien vers la page listant tous les auteurs
Indiquer « mots » pour créer un lien vers la page listant les mots clés. Pour limiter les mots-clés à un groupe, indiquer dans le champ Liste des paramètres "id_groupe= + numéro de groupe de mot-clé".

Lorsque l'on survole les entrées :

Plusieurs boutons apparaissent :

Utilisez les flèches ou pour déplacer ces éléments.
Utilisez le bouton Pour supprimer une entrée.
Utilisez le bouton pour pouvoir re-configurer une entrée.
le bouton Permet de créer un sous-menu déroulant pour les entrées de certains menus (essentiellement utilisé dans les menus principaux). Une nouvelle zone symbolisant le sous-menu apparaîtra avec 2 boutons : ("supprimer ce sous-menu" et "Ajouter une entrée de menu") qu'il faudra ensuite remplir d'entrées comme vu précédemment.

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

Laurent Lefebvre — 2023-08-19T12:42:36Z

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 le tableur au format .csv
L'associer à 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 :

Animal	Nombre de pattes	Nombre de poils
Chat	4	123846356
Chien	4	546854128
Poisson	0	0

Un fichier Excel

Avec des animaux

Les fichiers PDF

Associer le 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 petit lecteur permettra de lire son contenu :

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

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

Ajouter une vidéo à un article

Laurent — 2023-08-19T12:42:05Z

Beaucoup de contenus web sont véhiculés dans un format vidéo. Vous trouverez ici la méthode pour pouvoir ajouter du contenu vidéos en passant par des plateformes telles que Youtube, Vimeo ou Dailymotion.

Nous vous conseillons d'ouvrir un compte sur l'une de ces 3 plateformes. Chacune d'elle possède des qualités particulières. En passant par ces plateformes, vous bénéficierez notamment des fonctionnalités et de la communauté de celles-ci tout en évacuant les problématiques d'espace disque et de bande passante nécessaires à l'hébergement de ce type de données.

Quelle plateforme choisir ?

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

Youtube est la plateforme vidéo de Google. Elle est la plus populaire et bénéficie d'une communauté très large. Elle permet d'héberger gratuitement une quantité importante de vidéos (128 Go). Cependant, elle intègre des publicités à son lecteur.
Vimeo est une plateforme états-unienne très prisée par les professionnels de la création. Cette plateforme connote une dimension créative et esthétique. Bien qu'elle soit limitée à 500 Mo par semaine dans sa version gratuite, son lecteur ne présente pas de publicité. Enfin, son lecteur intègre la possibilité de télécharger les vidéos.
Dailymotion est une plateforme française possédée par le groupe Vivendi. Elle conviendra aux structures soucieuses d'héberger leur contenu en France. Malheureusement, elle intègre des publicités à son lecteur.

Comment publier du contenu vidéo 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 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.
Les plateformes Youtube et Vimeo importeront le titre, le descriptif, l'image et les crédits de la vidéo automatiquement sur votre site. Si vous voulez modifier ceux-ci, cliquez sur le bouton modifier [2].

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

[2] Il arrive que l'image d'une vidéo Youtube ne se télécharge pas. Si tel est le cas, recommencez l'opération.

Comment retirer une page des résultats de Google ?

Laurent — 2023-08-19T12:39:04Z

Pour déréférencer une page d'un moteur de recherche, la première action à effectuer est de dé-publier l'objet en changeant son statut. Une fois cette action effectuée, l'objet n'apparaîtra plus sur le site et sera progressivement mis en retrait des résultats de recherche.

Lorsque la demande de déréférencement concerne les résultats de recherche qui apparaissent à la saisie du nom et du prénom d'une personne physique, il est possible d'accélérer le processus. On peut demander aux différents moteurs de recherche de déréférencer la page via un formulaire de demande de suppression de résultats de recherche. Voici les liens pour les moteurs de recherche les plus populaires.

Moteur de recherche	Formulaire ou Contact
Bing	Formulaire de demande en ligne
Google	Formulaire de demande en ligne
Qwant	Formulaire de demande en ligne
Yahoo !	Formulaire de demande en ligne

Comment éviter de voir l'horaire sur la date d'un événement ?

Laurent Lefebvre — 2023-08-19T12:38:20Z

Certains événements n'ont pas besoin d'afficher d'horaires.

Pour éviter cela, une case à cocher Toute la journée est disponible sur le formulaire de création d'événement. Il suffit de le cocher pour voir disparaître les références horaires sur l'événement.

Attention : lorsque l'on rentre une horaire de début pour la 1ère fois, l'horaire de fin se cale automatiquement 1h après l'horaire de début. Il convient de modifier l'horaire de fin après l'horaire de début.

Ajouter un événement

Laurent — 2023-08-19T12:35:19Z

Un événement comprend un début et une fin. Lorsque celui-ci est à venir ou en cours, il apparaît automatiquement sur la page d'accueil.

Préalable

Sur ce site, les événements sont associés à un article. Par exemple, l'article article 1338 est associé à un événement.

Pour ajouter un nouvel événement, il est donc nécessaire de s'assurer au préalable que l'article auquel il est associé a été créé.

Si ce n'est pas le cas, il faudra créer un article portant le nom du type d'événement ainsi qu'un petit texte de présentation de celui-ci (ne pas hésiter à prendre exemple sur les articles déjà en ligne).

Création de l'événement

RDV sur l'article sur lequel doit apparaître l'événement, puis cliquer sur " Créer un événement ".
Une fenêtre apparaîtra vous permettant d'ajouter les dates de l'événement.
1. Par défaut, le titre de l'événement sera celui de l'article parent. Indiquer un titre plus spécifique permettant de ne pas confondre l'événement avec un autre.
2. Il faudra nécessairement publier des dates de début et de fin de celui-ci.
Une fois l'événement ajouté, celui-ci apparaîtra dans la liste d'événements associés à l'article. Il vous sera possible de cliquer sur l'événement pour ajouter un logo spécifique pour celui-ci.

Comment modifier les coordonnées et informations importantes du site ?

Laurent — 2023-08-19T12:26:21Z

La page Configuration > Identité du site, vous permet de modifier des informations importantes du site.

Le nom et le descriptif du site

Le nom du site apparaît dans l'onglet de la page d'accueil du site.
Ces contenus servent notamment à renseigner les moteurs de recherche. Il est important d'y placer les mots-clé qui permettront d'attirer l'attention de l'internaute parmi d'autres résultats de recherche.

L'adresse E-mail du webmestre

C'est l'adresse par défaut vers laquelle sont envoyées les réponses au formulaire de contact.

Le téléphone et l'adresse

Ces informations apparaissent en pied de page du site.

La citation apparaissant au pied de certaines pages

La citation apparaissant au pied de la page d'accueil et de la page contact ainsi que son auteur sont configurables ici.

Quelles images ai-je le droit de publier sur mon site ?

Laurent — 2023-07-06T13:56:08Z

Attention ! Toute image trouvée au hasard sur internet n'est pas forcément publiable.
En effet, une image ou photographie appartient à son créateur. Celui-ci peut donc vous demander de le rémunérer pour sa publication.

Inversement, vous pouvez publier sur votre site les images libres de droit à condition de citer leurs auteurs.

Vous trouverez ci-dessous quelques liens vers des sites où trouver des images libres de droit.

Veillez à mentionner les auteurs de ces photos lorsque vous les utilisez.

Images pixelisées esthétiques :

Images pixelisées correspondant à une recherche précise :

Wikimedia Commons

Images liées au mouvement social :

[VERIFIER L'UTILITE]

La phototèque du mouvement social (ces images ne sont pas libre de droit mais l'auteur permet généralement leur diffusion sur des sites de gauche).

Image véctorielles

[VERIFIER L'UTILITE]

Insérer des images dans un article

Laurent Lefebvre — 2023-07-06T13:55:26Z

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.

C'est pas à un vieux singe ...

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

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

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.

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.

© 20th Century Fox

Quelques exemples de raccourcis

Laurent Lefebvre — 2023-07-06T13:54:57Z

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

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 : Contact

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 : Galeries de portraits
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 : site 10
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 : 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 [1] de bas de page.

Ces notes de bas de pages existent sous plusieurs formats :

sous forme d'astérisques [ En plaçant simplement un astérisque entre les symboles « < » et « > »." id="nh3-2">2],
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 [ En n'indiquant rien entre les symboles « < » et « > »." id="nh3-3">3],
donner un nom (en toutes lettres) à une note ; cet usage est très répandu pour les références bibliographiques [4] ;
rappeler une note déjà existante [5] 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 2de planète, évitons d'émettre une quantité importante de CO2.
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 :

Paragraphe sur plusieurs colonnes :

Il est possible de mettre en pages un texte sur plusieurs colonnes de cette manière en mettant l'information entre crochets et parenthèses. Les paragraphes apparaîtront sur 2 colonnes sur les espaces étroits (petites résolutions) et sur 3 colonnes dans les situations où l'espace est plus important (grands écrans, etc.)

Paragraphe ferré à droite

Il est possible de centrer les paragraphes en utilisant les "[" (crochets) et les "|" (pipe).

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.

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

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

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