Mon site SPIP

Télécharger SPIP

uracil45 — 2007-09-08T11:13:02Z

SPIP, système de publication pour l'internet

SPIP est le système de publication développé par le minirézo pour la gestion du site uZine. Nous le livrons à chacun, sous licence de logiciel libre (GPL). Vous pouvez donc l'utiliser librement pour votre propre site, qu'il soit personnel, associatif, institutionnel ou marchand.

Une fois le fichier zip ci-contre téléchargé sur votre ordinateur, vous devrez le décompresser, puis installer l'ensemble, par FTP, sur votre site.

Thème Orange

uracil45 — 2007-02-13T00:22:45Z

Voici un pack graphique (css+template) qui permet de monter un site tel que www.voyage-san-francisco.fr

Pour télécharger ce kit graphique, cliquez-ici

Thème Graphique noir-blanc-bleu

uracil45 — 2007-02-13T00:19:42Z

Voici un pack graphique (css+template) qui permet de monter un site tel que www.tout-indochine.fr

Pour télécharger ce kit graphique, cliquez-ici

Mon site et ses articles

uracil45 — 2007-01-26T00:04:10Z

Nous allons apprendre ici à afficher plusieur articles

Pour cela nous allons appeler notre page Web avec un paramètre, du type id_article=2 : appeler dans le navigateur l'url suivante :
« http://monPremierSite.fr/spip.php?page=tutoriel&id_article=2

S'affiche... toujours l'article 1 (et pas 2). Modifions dans le squelette tutoriel.html la ligne qui définit la « boucle article » :

Comme vous le voyez, on remplace simplement {id_article=1} par {id_article} tout court.

Voilà : http://monPremierSite.fr/spip.php?page=tutoriel&id_article=2 vous donne maintenant l'article 2.

La BOUCLE_article s'exécute dans un « contexte » où id_article est égal à 2 (c'est la valeur qui est passée dans l'URL). Si on lui précise {id_article=1} elle va chercher l'article n° 1, mais si on lui demande juste {id_article}, elle va chercher l'article dont le numéro est indiqué par le contexte (ici l'URL).

Visitez maintenant ces pages :
- http://monPremierSite.fr/spip.php?page=tutoriel&id_article=1,
- http://monPremierSite.fr/spip.php?page=tutoriel&id_article=2 et
- http://monPremierSite.fr/spip.php?page=tutoriel .

Vous pouvez constater une différence. Les deux premières pages vous donnent les articles n°1 et 2, la troisième n'a pas d'id_article dans son contexte, et génère une erreur.

Installer des fichiers par FTP

uracil45 — 2007-01-25T23:54:21Z

Certains serveurs interdisent l'envoi de fichiers au travers d'une interface Web. Surtout, il peut être pénible d'envoyer des fichiers lourds de cette façon. SPIP permet de contourner ces limitations en installant directement les fichiers que vous souhaitez utiliser comme images ou comme documents par FTP.

Cette opération est donc évidemment réservée aux personnes qui possèdent les codes de connexion au serveur par FTP.

Le dossier /ecrire/upload

Il suffit, avec votre logiciel de FTP habituel, d'installer vos fichiers (images, documents multimédia) dans le dossier /ecrire/upload de votre site SPIP.

Le menu déroulant des fichiers

Cela fait, un menu déroulant apparaîtra automatiquement après l'interface de téléchargement des fichiers par le Web, vous proposant la liste des fichiers contenus dans ce dossier. Il vous suffit de sélectionner le fichier qui vous intéresse, et de valider votre choix.

Si l'opération est réussie, pensez à supprimer ce fichier du dossier /ecrire/upload (le système en a créé une copie à un autre endroit du serveur, votre fichier d'origine n'est donc plus utile), afin de ne pas allonger indéfiniment la liste du menu déroulant.

Tous les fichiers à la fois

Si vous installez plusieurs fichiers à la fois dans le dossier /ecrire/upload, une fonctionnalité supplémentaire vous est proposée dans l'interface du site : vous pourrez installer tous ces fichiers en une seule opération. Cela peut se révéler pratique pour créer rapidement des portfolios. Collection d'images et de documents

On peut facilement ajouter d'un coup une collection d'images ou de documents en téléchargeant une archive au format zip contenant tous ces documents.

SPIP proposera alors d'ajouter l'archive telle quelle à l'article, ou de décompresser celle-ci pour associer à l'article tous les images et documents qu'elle contient.

Mon premier squelette

uracil45 — 2007-01-25T23:54:19Z

Dans le repertoire /squelette, déposez votre fichier tutoriel.html, qui contient :

Affichez la page http://monPremierSite.fr/spip.php?page=tutoriel (ou rechargez la page http://monPremierSite.fr/tutoriel.php3

Utiliser un autre dossier de squelettes

uracil45 — 2007-01-25T23:13:41Z

Il est possible d'utiliser un répertoire portant un autre nom, en le déclarant dans le fichier ecrire/mes_options.php, avec la variable de personnalisation $dossier_squelettes.

SPIP ira chercher les squelettes en priorité dans le répertoire ainsi déclaré.

Ceci vous permet, par exemple, d'essayer une nouvelle version du site sans écraser l'ancienne, ou même de gérer dynamiquement plusieurs sites.

Votre dossier squelettes/

uracil45 — 2007-01-25T23:09:25Z

Depuis [SPIP 1.8], les squelettes personnalisés doivent être placés dans un répertoire intitulé squelettes/ (attention au « s » final !), que vous créerez à la racine de votre site SPIP. Que vous souhaitiez installer un jeu complet de squelettes (pris sur SPIP - Contrib ou ailleurs), ou apporter une légère modification aux squelettes par défaut, placez vos squelettes dans ce répertoire.

Ainsi, un utilisateur qui veut créer sa propre mise en page, développera ses propres fichiers article.html, rubrique.html, etc. dans le répertoire squelettes/. Notez bien qu'il n'est pas indispensable de placer un jeu de squelettes complet dans ce répertoire.

Pour afficher les pages du site, SPIP cherche les squelettes prioritairement dans le dossier squelettes/ ; si SPIP n'y trouve pas un fichier .html qui lui est nécessaire, il ira chercher celui de la distribution dans le dossier dist/.

Ainsi, si vous n'avez placé qu'un seul fichier dans le dossier squelettes, par exemple article.html, SPIP utilisera ce squelette pour afficher les articles, et ceux de la dist pour toutes les autres pages du site.

Le répertoire squelettes/ a pour fonction de contenir tous les fichiers de mise en page de votre site. On y trouveras donc :

les fichiers .html avec des tags SPIP ;
les fonctions javascripts ;
les feuilles de style CSS qui est à la base de l'habillage de votre site sans toucher aux squelettes (sans même devoir apprendre le langage des boucles SPIP).
les images ;
les fichiers de langue personnalisés de préférence dans un sous-répertoire lang/ ;
les formulaires modifiés, de préférence dans un sous-répertoire formulaires/
le fichier mes_fonctions.php contenant les filtres et variables de personnalisation propres à ce site ;
etc...

Les acteurs sous spip

uracil45 — 2007-01-25T22:54:00Z

4 types d'acteurs peuvent intervenir dans un site sous SPIP

le webmaster technique : chargé de l'installation de SPIP et de la maintenance technique du site (relation avec l'hebergeur, accès à la base de données..)

Le webdesigner : chargé de la mise en place du site. Il réalise la charte graphique et prépare le squelette des différentes pages du site. Pour cela un minimun de connaissance HTML et graphique est necessaire. SPIP propose par defaut un jeu de template de page. D'autres templates (crés par les différents utilsateurs) sont aussi mis à disposition sur le site spip.net

Les administrateurs de rubriques : ils sont chargés de valider la publication des articles proposés par les rédacteurs. Ils peuvent également réorganiser la structure du site ou déplacer les articles d'une rubrique à une autre en quelques clics.

Les rédacteurs : ils sont chargés du contenu du site. À l'aide d'une interface web simple (un formulaire en ligne avec possibilité de raccourci typographique pour la mise en forme), ils mettent directement leurs articles en ligne. Un site sous Spip peut fonctionner avec une multitude de rédacteurs. Un forum interne est à la disposition des rédacteurs. Dans un premier temps, vous pouvez être à la fois webmaster technique, administrateur de rubrique et rédacteur. Une fois l'installation initiale terminée, vous n'aurez plus qu'à définir votre rubrique et à entrer vos premiers articles.

Si vous ne vous savez pas de talent de graphiste ou que vous ne souhaitez pas immédiatement mettre les mains dans le « moteur » de SPIP, vous pouvez également choisir de télécharger un « squelettes » (ensemble de patrons de pages HTML).

Le site http://www.spip-contrib.net/ vous en propose de nombreux au téléchargement. Vous pouvez également les « biosquelettes », disponibles sur le site http://www.biospip.org/ sont également largement utilisés. Le squelette « EVA » a quant à lui été développé pour les établissements scolaires, mais peut également être utilisé par d'autres types de sites. On peut le télécharger à l'adresse http://spip-edu.edres74.net/rubriqu....

De tels squelettes s'installent habituellement très facilement : il suffit de télécharger quelques modèles de fichier HTML (le « squelette ») sur votre espace d'hébergement.

Balises html génériques

uracil45 — 2006-12-28T00:10:22Z

Les balises génériques sont des balises qui n'ont pas de sens sémantique.

En effet, toutes les autres balises XHTML ont un sens :

signifie "Paragraphe",

signifie "Sous-titre" etc.
Parfois, on a besoin d'utiliser des balises génériques (aussi appelées balises universelles) car aucune des autres balises ne convient. On utilise le plus souvent des balises génériques pour construire son design.

Il y a 2 balises génériques : l'une est inline, l'autre est block.

Balise Type Description

Inline Balise générique de type inline

Block Balise générique de type block

Ces balises ont un intérêt uniquement si vous leur donnez un attribut class, id ou style :

class : indique le nom de la classe CSS à utiliser.

id : donne un nom à la balise. Ce nom doit être unique sur toute la page car il permet d'identifier la balise. Vous pouvez vous servir de l'ID pour de nombreuses choses, comme par exemple pour un lien vers une ancre, pour un style CSS de type ID, pour des manipulations en Javascript etc.

style : cette balise vous permet d'indiquer directement le code CSS à appliquer. Vous n'êtes donc pas obligés d'avoir une feuille de style à part, vous pouvez juste mettre directement les attributs CSS. Notez qu'il est préférable de ne pas utiliser cet attribut et de passer à la place par une feuille de style externe car cela rend votre site plus facile à mettre à jour par la suite.

Ces 3 attributs ne sont pas réservés aux balises génériques : vous pouvez aussi les mettre sur la plupart des autres balises sans aucun problème

Balise	Type	Description
	Inline	Balise générique de type inline
	Block	Balise générique de type block