Accueil » Templates Editoriaux » Templates Spip SandWater » Installation du squelette SandWater pour un nouveau (...)

Installation du squelette SandWater pour un nouveau site

  • noter cet article

lundi 29 octobre 2007, par klelugi

Le squelette Spip SandWater nécessite un peu plus qu’un simple upload de répertoire de squelettes pour que sa mise en ligne soit effective. En effet afin de vous permettre de choisir vos onglets, de définir vos encarts "à la une" et de bénéficier de toutes les fonctionnalités nous allons devoir faire quelques ajustements.



- Nom du Squelette : Sandwater
- Version du squelette : 1.9.2 c
- Auteur : Gilles TRAN
- Licence : GPL

Ce squelette compile quelques petites astuces pour que son fonctionnement soit opérationnel à 100% plusieurs fichiers et interventions sont nécessaires.

Voici, pas à pas, ce qu’il faut faire afin d’obtenir un site prêt à l’emploi et parfaitement fonctionnel.

Etapes de l’installation du template Sandwater

- Télecharger le Zip du squelette et le dézipper,
- Uploader les dossiers : squelettes et plugins à la racine de votre installation Spip,
- Rendez-vous dans l’administration de votre site et cliquez sur le lien "gestion des plugins" disponible au roll-over de l’onglet "Configuration" et visible uniquement si vous êtes en interface complète (petite image lune et soleil dans la sous-navigation horizontale).
- Installez les 4 plugins : "champs homonymes", "Champs homonymes pour template SandWater", "Notation des articles" et "thickbox2",
- Cliquez sur le lien "Mots-clés" disponible au roll-over de l’onglet "Edition",
- Créez un nouveau groupe de mots-clés que vous nommerez : "mise en page", cocher l’option "Les mots-clés de ce groupe peuvent être associés : aux rubriques" en plus de celles déjà pré-cochées,
- Vous devez maintenant créer 3 mots-clés dans ce nouveau groupe, que vous nommerez comme suit : "alaune", "onglet" et "unerubrique".

Votre squelette Spip Sandwater est maintenant prêt à être utilisé.

Voici maintenant comment l’utiliser...

Utilisation et fonctionnalités du template Sandwater

Gestion des onglets :

- Pour ajouter un onglet à la navigation, il vous suffit d’ajouter le mot-clé à la rubrique de votre choix.

Si votre titre de rubrique est trop long, ce qui risque souvent d’être le cas,

- Editez votre rubrique et utilisez le champs : "Nom court pour navigation" disponible en bas du formulaire de modification de rubrique

Il va de soit que si votre rubrique est vide, l’onglet n’apparaitra pas. Il ne peut effectivement pas y avoir de lien vers une rubrique vide qui afficherait, le cas échéant, une page 404. Pour remédier à cela vous devrez créer soit un article validé, soit une bréve validée, soit un site validé.

Gestion de la une sur la page d’accueil :

Ou encore l’encart bleu visible dans la colonne centrale de la page d’accueil...

Pour afficher un encart bleu dans la colonne centrale de votre page d’accueil vous devrez appliquer le mot-clé "alaune" soit à :

- Une brève,
- Un article,
- Un site

Seul l’un de ces trois élément sera visible si vous affectiez plusieurs fois le mot-clé "alaune". En commençant par la brève, puis l’article et enfin le site. Je vous conseil donc de faire le ménage tant que possible et de n’affecter ce mot-clé qu’à un seul élément à la fois (cela vous évitera des prises de tête pour comprendre pourquoi votre article ne s’affiche pas si le mot-clé est déjà affecté à une brève)

Gestion de "vous inscrire sur ce site" :

Visible dans la colonne de droite, le cadre "vous inscrire sur ce site" ne sera effectivement visible que si, et seulement si, vous acceptez les inscriptions.

Gestion de la une sur les rubriques :

Ou encore l’encart bleu visible dans la colonne centrale des pages de rubrique...

De même que vous pouvez définir une "Une" sur la page d’accueil, vous pouvez définir une Une sur chaque rubrique. Pour cela il vous suffit d’ajouter le mot-clé "unerubrique" sur un contenu soit :

- Une brève,
- Un article,
- Un site

qui fait partie de la rubrique pour laquelle vous souhaitez gérer l’encart "Une". Les mêmes règles s’appliquent : sera visible en premier la brève, puis l’article et enfin le site.

Gestion de "Proposer un site dans cette rubrique" :

Visible dans la colonne centrale des pages rubriques, articles, brèves et sites, le cadre "Proposer un site dans cette rubrique" ne sera effectivement visible que si vous avez autorisé les visiteurs, rédacteurs ou administrateurs à ajouter des sites (en fonction de leur statut). Cette option se gére dans la page "Configuration".

Le reste du contenu se positionnera naturellement dans les pages.

update du 14/02/2008

Ajout de votre LOGO

Vous pouvez désormais ajouter votre logo depuis l’interface d’administration de SPIP, Onglet : Configuration : bloc LOGO DU SITE

Vous pouvez vous inscrire sur ce site et juger par vous même de la simplicité d’utilisation et de mise en oeuvre du contenu dans l’interface d’administration de Spip.

Je serais content de voir vos intégrations, si vous utilisez ce squelette, n’hésitez pas à m’en faire part.


Portfolio

page article page auteur page brève page plan page recherche page rubrique page site

Documents joints

35 Messages de forum

  • Des questions sur l’installation ?

    2 novembre 2007 21:54, par klelugi
    N’hésitez pas à me faire part de vos commentaires, des bugs que vous pourriez rencontrer ou de vos suggestions pour faire évoluer ce squelette, je n’ai effectivement peut-être pas fait le tour de toutes les fonctionnalitées de Spip, si cela est important, je ferai mon possible pour les intégrer dand le squelette.

    Répondre à ce message

    • Des questions sur l’installation ? 14 novembre 2007 00:02, par ELO84
      j’ai installé le dossiers plugins & squelettes dans le répertoire SPIP. dans la gestion de plugins, il n’y a pas de squelettes à activer. La procédure d’installation est-elle juste ?

      Répondre à ce message

      • Des questions sur l’installation ? 14 novembre 2007 11:14, par klelugi

        Il n’y a effectivement aucun squelette à activer concernant les plugins fournis.

        Il suffit d’activer les plugins dans l’interface d’administration de SPIP.

        Les squelettes étant pour leur part fournis dans le dossier "squelettes".

        Répondre à ce message

  • Votre squelette est vraiment sympa. Ce que vous pourriez ajouter, c’est un menu de connexion au site à droite. En effet, beaucoup de site fonctionnant avec une partie restreinte, il est plus sympa d’avoir un cadre qui permettrait la connexion au site et de savoir si l’on est déjà connecté. Enfin un joli calendrier qui n’apparaitrait qu’une fois connecté, toujours à droite serait l’idéal.

    Répondre à ce message

    • Merci pour ces conseils, J’ajouterai effectivement éventuellement un encadré de login mais cela ne sera rééllement utile que si une interface restreinte est proposée.

      Et oui pourquoi pas un calendrier

      Répondre à ce message

      • Merci pour ce beau squelette simple et fonctionnel. Cependant quelques améliorations peuvent être apportées. Je pense à l’article en une. Pour éviter de retirer le mot clé alaune à chaque fois, vous pourriez introduire une variable date qui ferait la sélection automatiquement en montant en une l’article le plus récent.

        Par ailleurs le logo ne fonctionne pas comme décrit dans votre documentation en ligne, mais il fallait modifier le squelette inc_entete.

        J’ai remarqué aussi l’usage de la balise alt, devenue obsolète et qui rend l’affichage quelque peu boiteux.

        Vivement les corrections.

        Merci pour tous vos efforts et cette redoutable simplicité du squelette.

        Répondre à ce message

  • Syndic_Articles

    5 janvier 17:51, par sylher

    Bonjour,

    Excellent boulot. Un petit bémol, je n’arrive pas à afficher les fils RSS des sites référencés.

    J’ai regardé dans site.html et j’avoue être un peu perdu.

    Si je pouvais avoir une astuce pour intégrer une boucle SYNDIC_ARTICLES au bon endroit.

    Merci.

    Répondre à ce message

    • Syndic_Articles 6 janvier 14:35, par klelugi

      Salut,

      Dans la page site.html après le paragraphe :


      [<h1>(#NOM_SITE|supprimer_numero)</h1>]
      <p>[(#LOGO_SITE||image_reduire{200,200})]#DESCRIPTIF<br />
      <span><a href="#URL_SITE">Voir le site</a></span></p>
      <br class="nettoyeur" />

      Tu peux donc ajouter quelque chose comme ça :


      <B_syndic_article>
      <h4>Articles syndiqués de ce site</h4>
      <ul>
       <BOUCLE_syndic_article(SYNDIC_ARTICLES){id_syndic}{par date}{inverse}{0,5}><li><a href="#URL_ARTICLE"[ title="(#TITRE)"]>[(#TITRE*)]</a><br /><em><small>Article paru le #DATE</small></em></li>
      </BOUCLE_syndic_article>
      </ul>
      </B_syndic_article>

      Ca donnera donc un affichage comme visible ici : http://www.squelettes.com/detail-Squelette-Multi-saisons-un.html

      Répondre à ce message

  • Petite pour un super squelette

    14 janvier 12:41, par beting

    Bonjour,

    Je viens d’installer le squelette pour mon site et j’ai plusieurs questions.

    - Comment peut on supprimer l’affichage du menu sur le bandeau de droite et le remplacer par des articles.

    - Je n’arrive pas à me servir de l’onglet "Vous inscrire sur ce site". comment ca fonctionne ?

    Merci par avance de vos réponses

    Voir en ligne : Aérodrome Pons Avy

    Répondre à ce message

    • Petite pour un super squelette 18 janvier 10:15, par klelugi

      Salut,

      J’ai l’impression que ca marche pour l’inscription.

      Pour le menu, il est appellé dans les squelettes (sommaire.html, rubrique.html, article.html,...) grâce à : <INCLURE{fond=inc-menu}{id_rubrique}> tu peux donc supprimer l’include et le remplacer par une boucle sur des articles

      Répondre à ce message

  • Bonjour. Tout d’abord, bravo pour ce joli squelette, que j’expérimente du coup sur mon site www.likea.fr. J’ai un petit souci : lorsqu’on arrive sur le site, la page s’affiche presque normalement, mais j’ai le message suivant qui est inscrit par-dessus :

    # Erreur(s) dans le squelette
    * < BOUCLE >()
    Erreur MySQL
    id_rubrique FROM spip_rubriques WHERE id_rubrique=
    You have an error in your SQL syntax ; check the manual that corresponds to your MySQL server version for the right syntax to use near ’’ at line 3
    < /BOUCLE >

    Lorsqu’on recharge la page, le message n’apparaît plus.

    Info qui peut peut-être vous être utile : ma version du client MySQL est 5.0.45.

    Si vous voyez d’où ça peut venir. Merci d’avance.

    Voir en ligne : http://www.likea.fr

    Répondre à ce message

  • Bonjour, merci pour le squelette, vraiment tres beau. Deux remarques d’abord :
    - il y a deux fichiers differents a telecharger a 2 endroits de ce site, l’un se nommant sandwater.zip et l’autre sandwater2.zip
    - les autorisations des fichiers ne semblent pas bonnes. J’ai du faire des chmod pour que les fichiers soient autorises en lecture.

    Maintenant mes problemes :
    - le rendu que j’ai est moins beau que le votre ( voir http://stop-rocade.ovh.org/ ) : les coins ne sont pas arrondis
    - Pour finir une question un peu bete : je ne comprends pas a quel endroit on peut ajouter un mot cle a une rubrique dans l’interface de spip

    Laurent.

    Voir en ligne : http://stop-rocade.ovh.org/

    Répondre à ce message

    • La question bete est resolue. Merci quand meme. Reste le probleme des corners, qui ne marchent pas, ni dans le body, ni dans les onglets de la barre horizontale de navigation. Cette barre n’a pas non plus les bonnes couleurs de fond.

      Répondre à ce message

    • Salut,

      Pour les coins arrondis c’est le fichier corners.js qui les gére ton fichier : http://stop-rocade.ovh.org/squelettes/js/corners.js n’est pas accessible, erreur 403 il y a peut-etre un htaccess qui y bloque l’accès ou des doirts à modifier.

      Pour la navigation horizontale c’est le fichier csshover.htc qui ermet l’affichage des images de fonds de la navigation. Il semble pourtant que celui-ci soit accessible correctement. Je pense que tu devrais essayer de modifier ton fichier : http://stop-rocade.ovh.org/squelettes/layout.css la première ligne : body behavior:url(’http://stop-rocade.ovh.org/squelettes/csshover.htc’) ; font-family:geneva, sans-serif ; background-color :#F6F4E3 ; Une url absolue permet des fois de contourner le problème d’un chargemen qui ne se fait pas.

      Bon courage

      Répondre à ce message

      • Bon, j’ai trouvé. C’était ici aussi un problème de droits. Les repertoires contenu dans le fichier zip ont besoin de droits supplémentaires. En ajoutant les droits rx pour sur tous les répertoires, ca marche nickel. Ouf ;) (attention a ne pas mettre que r, ce que j’avais fait dans un premier temps mais qui ne suffit pas).

        Répondre à ce message

  • Bonjour et bravo pour ce squelette.

    J’aimerais rajouter sur mon site un encart pour s’inscrire à une mailing-list comme sur la démo, ainsi que un encart supplémentaire avec du texte ou une image à l’intérieur.

    Si vous avez quelques pistes... je suis preneur !

    Merci d’avance !

    Répondre à ce message

    • Meci pour ce joli squelette. Il marche bien mais de temps en temps après recalculer j’ai le message suivant : Erreur(s) dans le squelette () Erreur MySQL id_rubrique FROM spip_rubriques WHERE id_rubrique= You have an error in your SQL syntax ; check the manual that corresponds to your MySQL server version for the right syntax to use near ’’ at line 3 ,

      J’ai vérifié ma BD qui marche très bien. Y a il des conflit avec certains plugins ? Merci de vos lumières !

      Répondre à ce message

      • Bonjour,

        Je ne vois pas à priori d’ou cela peut venir. Aurais-tu une URL ?

        Tous les plugins ont-ils été installés et si certains ont été désinstallés ont-ils été désinstallés correctement ?

        Pour le plugin "Champs homonymes pour template SandWater" il faut désinstaller en cliquant sur l’icone "spip-pack" qui supprimera aussi les nouveaux champs ajoutés à la base de donnée native de spip et notament pour la table spip_rubrique (le problème vient peut-être de là)

        Bon courage

        Répondre à ce message

  • Bonjour tout le monde.

    Bon ça y est, mon site tourne sous ce squelette qui est fort intéressant.

    Quelques petites améliorations peuvent être encore apportées je pense.

    Pour commencer, je pense qu’il serait judicieux de modifier les liens qui renvoient à la racine du site en utilisant la balise spip prévu pour ça. Pour l’instant, les liens envoie vers "/", en les modifiant par "#URL_SITE_SPIP", ça permet de prendre en compte les sites "à plusieurs niveaux", où spip pourrait être installé dans un dossier qui n’est pas la racine.

    Ensuite, le code de la colonne de droite revient très souvent sans modification dans plusieurs fichier html, pourquoi ne pas avoir fait un fichier supplémentaire contenant ce code et appelé avec un INCLURE ?

    Pour finir, je pense effectivement qu’un lien vers l’espace privé (dans la même div que "vous inscrire" par exemple) serait un plus.

    Voilà pour ce qui peut à mon sens donner un plus.

    Sinon, j’ai une petite question : les plugins utilisés ici sont-il compatibles avec le plugin "couteau suisse" ? (pas essayé mais j’en aurais peut-être besoin plus tard, et vu que JQuery est appelé partout...)

    À part ça, ce squelette est parmi les meilleurs niveau webdesign et ergonomie. Et je suis fier de l’utiliser (quasiment tel quel tellement il est bien :D ) Quant à la structure, j’avais jamais vu aussi bien jusqu’à maintenant, l’utilisation des mots clefs est géniale (pour une fois que ça sert à plus qu’au simples articles "invisibles"...)

    Bref, un grand bravo, suivi d’un immense merci !

    Voir en ligne : L&A Critiques

    Répondre à ce message

    • Salut Ghaine,

      Merci pour ton retour, je vais effectivement changer le "/" pour #URL_SITE_SPIP ce sera bien mieux.

      Pour ce qui est de l’include c’est volontaire. C’est aussi pour bien gérer les caches et essayer de ne pas surcharger le serveur lorsque les sites auront beaucoup de visites (en espérant que cela vous arrive) en évitant les calculs de pages avec trop d’include. Même s’il est possible de gérer un cache séparé pour les includes, je pense que le calcul est tout de même plus long...

      Je suis content que ce template te plaise, j’ai effectivement fait attention à la navigation interne pour assurer un minimum d’ergonomie et un accès rapide aux différentes zones du site.

      A mon sens la navigation verticale pose encore quelques problèmes, mais j’espére pouvoir régler cela dans un prochain template.

      Répondre à ce message

      • Ok pour l’include, j’avais pas pensé à ça.

        Sinon, j’ai décelé une toute petite coquille d’affichage dans le chemin (par exemple dans le squelette forum.html je crois), parfois, c’est le bon symbole : », et parfois, c’est un simple >.

        C’est pas très important, mais tant qu’à faire.

        Sinon, je pensais qu’il serait bien d’ajouter par défaut un lien vers spip en pied de page ? genre : "site créer sous spip | Squelettes by References-web".

        Bon allez, je vous laisse avec mes mini trucs à modifier.

        Bonne continuation à tous.

        Répondre à ce message

  • Super Squelette

    12 février 13:52, par Credithypo
    Facile, maniable, l’arme de chevalier Jedi par excellence. Tout ça pour dire merci à l’auteur pour ce squelette, qui est l’un des plus clairs (au niveau css) que je connaisse. J’ai dû changer le menu du haut qui m’avait buggé car je voulais qu’ils soient transparent. Du coup, j’ai remplacé par le menu coulissant disponible sur SPIP CONTRIB.

    Voir en ligne : CREDITHYPO.com, prêt hypothécaire sur-mesure

    Répondre à ce message

  • bonjour, je suis novice dans spip et pour mon premier site avec ce cms, j’ai testé donc Sandwater.

    Mais j’ai des petits soucis, les images de fonds ne s’affichent pas, j’ai édité les fichiers susceptible d’être corrigé mais je n’ai pas trouvé de solution. Pourtant, j’ai effectué correctement l’installation (deux fois même).

    Ceci expliquant peut-être cela, je n’arrive pas non plus à avoir un lien "#URL_SITE_SPIP/" correspondant au lien réel du site "http://www.expat-elan.com/packimpat/" en cliquant sur accueil, je suis renvoyé au "/" systématiquement. J’ai essayé de mettre cette adresse "en dur" dans l’ensemble des fichiers du squelette, même résultat. Dans l’espace privé, j’ai la bonne adresse dans la champ "Adresse (URL) du site public".

    merci de votre aide

    Répondre à ce message

    • Je pense que le mieux serait que tu inscrive l’url absolue directement dans la feuille de style :

      http://www.expat-elan.com/packimpat/squelettes/layout.css

      par exemple :

      http://www.expat-elan.com/packimpat/squelettes/csshover.htc

      ou encore :

      http://www.expat-elan.com/packimpat/squelettes/img/gifs/puce_bleu.gif

      Ce sera le plus simple. Néanmoins, il y a effectivement un petit problème que je dois corriger dans le zip concernant le fil d’arianne qui inclus un lien vers la page d’accueil : "/" et non #URL_SITE_SPIP, comme le fesait remarqué Ghaine.

      De plus je vais sans doute aussi remplacer l"url du logo par celle de : #LOGO_SITE_SPIP

      Répondre à ce message

  • Juste un petit mot de remerciement aux auteurs pour ce squelette (cela fait toujours plaisir), que je test encore a :

    www.high-tech-car.com

    a très bientôt, je repasse chercher des infos régulièrement ;-)

    et encore bravo

    Mach1

    Répondre à ce message

    • Bonsoir, je débute sous SPIP 1.9.2d avec votre squelette (qui est sublime), et j’ai 2 ou 3 questions :

      Dans le bloc "Autres articles récents" : quel est l’ordre d’affichage des articles ? Ce n’est pas la date de publication. Ils sont pris dans une rubrique au hasard ?

      Dans le 1er bloc a gauche, on affiche la description du site, puis viens un article. Meme question : Quel est l’ordre d’apparition de cet article ? Peut-on avoir que la description du site ?

      Voir en ligne : http://cms.cheztiti.fr

      Répondre à ce message