Squelette @-brest - version SPIP 1.9+ et 2.0

Squelette pour sites éditoriaux monolingues

Testé sur ces navigateurs

Testé ?PlateformeNavigateurVersion
oui windows Internet explorer 5.1
oui windows Internet explorer 6
oui windows Internet explorer 7
oui windows Firefox 1.5
oui windows Firefox 2.0
oui windows Firefox 3.0
oui Mac Safarir 2
oui Unix/Linux Konqueror 3.4
oui Unix/Linux Firefox 1.0
oui Unix/Linux Firefox 1.0
oui Unix/Linux Opera 9.0

Présentation

Nouvelle version du squelette @-brest est un squelette pour gérer un site d’actualités relativement important. Par exemple, le site @-brest contient plus de 200 rédacteurs, 2500 articles, ...

Il utilise de nombreuses fonctionnalités de SPIP. Il est légèrement complexe à installer donc requiert un minimum de connaissances sur SPIP. Le squelette est disponible sur le SVN de la zone

Caractéristiques


-  Squelette monolingue XHTML transitionnel encodé en Array UTF-8
-  Présentation CSS bannière + 2 colonnes élastiques
-  Affichage paramétrable via des mots-clés réservés
-  Feuille de style d’impression
-  Pagination pour supporter de grosses quantités d’informations.
-  Compatible avec le plugin Crayons

Installation

L’installation est habituelle : copier des fichiers sur votre serveur dans un répertoire spécial et mettre à jour votre ficher ecrire/mes_options

Dans le répertoire /doc vous trouvez un fichier html qui explique l’installation en détails

Cela suffit pour utiliser le squelette !

Graphisme

Editer les feuilles de style. La page statique _patron.html permet de tester les CSS simplement sans installation, sans serveur.

Lire la suite uniquement si vous voulez utiliser les fonctions avancées ...

Paramétrages avancés

Le squelette est paramétrable par des mots-clés. Vous devrez créer ces groupes et mots-clés puis les attribuer aux articles, rubriques spéciales de votre site.

Par ex. je crée un article « crédits » et je lui ajoute le mot-clé « A lister dans le pied de page » pour ajouter crédits systématique en bas de toutes les pages du site.

Le groupe « - articles spéciaux - »
-  Créer le groupe articles spéciaux (Articles uniquement, Attribué par l’administrateur)
-  Créer les mots dont vous avez besoin

nom du mot-clé Action
A lister dans le pied de page Ajoute le titre de l’article dans le pied de page

Le groupe « - rubriques spéciales - »
-  Créer le groupe - rubriques spéciales - (Rubriques uniquement, Attribué par l’administrateur)
-  Créer les mots dont vous avez besoin

nom du mot-clé Action
A considerer comme Agenda Affiche la rubrique de la façon agenda (voir plus bas)
A lister comme intro au site Affiche le description de cette rubrique sur la page d’accueil du site
A lister dans wiki Affiche dans la page sommaire, un menu deroulant où l’on liste les sites listés sur la rubrique qui possède ce mot-clé
Ne pas lister dans la barre de navigation Masque cette rubrique de la barre navigation générale (par ex. pour une rubrique actualité)

Rubrique spéciale : Agenda

Pour une rubrique où l’on affiche des dates à venir
-  Page exemple : L’agenda de @-brest
-  Comportement : On affiche uniquement les événements à venir. Chaque article de la rubrique correspond à un événement. pour indiquer la date de fin de l’événement, on utilise la date de rédaction antérieur
-  Installation : Le modèle de la rubrique agenda est le squelette rubrique-68.html. Renommer le fichier avec le numéro de votre rubrique agenda. Ajouter aussi le mot-clé « A considerer comme Agenda »

Rubrique spéciale : Fils d’infos

Pour une rubrique où l’on met en valeur les actualités de sites syndiqués.
-  Page exemple : Fils infos de @-brest
-  Comportement : On affiche uniquement les événements à venir. Chaque article de la rubrique correspond à un événement. pour indiquer la date de fin de l’événement, on utilise la date de rédaction antérieur
-  Installation : Le modèle de la rubrique fils d’infos est le squelette rubrique-89.html. Renommer le fichier avec le numéro de votre rubrique fils d’infos

Autres éléments

Le squelette ne contient pas la carte, ni la newsletter du site @-brest car ils ne correspondent pas à des éléments standards et pour éviter de trop compliquer l’installation de ce squelette

Historique des mises à jour

version 2.4 - 18 mai 2009
-  Compatible avec SPIP 2.0

version 2.3 - 2 janvier 2008
-  Compatibilité avec le plugin Thickbox2 (galerie d’images en jQuery)

version 2.2 - 21 aout 2007
-  Mise à jour du code HTML pour rester valide w3c

version 2.1 - 3 avril 2007
-  Compatibilité avec SPIP 1.9.2
-  Accessibilité améliorée
-  Compatibilité avec le plugin Crayons

version 2.0 - 17 octobre 2006
-  Sortie de la version compatible avec SPIP 1.9

Discussion

15 discussions

  • 2

    Bonjour,
    Est-ce que ce squelette a été mis à jour pour les versions plus récentes, et en particulier la dernière à ce jour, 3.2.7 ?
    Sinon est-ce envisagé ? Est-ce compliqué ?
    Le squelette de la newsletter est-il maintenant sous plugin courant, et est-il disponible ?
    Merci beaucoup !

    • Bonjour

      @-brest est un squelette d’il y a 15 ans..... Le code (X)HTML, CSS , l’esthétique et la sémantique ont tellement évolué qu’il me semble inutile de le maintenir.

      Le site @-brest actuel a été refondu avec le squelette Ueno qui est compatible avec SPIP 3 et en accord avec les standards actuels.

      Il est donc très facile pour les anciens sites sous @-brest de passer sur Ueno.

    • Ah, voilà l’info qui me manquait !
      Merci beaucoup, pour le squelette et pour l’info :)

    Répondre à ce message

  • Equipement :
    -  SPIP 1.9.2h [13886]
    -  Thickbox : Revision : 28933
    -  Squelette @Brest

    1) Thickbox ne fonctionne pas en partie privée et publique sur les doc : Ouverture de l’image dans une nouvelle fenêtre.
    2) Thickbox fonctionne en partie privée et publique avec l’inclusion suivante :

    <a href="http://www..../spip.php?mot704
    ?keepThis=true&TB_iframe=true&height=600&width=900" title="La totalité des travaux sur Darwin" class="thickbox">
    {{Tous les travaux sur Darwin}}
    </a>

    Je ne comprends pas, je ne comprends plus...
    De l’aide ?
    Merci à vous.
    Robert Caron

    Répondre à ce message

  • problème de pagination réglé ! merci Erational.
    Au final c’était quelque chose de tout simple, mais je n’ai jamais pris le temps de comprendre le langage des boucles SPIP. Merci bcp pour votre aide et pour ce squelette, je n’ai jamais eu de soucis avec !

    http://qse.free.fr

    Répondre à ce message

  • 2
    Yann974

    Bonjour,

    D’abord, mer-ci ! Grâce à votre superbe squelette, j’ai pu réaliser un intranet en 3 jours. Ce faisant, je me suis aperçu d’une erreur de pagination. Le code suivant :

    [(#PAGINATION{noancre}) - ]#GRAND_TOTAL[ (#GRAND_TOTAL|<{2}|?{<:article:>,<:articles:>})]

    Provoque l’erreur suivante :

    Erreur : filtre « calcul_bornes_pagination » non défini

    Du coup je l’ai remplacé par du plus simple qui fonctionne (mais moins bien que ce qui est attendu par le mode de pagination) :

    [(#PAGINATION) - Il y a #GRAND_TOTAL articles au total, cette page en affiche #TOTAL_BOUCLE.]

    • Bonjour,

      Après mise à jour de mon site avec spip 2.0.7, la migration a pas mal réussi en gardant le squellette @-brest utilisé d’origine, sauf que maintenant l’affichage de la pagination est défaillante et que j’ai une erreur de type : "Erreur : filtre « calcul_bornes_pagination » non défini"

      Il y a certainement qqch à modifider dans le squelette de mon site au niveau pagination mais quoi (je ne connais pas grand chose à spip) ?? Si vous avez la solution, je suis bien preneur à qse@free.fr merci à vous !!

      mon site est à cet emplacement http://qse.free.fr

    • le squelette est maintenant compatible SPIP 2.
      Pour télécharger la dernière version de @-brest l(le paquet sera généré ce soir)
      Merci de me signaler les erreurs ou anomalies que vous rencontrez

      Concernant votre erreur, il fallait reprendre le squelette en remplacant #PAGINATION{noancre} par #PAGINATION

    Répondre à ce message

  • ocatarina

    Bonjour,

    Merci pour ces squelettes. Une petite question cependant :
    Le bloc « sur le web » affiche les x derniers sites syndiqués. Cette boucle m’intéresse car on y trouve le titre du site + le titre du lien .
    Mais comment faire pour faire apparaitre en + un petit résumé (premières lignes de l’article cible) ?
    En fait je souhaite faire un article dédié à une rubrique. Cet article utiliserait cette boucle et afficherait un flux rss issu de mon bookmark delicious. J’ai besoin d’y voir les commentaires que je détaille dans mon bookmarK.

    Répondre à ce message

  • phil.kdo

    Merci pour ce squelette simple à installer et permettant une présentation claire. J’aurais 2 questions à poser pour mettre mon site plus en harmonie avec ce que je souhaite :
    -  comment modifier la colonne de droite pour qu’elle soit moins large ?
    -  et surtout comment modifier la page « actualités » pour y mettre un texte non dynamique (pas le ou les derniers articles mais un texte que je choisis)
    Merci d’avance pour vos réponses
    Philippe

    Répondre à ce message

  • 2

    Bonjour et bravo pour ce squelette...

    Je cherche à trouver des explications sur les mots-clés spéciaux.
    Où peut-on trouver la liste des mots-clés possibles pour les articles, les rubriques ?

    Je voudrais afficher un ou plusieurs articles (en entier) sur la page sommaire, par exemple.

    Lorsque je mets le texte de cet article dans le texte d’une rubrique « A lister », cette dernière n’apparaît pas...

    Merci pour votre réponse

    • Les mots-clés spéciaux sont une fonctionnalité spécifique ce squelette. Il faut les créer à la main (bien respecter la casse). Leur action est expliquée dans ce même article.

      Si vous voulez lister plusieurs articles sur la page sommaire d’une façon fixe (non liée à l’actu), il faut modifier le mot-clé A lister comme intro au site pour pouvoir l’attribuer aux articles (en plus de pouvoir les attribuer aux rubriques) et ajouter dans sommaire.html une boucle du genre

      <BOUCLE_art_intro(ARTICLES){titre_mot = A lister comme intro au site}{lang}>
      <h2>#TITTRE</h2>
      #TEXTE
      ....                    
      </BOUCLE_art_intro>

      bonne chance

    • Merci beaucoup...

      J’essaie...

      Mais où peut-on trouver la liste des mots-clés spéciaux ?

    Répondre à ce message

  • 7

    Toout d’abord : Un grand merci pour ce squelette . Je l’adapte à mes besoins, j’espère que ça fait pas pleurer les créateurs ou créatrices ;-))

    J’ai un soucis : dans la page rubrique, quand ma souris effleure un titre d’article ou les mots clés, hop ! le menu de droite (inc-sidebar) disparaît ! Il réaparaît immédiatemet mais c’est assez surprenant, oups oups !

    Si qq’un-e a déjà rencontré ce genre de surprise.. Merci de me donner une piste.

    Et encore merciiiiiiiiiiiiiiii !!

    • as tu une URL pour voir ? sans doute un <div> mal fermé.

    • Voilà, j’ai la réponse !! Andouille que je suis, j’ai ajouté une image, une ligne en fait, pour séparer chaque brève affichée dans inc_sibebar. Mon erreur est que je lui ai mis une mesure en px au lieu d’un %.

      Du coup, en mettant 90% pour cette image, plus de soucis ! Je disais dans mon message précédent que cette colonne de droite disparaissait ; en fait elle passait en bas de page évidemment, vu que la ligne était trop large.

      Je n’indique pas d’url parce que c’est uniquement un chantier pour le moment, je mets n’importe quoi en texte et n’importe quelle image pour mes essais !!! J’aurai mieux fait de rester en local..

      Dès que je termine, je donnerai l’url bien sûr, au cas où mes modifs intéressent.

    • Je crois qu’en effet, sans indiquer l’URL je n’y arriverais pas. Cette URL est provisoire. Tout le contenu est « n’importe quoi » !

      -  Page rubrique : la colonne de droite descend sous le contenu central !! J’ai beau créduire et encore réduire le logo rubrique, pas moyen. Remarque pour I.E, Firefox et Opera. Sans doute une mauvaise manip avec des > ???

      -  Page « forum », je renonce à afficher le contenu de l’article dans la colonne de droite ; pas moyen non plus, je l’ai placé sour le formulaire. ( ne pas tenir compte des couleurs, pas eu le temps de m’en occuper)

      -  Dommage que le papier peint en haut de page occupe 100% en largeur, mais pas les bannière (pas fini non plus ma déco) ni la inc_navbar. Le décalage est bof bof

      Beaucoup de travail encore !!

      Merci

    • Pour ne pas encombrer cette page je vais désormais poser mes questions techniques sur la liste de diffusion. SInon ça va déborder ici !! :-<

    • Bonjour Magalie,

      J’aimerais savoir comment faites-vous pour inclure des image dans la listes d’articles d’une page rubrique (exemple) ?

      Aussi, j’ai remarqué que l’éditeur du squelette utilise des includes dans le fichier inc. Ainsi, la présentation des résumés d’articles présents sur la page rubrique.html est appelée par l’includes « inc_article_preview ».

      Après plusieurs tentatives, je ne sais pas à quel endroit dois-je inclure le code du logo image « #LOGO_ARTICLE » ou encore « [(#LOGO_ARTICLE|left||image_reduire120,120)] » dans le code de l’include.

      Je vous remercie par avance pour votre aide.

    • Bonjour Magalie,

      J’aimerais savoir comment faites-vous pour inclure des image dans la listes d’articles d’une page rubrique (exemple) ?

      Aussi, j’ai remarqué que l’éditeur du squelette utilise des includes dans le fichier inc. Ainsi, la présentation des résumés d’articles présents sur la page rubrique.html est appelée par l’includes « inc_article_preview ».

      Après plusieurs tentatives, je ne sais pas à quel endroit dois-je inclure le code du logo image « #LOGO_ARTICLE » ou encore « [(#LOGO_ARTICLE|left||image_reduire120,120)] » dans le code de l’include.

      Je vous remercie par avance pour votre aide.

    • Magali Eléouet

      Bonjour, l’exemple que vous donnez est celui de mon blog installé sur OverBlog. Cette page qui résume les articles, et son gabarit ne sont pas de ma création.

      Et je n’utilise plus le squelette Brest depuis longtemps sur mon site allocarpentras, que j’avais du mettre en lien pour exemple.

      Vous devriez cependant obtenir des réponses, en tout cas je vous le souhaite. Sur mon site la page « plan » n’en contient pas. Elle est même terriblement ennuyeuse. ;-)

      Bon courage :-)

    Répondre à ce message

  • 7

    Bonjour,

    Je tiens tout d’abord à vous remercier pour votre contribution à ce site en nous donnant un grand coup de main pour la réalisation de mon site internet.

    Aussi, je suis très intéressé par le squelette qui contient la carte, ainsi que la newsletter du site @-brest (avec un outil back-office de gestion des emails).

    Je vous remercie par avance pour votre réponse.

    Fred

    • Carte

      Code de la carte ... C’est livré en l’état, à vous débrouiller avec ce vieux code

      Newsletter

      Cela dépend de votre serveur et de votre kilométrage ... vous pouvez utiliser SYMPA Mailman ou encore SPIP-Listes

      bonne chance !

    • Bonsoir,

      Merci pour votre réactivité concernant vos conseils. Aussi, je me demande quel est la solution Newsletter la plus facile a mettre en place, lorsque l’on débute comme moi : SYMPA, Mailman et SPIP-Listes ?

      Enfin, concernant ma question relative à l’intégration de logos (images) présents sur chaque pavé-article d’une page rubrique (cf infra), après avoir bidouillé , j’aimerais savoir si il faut rajouter du code dans la page rubrique.html, ou dans un fichier CSS ?

      Par avance, merci !

      Fred

    • Utilisez alors SPIP Listes qui ne requiert aucune connaissance technique.

      Le logo ou la boucle pour votre image de rubrique est à placer dans la page rubrique.html. Les fichiers CSS ne gèrent que la mise en forme graphique et ne contiennent en général aucune boucle ni balise SPIP.

    • Merci pour vos conseils. J’ai choisi SPIP-LIST est ça fonctionne merveilleusement bien ! Je suis étonné du résultat, cela ne m’a pris qu’une petite demi-heure pour l’installation.

      En revanche, concernant l’image, je ne sais toujours pas quel code et à quel endroit dois-je faut que je l’insère sur la page rubrique.html ?

      Encore merci pour votre contribution à mon projet.

    • catherine

      bonjour, je voudrais installer spip listes mais je ne sais pas comment faire (débutante !). Doit on enregistrer le fichier compressé et a quel endroit doit on le mettre ???
      merci
      catherine

    • Je vous remercie pour cette précision. Aussi, j’ai remarqué que vous utilisez des includes dans le fichier inc. Ainsi, la présentation des résumés d’articles présents sur la page rubrique.html est appelée par l’includes « inc_article_preview ».

      Après plusieurs tentatives, je ne sais pas à quel endroit dois-je inclure le code du logo image « #LOGO_ARTICLE » ou encore « [(#LOGO_ARTICLE|left||image_reduire120,120)] » dans le code de l’include suivant :

      ***************************************************

      [(#REM) previsualisation d’article
      pour affichage page type rubrique, sommaire, recherche, ...
      l’affichage est assez succint (site type portail news))
      l’affichage peut etre plus complet pour les sites de type blog

      - parametre : id_article

      ][

      (#SURTITRE)

      ][

      (#TITRE|supprimer_numero)

      ][

      (#SOUSTITRE)

      ]

      [(#INTRODUCTION)]

      [<:posted :>(#DATE|affdate)] [<:par :> (#LESAUTEURS)]

      <:lire_article_seul :>

      *********************************************************

      Je vous remercie pour votre aide, car après cette dernière demande, le site sera enfin pret !

    • [(#REM) Fil d'Ariane ]

      <:pass_vousinscrire:>

      [(#REM) Inscription au site ]

      #FORMULAIRE_ABONNEMENT

      #FORMULAIRE_MODIF_ABONNEMENT

      #SPIP_CRON

       

    Répondre à ce message

  • Bonjour,

    Comment faire pour mettre un logo actualité et un texte d’intro dans la rubrique actualité comme sur le site brest.

    Merci

    Répondre à ce message

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