generationcyb.net pointcyb lien vers les points cyb
Inscription à la lettre d'information | Fil infos rss 

 

Accueil > Spip > Personnaliser les squelettes graphiques

Comment personnaliser des thèmes graphiques pour votre site SPIP

Avec le plugin Zpip

Version imprimable Version imprimable


Le logiciel libre et gratuit SPIP, qui équipe une multitude de sites Internet dont GénérationCyb.net, dispose depuis sa version 2.0 d’un grand nombre de "thèmes" graphiques que l’on peut personnaliser à loisir. Voici un aperçu général sur la manière de procéder.

Il y a en gros 3 étapes :
- installer le plugin Zpip et les autres plugins nécessaires
- installer et tester différents thèmes graphiques
- personnaliser le thème graphique retenu (cette dernière étape peut nécessiter des connaissances en langage html et dans les "boucles SPIP").

1) Installer le plugin Zpip et les autres plugins nécessaires

Nous avons déjà un peu abordé ce thème dans l’article Zpip et SPIP Zen Garden, pour donner de belles couleurs à votre site SPIP.

Un tutoriel explique aussi la marche à suivre.
Comme indiqué dans ce tutoriel, l’ensemble des plugins à installer est le suivant :

2) Installer et tester différents thèmes graphiques

Le fonctionnement est le suivant : vous créez un répertoire "themes" à la racine de votre site et vous installez à l’intérieur de celui-ci les thèmes graphiques de votre choix, dont vous trouverez de beaux specimens sur www.spip-contrib.net/Themes.

Si vous avez bien travaillé, vous devez pouvoir afficher un sous-menu "Themes" dans la menu "Configuration" de votre interface d’administration :

et, après avoir cliqué sur ce sous-menu "Themes", vous devez voir s’afficher les différents thèmes que vous avez installés :

3) Personnaliser le thème retenu

Pour modifier des détails du thème que vous avez retenu, l’essentiel du travail est à effectuer dans les squelettes de Zpip, qui se présentent de la façon suivante :

Par exemple, si vous souhaitez supprimer l’affichage des articles récents sur la page d’accueil, il vous faut supprimer le code :

<B_articles>
<div class="liste articles sommaire">
        #ANCRE_PAGINATION
        <h2 class="h2"><:derniers_articles:></h2>
        <ul class="liste-items">
                <BOUCLE_articles(ARTICLES) {!par date} {pagination 5}>
                #INCLURE{fond=inclure/article-resume,id_article}
                </BOUCLE_articles>
        </ul>
        [<p class="pagination">(#PAGINATION)</p>]
</div>
</B_articles>

dans la page page-sommaire.html du repertoire "contenu".

Voir aussi www.spip-contrib.net/Zpip-et-la-creation-rapide-de-pages.


Mis en ligne le lundi 15 février 2010



Répondre à cet article

Contact | Plan du site | Espace privé
Dernier ajout : mercredi 22 juin 2011 | 816 articles sur ce site.

Generationcyb.net est motoris´ par Spip 1.9.2e associ´ a un squelette spip Rizom
Sauf indication, les articles sont mis a disposition sous un contrat Creative Commons
Ministere en charge de la jeunesse Institut national de la jeunesse et de l'education populaire Information jeunesse Centre d'information et de documentation jeunesse