Les nuits et les jours de Querbes
Les nuits et les jours de Querbes
Vous êtes ici :  

Créer une page web avec SPIP

par Fleg (dimanche 14 février 2010)

Introduction

Cette page a pour but de vous guider dans l’utilisation de SPIP pour créer facilement des pages web dans le site du festival de Querbes.

Expace public et espace privé

Le site présente deux interfaces. L’espace public correspond à ce que voient les visiteurs. L’espace privé est réservé aux contributeurs du site et leur sert à créer des pages et gérer le site.

L’accès à l’espace privé est protégé par mot de passe.

Principes de base

Spip fonctionne sur le principe de rubriques et d’articles. Une rubrique est l’analogue d’un dosssier. C’est un contenant. Un article est une page web qui sera affichée, c’est l’analogue d’un fichier, c’est donc un contenu.

Un site web sous spip est donc constitué de rubriques (et éventuellement des sous rubriques) qui contiendront des articles.

Pour être visible dans l’espace public, un article doit être publié en ligne. Lorsqu’il n’est pas publié, un article est en cours de rédaction et est donc invisible dans l’espace public.

Une rubrique n’apparait dans les menus du site que si elle contient au moins un article publié en ligne (ou une sous-rubrique contenant elle même un article publié).

On peut « trier » les articles et les rubriques, pour gérer leur ordre d’apparition à l’écran et dans les menus, en faisant commencer leur nom par un numéro suivi d’un point et d’un espace. Bien évidement, ces numéros n’apparaitront pas dans l’affichage du nom des articles/rubriques. Ex :

  • 1. ma première rubrique
    • 1. 1er article de la premiere rubrique
    • 2. article 2
  • 2. Rubrique deux
    • 1. permière sous-rubrique de la rubrique 2
      • 2. article 2
      • 1. article un
    • 1. un article

etc…

apparaitra comme :

  • ma première rubrique
    • 1er article de la premiere rubrique
    • article 2
  • Rubrique deux
    • permière sous-rubrique de la rubrique 2
      • article un
      • article 2
    • un article

Rôles

Spip distingue trois types d’utilisateurs : Les administrateurs, les administrateurs restreints et les rédacteurs.

  • Les administrateurs : Contrôlent l’ensemble du site et peuvent tout faire (gérer les rubrique et sous rubriques,… ). En particulier, ils sont habilités à créer et publier en ligne des pages n’importe où dans le site.
  • Les administrateurs restreints (à certaines rubriques) : Sont autorisés à créer et publier en ligne des pages, mais uniquement dans les rubriques dont ils ont la responsabilité. Pour les rubriques dont ils ne sont pas administrateurs, il ne peuvent que proposer des articles sans pouvoir les publier en ligne.
  • Les rédacteurs : Peuvent créer des pages mais n’ont pas le pouvoir de les mettre en ligne. Il doivent donc proposer à l’évaluation leur article pour qu’un administrateur le publie en ligne.

Espace public

L’espace public se présente ainsi :

PNG - 501.7 ko

On notera en particulier le lien tout en bas permettant d’accèder à l’espace privé, et donc à la mise à jour du site.

Espace privé

Pour accéder à l’espace privé, on utilisera le lien mentionné au paragraphe précédent.

JPEG - 17.1 ko

Il faut alors s’identifier en utilisant son login/mot de passe.

On accède ensuite à l’espace privé qui se présente ainsi :

PNG - 410.4 ko

On notera la possibilité d’avoir une interface simple (certaines fonctionalités sont masquées) ou complète (accès à toute les options).

Il est recommandé d’utiliser l’interface complète, en particulier pour la gestion des images/documents.

Créer une page

Pour créer une page, il suffit de suivre les étapes suivantes :

— Connectez-vous à l’espace privé
— Cliquez sur "Edition"
— Choisissez la rubrique où vous souhaitez créer (ou modifier) votre page

PNG - 348.3 ko

— Cliquez sur Écrire un nouvel article ou sélectionnez l’article à modfier

PNG - 266.2 ko

— Renseignez le titre de votre article, éventuellement le sous-titre, le résumé etc…
— Saisir le texte de l’article dans la zone prévue à cet effet. On pourra utiliser un certain nombre de raccourcis typographiques pour gérer la présentation de son texte.
— Ne pas oublier de VALIDER pour enregistrer ce qui a été fait.

PNG - 571.5 ko

— A ce niveau, l’article est crée mais pas publié en ligne. Il n’est donc pas visible par le publique. Si vous avez les droits d’administrateur, vous pouvez changer son statut pour le passer à publié en ligne. Sinon, vous pouvez le proposer pour évaluation et attendre qu’un administrateur le valide et le mette en ligne.

PNG - 712.2 ko

— Une fois en ligne, allez sur l’espace public : votre article est accessible au monde entier.

Insérer des images et des documents

Spip permet d’insérer facilement des images, ou des documents à télécharger (pdf, etc…) dans vos pages. Il est conseillé d’utiliser les fonctions d’insertion de document plutôt que l’insertion d’images, même pour importer les images du sites. Ces manipulations sont plus aisées si on utilise l’interface complète. Avant d’ajouter un document, il est préférable de sauvegarder son article (ça évite de perdre son travail en cas de fausse manipulation).

Ensuite il faut :
— Se placer sur l’article dans l’espace privé et cliquer sur modification.

PNG - 64.6 ko

— Choisir Ajouter un document, sélectionner le fichier local à utiliser (bouton parcourir) et ne pas oublier de le transférer en cliquant Télécharger.

PNG - 156.2 ko

— Les informations du fichier téléchargé apparaissent alors dans la colonne de gauche (ATTENTION, IL FAUT ÊTRE EN INTERFACE COMPLÈTE).
— On peut renseigner les informations le concernant.
— A ce stade, le fichier est présent sur le serveur, mais pas encore inclu dans la page. Pour que le fichier apparaisse dans l’article, il faut copier, à l’endroit où l’on veut qu’il apparaisse, le code correspondant (morceau de code donné dans la fenêtre à gauche). S’il s’agit d’une image, et que l’on souhaite qu’elle apparaisse telle quelle on utilisera le code <embxxx> (xxx étant le numéro de l’image). Si l’on souhaite juste faire apparaitre une vignette cliquable (l’image ou le document seront alors affichés si le visiteur clique sur la vignette), on utilisera le code . On peut également ajouter des instructions d’alignement left (à gauche du texte), center (au centre de la page) ou right (à droite du texte). Le code à insérer sera alors : <embxxx|left>, <docxxx|center> ou <imgxxx|right>.

PNG - 296.6 ko

— Enfin, tous les documents liés à un article mais non insérés dans le texte (pas de balise <doc> ou <emb> ou <img> copiée dans le texte) apparaitront en fin d’article sous la forme d’un portfolio (comme dans les archives du site).

Spécificités du site du festival

Articles index
Par défaut, le contenu affiché par spip pour une rubrique est limité. Afin de contourner ce point, on a créé pour chaque rubrique un article nommé index. C’est cet article qui s’affiche par défaut lorque le visiteur visualise une rubrique. Les articles nommés « index » n’apparaissent pas dans les menus du site.

Page mise à jour le : 21 mars 2008.

Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | SPIP | Archives