BlueGEEK Journal

Accueil > Manip’s > SPIP & CO > SPIP : Installer une page d’accueil personnalisée en HTML

SPIP

SPIP : Installer une page d’accueil personnalisée en HTML

index.html

dimanche 11 juin 2006, par bluegyn_spip

SPIP est un programme français

- Qui permet de créer et de maintenir facilement un site dit "Editorial", c’est à dire qui contient des articles,

SPIP est un outil

- Qui peut être utilisé tel quel dans son interface la plus simple

- Mais qui peut aussi être entièrement personnalisé grâce à un concept original qui sépare complètement les articles et leur présentation.

Pour personnaliser SPIP

- On peut utiliser soit un SQUELETTE tout fait [1]

  • Comme BIOSPIP ou EPONA,

- Soit créer son propre squelette

- En recopiant le contenu du dossier de distribution DIST dans son propre dossier [2]


MANIP

Le but de la manip est de créer une page HTML toute bête

- avec n’importe quel éditeur HTML [3]

Puis d’y placer l’ensemble des pages autonomes de SPIP

- Qui peuvent être appelées directement par leur URL


Nous créons une page nommée

- INDEX.HTML

Qui contient (pour commencer)

- une TABLE

- de 2 colonnes et de 2 lignes [4]

La ligne du Haut

- Comporte à Gauche une photo

- A droite un Logo Horizontal (titre du site)

  • Avec juste en dessous un module de recherche d’articles (google like)

La ligne du Bas

- Comporte à gauche un Logo vertical (très inspiré de la présentation de BIOSPIP 4)

- Et à Droite le menu de toutes les pages disponibles

Exemple ICI


La page SOMMAIRE GENERAL

- Page par défaut de SPIP

- Correspond à un lien sur la page SOMMAIRE.PHP3


La page DERNIERS ARTICLES

- Page réservée aux malvoyants

- Correspond à un lien sur la page SOMMAIRE_TEXTE.PHP3


La page Calendrier des Publications

- Correspond à un lien sur la page AGENDA.PHP3


La page SUIVI DU FORUM

- Option RESUME du menu SPIP

- Correspond à un lien sur la page RESUME.PHP3


Le Lien sur la page de RECHERCHE

- Correspond à un lien sur la page RECHERCHE.PHP3


@ suivre



Et nous verrons dans une prochaine leçon

- Comment placer directement un formulaire de recherche sur la page ?

- Et comment gérer son style ?



[1le terme squelette désigne l’architecture de présentation du site et des articles

[2Par exemple

- je crée le dossier SPIP/BLUEGYN, puis je recopie tous les fichiers du dossier SPIP/DIST dans le dossier SPIP/BLUEGYN

- j’indique ensuite à SPIP (voir leçon) que mon squelette doit être recherché dans le dossier BLUEGYN et créant à la racine de SPIP/, un dossier mes_fonction.php3 contenant la ligne

<? $GLOBALS['dossier_squelettes'] = 'bluegyn'; ?>

Cette manip n’est pas indispensable mais elle est très judicieuse pour séparer toutes les innovations persos du squelette Original.

[3mais de préférence le BlocNotes

[4

table

- TR

  • TD Photo /TD TD Logo1 /TD
  • /TR

- TR

  • TD Logo 2 /TD TD Menu /TD
  • /TR

/TABLE