Créer un premier article sous SPIP

Tutoriel SPIP

Mis à jour le mercredi 28 août 2024 , par Angelina CAUSSÉ

Création d’un article

1. Intégrer un titre en intertitre

Les accolades (ouvertes et fermées symétriquement) :

– Accolades triples, pour créer un intertitre

Test Spip

2. Mettre en gras

Accolades doubles, pour mettre en gras

Test Spip

3. Mettre en italique

Accolades simples, pour mettre en italique

Test Spip

2. Placer l’article dans une rubrique

Cliquer sur la loupe pour déplier l’arborescence et cliquer sur les rubriques et sous-rubriques choisies :

Exemple : Former, se former > Formation au numérique > Outils logiciels

Ne pas oublier de cliquer sur "Choisir"

Intégrer un article dans une rubrique. Cliquer sur CHOISIR

3. Télécharger une image dans un article

1. Dans la zone "Ajouter une image ou un document", parcourez vos dossiers puis "choisissez" et sélectionnez le document souhaité.

Ajouter ne image ou un document
Document téléchargé

2. Cliquez ensuite sur "Modifier" pour donner un titre à votre document :

Donner un titre au document

3. Une fois le document chargé et titré, sélectionnez la zone où vous souhaitez l’intégrer en positionnant votre curseur dans le corps du texte de l’article puis cliquer sur la balise associée à l’icône du document :

Donner un titre au document

Peixe

4. Intégrer une image

Les balises permettent de placer à gauche, au centre ou à droite :

Peixe
Peixe
Peixe

5. Insérer un lien

  • 1. En collant simplement un lien dans le corps du texte : le lien sera actif automatiquement

  • 2. En utilisant la fonction "Lien" puis en collant le lien souhaité dans le champ du formulaire.

Il est possible d’écrire le code suivant à la main :

Puis d’insérer le lien après la flèche :

Ce qui précèdera la flèche correspondra à la zone cliquable :

5. Insérer une vidéo

La plupart des sites proposant des vidéos (Tube, Youtube etc.) mettent à disposition, via le bouton "Partager", des "codes d’insertion" prêts à l’emploi.

Exemple illustré, dans YouTube :

Cliquer sur le bouton de partage d’une vidéo

différentes options de partage d’une vidéo - Lien ou Code d’intégration

Partager le lien vers une vidéo

Copier / coller le code d’intégration d’une vidéo

Paramétrer le code d’intégration de la vidéo

1. Copier le code suivant :

Modifier et personnaliser le code d’intégration

Modifier et personnaliser le code d’intégration

2. Remplacer les trois XXX (XXX), sans ajouter d’espace ni retrancher les guillemets, par le lien hypertexte voulu :

Comme pour l’intégration d’une vidéo, on copié le code d’intégration et on le colle à l’endroit voulu.

Effet produit

6. Utiliser les balises

7. Insérer des onglets

8. Insérer un tableau

Mon premier tableau
Test
Déterminants / Articles / PronomsSubstantifs / Noms Verbes conjugués au présent Verbes à l’infinitif
a vida VIVER
a menina aprende APRENDER
Ela trabalha TRABALHAR

8. Insérer des blocs dépliables

Galerie d'images

Balise : <docXXX>

Dans la même rubrique