SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 193 visiteurs en ce moment

Accueil > Squelettes > Squelettes éditoriaux > Etherweb > Squelette Etherweb

Squelette Etherweb

24 février 2008 – par Etherweb – commentaires

1 vote

Le squelette sq-etherweb, développé dans le cadre du projet Etherweb se veut à la fois généraliste, très complet et graphiquement agréable.

Nom du Squelette : sq-etherweb

Version du squelette : 1.0

Auteur : équipe Etherweb

Licence : GNU GPL V3

Compatibilité SPIP : 1.9 / 1.9.1 / 1.9.2

Le squelette en question développé dans le cadre du projet Etherweb est tout à fait réutilisable pour à peu près n’importe quel SPIP. Structurellement, il s’inspire du squelette Wellor ; quant au design il est à la fois inspiré de celui de la beta de Joomla 1.5 et des menus trouvés sur FreeMenuDesign. De plus, nous avons essayé de faire en sorte que le squelette puisse « interagir » avec le maximum de plugins. Toutefois, il s’installe en lui-même de la même façon que n’importe quel autre squelette.

Essayons maintenant de présenter quelques traits de ce squelette :

Compatibilité

Ce squelette à été développé en local sous Linux et en utilisant la version 2 de Firefox, toutefois nous avons veillé à ce qu’il soit compatible avec les principaux navigateurs : Safari, Konqueror, Opéra, etc... à la fois sous Mac Linux et Windows. Pour ce qui est du cas d’Internet Explorer, un fichier CSS à part été créé afin d’assurer une meilleure compatibilité.

On appréciera tout particulièrement le fait que ce squelette est valide XHTML 1.1 et CSS !

Toutefois, pour faire un peu « bling bling » (c’est mal mais on assume ;) ) nous avons ajouté un peu de javascript (news et menu de gauche). Cependant, l’absence de javascript ne gène pas outre mesure la navigation.

Le tout est internationalisé, ce qui ne gâche rien ;)

Fonctionnalités du squelette

Général

Ce squelette gère la plus part des fonctionnalités de base de SPIP, à savoir les articles, rubriques, brèves, les porte-documents, fichiers proposés en téléchargement, forum d’article, sites recommandés et syndiqués...

Mots clés :

Le squelette est conçu pour fonctionner avec de nombreux mots clés :

invisible à un article, à une brève ou à un rubrique permet de ne pas l’afficher dans la page d’accueil, mais aussi dans les pages plan et rubrique.

sommaire_edito définit l’éditorial du site (appliqué à un article) ce dernier apparaîtra tout en haut de la page de sommaire.

sommaire_centre appliqué à un ou plusieurs articles permet de les mettre en valeur en les disposant en haut de la page de sommaire (juste en dessous de l’édito s’il existe)

cote_edito définit l’article qui sera placé juste en dessous du menu des rubriques dans la colonne de gauche.

citations Le mot clé citations doit être appliqué à l’article qui contient les phrases destinées à apparaître aléatoirement dans l’entête. Les phrases que vous souhaitez voir apparaître doivent être séparées par un « . ». Dans le cas ou il n’existe pas d’article de citations, cet espace restera vide.

Les autres mots clés (map, diaporama) seront abordés plus bas à propos des plugins

Recommandation

Un petit formulaire permettant au webonaute de recommander votre site à ses connaissances est disponible bas de page, si vous n’en voulez pas ou si vous trouvez qu’il prend trop de place, vous pouvez le remplacer par un simple lien vers spip.php ?page=recommandation . La recommandation est basée sur le script JCreco

Formulaire de contact

Un visiteur peut contacter les auteurs par deux autres moyens : le formulaire de contact présent sur la page de chaque auteur (dans la colonne de gauche) ou la page « contact » qui reproduit tout simplement le formulaire de contact de l’auteur n°1, qui est logiquement le créateur du site.

Liens

Tous les liens de votre site (sites syndiqués, articles syndiqués) sont rassemblés dans une page « Liens » accessible via la barre de menu.

Adaptation aux plugins

Nous avons voulu faire du squelette Etherweb un squelette qui s’adapte facilement aux différents plugins activés et permet de les intégrés dans le design de la page.

Google map

Il existe deux plugins appelés GoogleMap Api et Escoitar Gis Plugin qui permettent de visualiser un google map dans l’espace privé mais aussi dans l’espace public. Pour l’afficher dans le squelette Etherweb, il faut avoir activé ces plugins, choisi les coordonnées et appliqué à l’article le mot clé « map ». Ainsi la map apparaît avant le texte dans l’article.

Le mot clé map permet de ne mettre sur la page le code nécessaire à l’affichage de la map que lorsque ce mot clé est activé (et donc seulement lorsqu’il y a besoin d’afficher la map).

diaporama

Le plugin diaporama_innerfade permet de faire un diaporama à partir des images contenues dans le porte-document. De la même façon que pour la map, pour afficher le diaporama sur ce squelette, il suffit d’activer le plugin et et d’appliquer à l’article le mot clé « diaporama ». Ce dernier s’affiche alors au dessus du texte de l’article.

Le mot clé diaporama permet de ne mettre sur la page le code nécessaire à l’affichage du diaporama que lorsque le mot clé est appliqué à l’article.

Attention, il faut penser à donner un hauteur fixe au diaporama (dans CFG > diaporama_innerfade) sous peine de voir les images recouvrir le texte.

Lecteur Flash Multimedia

Le plugin Lecteur Flash multimedia permet notamment de mettre en page d’accueil de votre site un playlist avec toutes les dernières musiques ajoutées. Cette fonctionnalité est intégrée au squelette Etherweb, mais est commentée car sinon cela provoque un bug quand le plugin n’est pas installé.

Il faut donc ouvrir inc-gauche.html et décommenter (c’est à dire enlever la baliser [(#REM)  ] qui est autour de :

        [<div class="module_menu">
                <div>
                        <div>
                                <div>
                                        <h3><:dernieres_musiques:></h3>
                                        (#MODELE{playliste}{id_article})
                                </div>
                        </div>
                </div>
        </div>]

Licence
Comme son nom le laisse supposer, le plugin licence permet d’associer facilement sa licence à un article. Le squelette Etherweb comprend déjà la balise licence, vous pouvez donc activer le dit plugin, séléctionner les licences voulues, elles s’afficheront sous le texte.

Envoi_ami
Même principe avec le plugin Envoyer l’article aux amiEs qui permet d’ajouter à votre article un formulaire pour le recommander à plusieurs amis.

Espace wiki
Il est toujours sympa d’avoir un espace sous forme de wiki (auquel tout le monde peut participer) sur son site. Pour en avoir un avec le squelette Etherweb, il faut installer et activer le plugin « crayons », appliquer le mot-clé « wiki » à un rubrique et ajouter la portion de code suivante à config/mes_options.php :

###################
# Gestion du wiki #
###################

function autoriser_article_modifier($faire, $type, $id, $qui, $opt) {
      // Si on est deja autorise en standard, dire 'OK'
      if (autoriser_article_modifier_dist($faire, $type, $id, $qui, $opt))
              return true;
      // Sinon, verifier si le mot cl� est asscoie � l'article
       $sss = spip_query("SELECT id_secteur FROM spip_articles WHERE id_article="._q($id));
       if ($t = spip_fetch_array($sss)){
       
       $s = spip_query("SELECT id_mot FROM spip_mots_rubriques WHERE id_rubrique="._q($t['id_secteur']));
      while ($row = spip_fetch_array($s)){
   
      if ($row['titre_mot'] = 'wiki') return true;
     
      }}
      // par defaut, NIET
      return false;
}

function autoriser_rubrique_publierdans($faire, $type, $id, $qui, $opt) {
        // Si on est deja autorise en standard, dire 'OK'
        if (autoriser_rubrique_publierdans_dist($faire, $type, $id, $qui, $opt))
                return true;

        // Sinon, verifier si la rubrique est dans un secteur gribouille
        // et si on est bien redacteur
$s = spip_query("SELECT id_mot FROM spip_mots_rubriques WHERE id_rubrique="._q($id));
      while ($row = spip_fetch_array($s)){
      if ($row['titre_mot'] = 'wiki') return true;
      }

        // par defaut, NIET
        return false;
}


function analyse_droits_rapide() {
      return true;
}

A ce moment là, les articles de la rubrique wiki pourront être édités par tous les webonautes grâce aux crayons. De plus, un formulaire apparaîtra en dessous des articles, proposant de créer un nouvel article dans la même rubrique.

Ceci s’inspire bien sûr du chantier gribouille.

Walma
Walma est une galerie en SPIP, toutefois, il parait intéressant d’avoir une page « personnalisée » de walma, adaptée au design du site. C’est pourquoi il existe un fichier walma.html qui s’ocupe de ça dans le squelette Etherweb. Il suffit donc d’installer walma....

Toutefois, il semble que cela ne marche pas avec la toute dernière version de walma, mais ça viendra...

A faire

Il reste sûrement beaucoup de chose à faire, notamment...

* Alléger le code XHTML et CSS

* Adapter quelques autres plugins ou fonctionnalités

* Corriger la foule de petits bugs qui doivent traîner par-ci par-là.

Dernière modification de cette page le 7 novembre 2012

Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Rubriqueur

    1er octobre 2014 – 19 commentaires

    Créer rapidement une arborescence complète de rubriques et d’articles Ce plugin permet de créer rapidement une arborescence complète de rubriques et d’articles à partir d’une simple liste saisie dans un formulaire. L’arborescence peut être créée à la (...)

  • Slick

    17 mai – commentaires

    Intégration à SPIP du carrousel Slick : https://kenwheeler.github.io/slick/ Fonctions de Slick Son utilisation permet d’afficher une liste d’éléments défilants, en l’occurrence ici une série de photographies. Par les configurations proposées, il est (...)

  • BootStrap pour SPIP

    18 mars 2015 – 37 commentaires

    Documentation source http://spipr.nursit.com/bootstrap Présentation BootStrap est un framework qui facilite et accélère le développement Front-End. Il inclue une base CSS très complète (au format LESS) configurée à partir d’un (...)

  • ScolaSPIP 4

    19 janvier 2016 – 198 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Import ICS 2 et supérieur (agenda distant)

    2 août 2016 – 52 commentaires

    La version 2 du plugin « import ICS » en reprend la principale fonctionnalité, à savoir l’ajout automatique d’évènements distants dans la liste des évènements d’un site. À la différence de la première version, elle ne dépend pas du plugin « Séminaire » et est (...)

Ça spipe par là