Squelette Wellor

Adaptation du squelette drop-zone pour spip 1.4 avec relookage, toilettage intensif du code et rajout de fonctionnalités.

Nom du Squelette : sq-wellor

Version du squelette : 1.0

Auteur : Jead Wellor

Licence : Art Libre

Compatibilité SPIP : 1.9 / 1.9.1 / 1.9.2

Site exemple : Vision Humaine

Après de longues semaines de travail et d’expérimentation, le squelette « Wellor » est disponible en version 1.0, il s’inspire du squelette drop-zone-city (pour spip 1.4) dans le design néanmoins j’y ai rajouté de nombreuses fonction et j’ai revu le code de A à Z, pour se faire, je me suis notamment aidé de la version proposée sur le site du réseau Erasme pour leur version 1.8 modifiée. L’installation, très simple, ne diffère pas des autres squelettes, il suffit d’uploader les fichiers dans un dossier squelettes à la racine de votre spip ou dans squelette-test/sq-wellor si vous utilisez le switcher de squelettes. Je vais essayer de présenter les points importants pour son utilisation :

Compatibilité

Le squelette Wellor est compatible avec Firefox (navigateur utilisé lors de sa création), Opéra, et même Internet Explorer pour lequel un fichier css spécifique à été dédié afin de palier à ses bizarreries d’interprétation ;). D’après les tests que j’ai effectués, il tourne aussi bien sous Mac Os (j’ai testé sous un iMac 10.3.9) que sous Linux (testé sous Fedora Core 6) et Windows (testé avec un Windows media center). Bien que dans l’ensemble tout fonctionne et que tout soit parfaitement, il reste quelques petites différences, nottament sous IE Mac : le formulaire de recherche de la barre de menu qui se décale un peu vers le bas, sous Safari, le cadre autour des éléments du menu qui est plus « serré » que sous les autres navigateurs, etc...

tableau récapitulatif des compatibilités testées du squelette
compatibilité du squelette en fonction du navigateur testés et du système d’exploitation
Navigateur\Système Linux MacOs Windows
Firefox 2.0 oui oui oui
Opéra 9 oui oui oui
Internet Explorer - V 5.2 V 6/7
Netscape 7 - oui oui
Safari - oui -

D’autre part signalons que ce squelette est compatible avec les normes XHTML 1.0 transitional.

Les principales fonctionnalités

Entête

L’entête du squelette (fichier inc_entete) contient tout d’abord le nom de votre site ou son logo placé au dessus d’un fond gris argenté. Sur mon site, j’ai utilisé la police smudger taille 80, néanmoins, cette police n’étant pas un police normale du web, je ne peux la définir comme telle dans mon squelette, je vous conseille pour un plus beau design de créer un image avec le nom de votre site dans cette police (ou n’importe quelle autre) et de la définir comme le logo de votre site ou bien d’éditer l’image haut.jpg qui se trouve dans le répertoire IMG du squelette Wellor et de supprimer dans le fichier inc-entete les lignes suivantes :
#NOM_SITE_SPIP
et voila le tour est joué ! (normalement)
En dessous de ceci vient une petite phrase piochée au hasard (voir ci dessous dans la gestion des mots clés pour le paramétrage de ces phrases aléatoires).
Enfin vient une barre de menu avec un lien vers l’accueil, un vers la partie administrateur, vers le plan du site, le formulaire de contact et la page de lien.

Mots clés :

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

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

pas_menu appliqué à une rubrique permet de l’exclure de la liste des rubriques dans le menu en haut à droite, mais aussi de l’omettre dans le plan du site.

sommaire_edito définit l’éditorial du site (appliqué à un article) ce dernier apparaitra tout de la page sommaire en haut entouré d’un liserait bleu

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)

sommaire_droite définit l’article qui sera placé juste en dessous du menu des rubriques dans la colonne de droite (il est entouré d’un liserait bleu)

rubrique_edito permet quand à lui de désigner l’article qui servira d’éditorial à la rubrique qui le contient (il est entouré d’un liserait bleu)
enfin vous pouvez définir un mot clé correspondant au nom d’un auteur pour définir l’article qui servira d’éditorial à sa page (par exemple si votre auteur s’appelle Winston Smith, il vous suffira de créer le mot clé Winston Smith (sans tiret) et de l’appliquer à l’article voulu !

citations Le mot clé citations doit être appliqué à l’article qui contient les phraes destinées à apparaitre alétoirement dans l’entête (voir ci-dessus). Les phrases que vous souhaitez voir apparaitre doivent être séparées par un \n. Dans le cas ou il n’existe pas d’artcle de citations, cet espace restera vide.

Répondre

La fonction répondre à un article ou à une brève à été rajouté par rapport au squelette drop-zone-city, d’autre part sur les pages articles, un lien à été rajouté dirigeant l’utilisateur vers une page ou il peut signaler une faute d’orthographe.

Recommandation

Un petit formulaire permettant au webnaute 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

Formulaire de contact

Outre le signalement de fautes d’orthographes, 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 droite) 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.

Personnalisation du squelette

Bien que tout soit fait pour rendre l’utilisation du squelette Wellor la plus simple possible, certaines personnalisations sont vivement conseillées

-  Les pages de contact (contact, auteur, recommandation) permettant d’envoyer des messages aux auteurs du site n’ont pas besoin d’être modifiées, il est tout de même conseillé d’effectuer des vérifications.

-  L’entête (voir plus haut)

-  les petites phrases piochées au hasard et qui apparaissent juste au dessus de la barre de menu doivent être modifiée dans le fichier phrases.txt

-  Vous pouvez personnaliser le bas de votre page (en dessous du script de personnalisation, remplacer les liens vers le squelette par un lien vers ce que vous voulez, par exemple comme sur mon site par un lien vers article de votre site...)

-  Le fichier inc-head et se meta tags :
Le fichier inc-head contient les Meta tag, c’est à dire les informations d’indexation pour les moteurs de recherche (google and compagnie) vous pouvez personnaliser (et rajouter) tout ce qui se trouve entre [(#REM) meta tags] et [(#REM) Fièrement fabrique avec SPIP ], mais surtout évitez de tripatouiller le reste qui est crucial pour le bon fonctionnement du site

A faire

Il reste encore pas mal de boulot à faire pour donner un bon squelette, quels sont les objectifs des versions suivantes ?

-  Passage aux normes XHTML 1.0 Strict (actuellement le squelette est aux normes XHTML 1.0 Transitionnal).

-  Une simplification de l’entête.

-  Fixage de tous les bugs que vous m’aurez signalés et rajout de ce que vous m’aurez suggéré.

-  Transformer les formulaires « signaler un faute d’orthographe » et « recommandation » qui sont actuellement en php dans le squelette par des formulaires spip que je ne sais pas encore faire.

-  Proposition de quelques pages personnalisées en harmonie avec le squelette pour les plugins (par exemple celui permettant de publier un article en étant simple visiteur nécessite deux pages, lesquelles bien sûr le design reste à faire).

Discussion

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom