Kamakura

Squelette simple sous Bootstrap 4

Présentation

Kamakura est un squelette simple sous Bootstrap4.

  • La page d’accueil est simple et affiche les dernières actualités.
  • Les pages courantes sont présentées sur une colonne.

Ce squelette est idéal pour de petits sites de clubs, d’associations, de théâtre, ...

Le squelette se débrouille aussi bien sur les smartphones.

Aperçu

Page d’accueil

Page article

Exemple de site basé sur Kamakura
https://www.mekatroniktheatre.org

Installation

A l’installation, le plugin crée aussi

  • un champs extra pour gérer les tris des rubriques
  • un champs extra pour savoir si on cache ou non le logo sur la page article

Les plugins Favicon, Fulltext, Court-circuit 2 peuvent être installés en complément.

Lorsque votre site passe en production, il est recommandé d’activer la compression des fichiers javascript et CSS pour avoir un site rapide à charger.

Configuration

Le squelette est configurable

Choix des contenus (articles, moteur de recherche, liens dans le pied de page)

Liens vers les pages démo

Le menu haut est constitué des rubriques à la racine listés par numéros.
Exemple: 10. Philosophie, 20. Séances, 200. Contact, ....
On cache les rubriques racines dont le rang commence par 999. ...

zoneexplication
zone 1 lien vers l’accueil (facultatif). option à régler dans le menu de configuration du squelette
zone 2 les rubriques racine dont le rang est compris est <100.
zone 3 les rubriques racine dont le rang est compris est >100.

Les menus déroulants listent les sous-rubriques de chaque rubrique racine

Classement des rubriques

Sur chaque rubrique, vous pouvez choisir l’ordre des affichages des articles qui y figurent

Page d’accueil

La page d’accueil est composée de 3 zones.

Zone 1: L’article à la une

Descriptif: Le dernier article publié. On affiche son logo s’il en possède un. (Les articles de la rubrique focus sont exclus de cette logique)

Zone 2: L’actualité

Descriptif: Les autres articles publiés. On affiche son logo s’il en possède un sinon on prend un motif générique. (Les articles de la rubrique focus sont exclus de cette logique)

Zone 3: Les blocs de ré-assurance

Descriptif: On affiche un article et le dernier article de la rubrique focus définie dans le menu de configuration

Page d’article

Le logo des articles sert est affiché sur la page article et aussi sur les pages intermédiaires (comme la page d’accueil)

Il est possible de masquer le logo sur la page d’accueil grâce à l’option

Personnaliser Kamakura

Ajouter une feuille de style personnalisée
Vous pouvez ajouter votre feuilles de style personnelle.
Cette feuille de style devra s’appeler css/perso.css.
Il est recommandé de la déposer dans le répertoire squelettes/

Ajouter un logo en pied de page

Si vous ajoutez un fichier dans squelettes/img/logo.svg,
Il s’ajoutera automatiquement dans le pied de page

Ajouter les liens vers les réseaux sociaux

Vous pouvez activer le plugin Liens vers les réseaux sociaux pour ajouter vos liens vers vos réseaux sociaux.

Dans la page de configuration du plugin Liens vers les réseaux sociaux, renseigner les réseaux que vous voulez afficher en pensant à activer l’option d’habillage

Surcharger d’autres blocs
Plus généralement, vous pouvez surcharger tous les les éléments du squelette en ajoutant votre copie modifiée dans le répertoire squelettes/. Vous pouvez aussi ajouter des déclinaisons spéciales pour une rubrique donnée, par exemple squelettes/rubrique-45.html

Remarques

Le squelette est sur la zone. N’hésitez pas à contribuer en conservant à l’esprit de laisser le squelette aussi générique que possible.

Discussion

20 discussions

  • 1

    Bonjour,
    j’utilise le plugin Kamakura sur un site spin 4.2.16.
    Quand je rajoute un logo sur un article, le logo s’affiche en début d’article quand on clique sur celui-ci. Comment utiliser un logo juste pour avoir une vignette quand l’article est à la une, mais en le cachant quand on ouvre l’article ?
    lien vers le site : https://ronsard.etab.ac-lyon.fr/spip/spip.php?article1464

    En vous remerciant,
    Hinde

    • Bonjour,

      Effectivement cela pourrait être pratique.... Je viens d’ajouter la fonctionnalité sur la version 1.6.4 qui devrait sortir d’ici quelques heures

      Lorsqu’on édite un article, on a maintenant une option pour cacher le logo sur la page d’article

    Reply to this message

  • 3

    Bonjour,
    Dans un spip “standard”, lorsqu’une image est insérée dans un article et qu’on lit l’article, on peut cliquer sur l’image et “l’agrandir”. Il ne semble pas possible de faire pareil avec ce plug-in.
    J’ai bien la Boîte multimédia activée et configurée (même paramètres que sur d’autres sites que j’utilise avec d’autres plug-ins).
    Est-il possible de rendre actif le clic sur les images ?
    Ai-je loupé une configuration ou une information ?
    En vous remerciant.
    Patrice

    • meme souci ici ;(

    • Effectivement la pop-in automatique sur les images ne fonctionnait plus.
      Le squelette embarquait une vieille surcharge qui ne servait plus à rien.

      C’est corrigé avec la version 1.6.2 dont le zip devrait bientôt être disponible.

      Merci de vérifier et de me remonter le cas échéant si vous rencontrez des bugs sur l’affichage des images suite à cette mise à jour.

    • Bonjour,
      Oui, c’est parfait. Après la mise à jour d’aujourd’hui, tout est normal.
      Merci beaucoup pour la modification.
      Cordialement
      Patrice

    Reply to this message

  • 1

    Bonjour,
    Depuis la mise à jour vers SPIP 4.3.6 la semaine dernière, le sommaire a disparu de mes articles (https://www.culturejazz.fr).

    Jusque-là, j’utilisais la fonction “Sommaire automatique” du plugin Couteau Suisse, sans problèmes.

    J’ai tenté l’installation du plugin spécifique “Sommaire automatique 1.5.0” ce matin (en désactivant celui du Couteau Suisse) => J’ai bien le sommaire dans l’espace privé mais pas dans l’article public !
    J’ai testé les différentes options proposées par ce plugin. Sans succès !

    J’imagine donc que cela vient du squelette Kamakura ?
    Je suis preneur de toutes les idées et pistes de recherche de solution...
    Une MAJ du plugin, peut-être ?

    Merci !
    TG

    • Bonjour

      Je viens de tester Kamakura avec le plugin Sommaire automatique sous SPIP 4.3.6
      Je ne rencontre aucun problème. Le sommaire s’affiche bien dans la partie publique (mais pas dans la partie privée)

      Pensez à vider votre cache et le cache du couteau suisse (c’est peut-être lui qui vous joue des tours)

    Reply to this message

  • 1

    Bonjour,

    Déjà un grand merci pour votre plugin qui m’a permis de rendre agreable l’interface du site. Je souhaiterai ajouter un logo devant le titre dans la barre de header (notre site https://extranet.cen-centrevaldeloire.org), comment dois-je procéder ?
    D’avance merci

    Reply to this message

  • 2

    Bonjour,

    Un message d’erreur s’affiche en haut de page de l’interface privée du site https://www.culturejazz.fr/ depuis quelques temps :

    > Warning: Narrowing occurred during type inference of ZEND_FETCH_DIM_W. Please file a bug report on https://github.com/php/php-src/issues in /home/culturej/www/ecrire/inc/bandeau.php on line 115

    N’étant absolument pas compétent en php, je suis bien incapable de trouver une solution !

    NB : le site est à jour en SPIP 4.2.10 et en php 8.3.
    Il se pourrait bien que le problème soit apparu après le passage en 8.3 (pas sûr...).
    NB 2 : ce message disparaît en général en actualisant la page. Pas d’incidence apparemment sur le fonctionnement du site public.

    Merci pour votre aide... !
    Cordialement,
    TG

    Reply to this message

  • 3

    Bonjour,
    je constate un truc très étrange sur un site de test sur lequel je travaille pour une association dont je fais partie. J’utilise donc Kamakura (un grand merci pour cette contrib). Voici l’adresse : https://dotruj.fr/babayaga

    Le problème est que dans le menu, les rubriques “Baba Yaga, l’association” et “Evénements culturels” ne renvoient pas à ces rubriques-là, mais à l’une des sous-rubriques. Par exemple, pour événements culturels, c’est la rubrique 13 (expositions) qui est linkée alors que la rubrique est normalement la numéro 4.

    Je ne sais pas vers où chercher. Merci beaucoup de votre aide.

    • Ce n’est pas lié au plukin Kamakura mais au plugin Court-circuit 2.

      La documentation indique :
      si la rubrique ne contient aucun article, Court-circuit 2 sélectionnera la première sous-rubrique de la rubrique (tri croissant par numéro du titre et décroissant par date) et appliquera l’ensemble de ces règles à cette sous-rubrique.

      Il faut modifier les réglages du plugin pour ne pas avoir ce comportement et éviter les redirections.

    • Bonjour et merci, Christophe.
      J’avais effectivement repéré que court-circuit y était pour quelque chose. J’avais oublié de modifier une section.
      Par contre, j’ai toujours des problèmes de mauvaises redirections.
      Si je clique sur https://dotruj.fr/babayaga/spip.php?rubrique1 je suis redirigée vers la rubrique 28 qui est une sous-rubrique de la rubrique 1, sans que je sache pourquoi.

    • Un problème de “CACHE” probablement, car désormais cela semble fonctionner correctement.

    Reply to this message

  • 6
    Thierry G.

    Bonjour,

    Je me plonge dans le squelette Kamakura suite à un passage à SPIP 4 que je découvre par la même occasion avec mes compétences très limitées (bien qu’utilisateur de spip depuis belle luerette mais de manière empirique) !
    Le site : www.culturejazz.fr

    J’ai deux problèmes à vous soumettre dans l’immédiat :

    1- Je souhaiterais doubler la ligne de “cards” actualité sur la page d’accueil pour afficher 6 articles et je patauge lamentablement. J’ai tenté de doubler la ligne 1 en copiant le code mais plus rien ne s’affiche !
    Avez-vous une solution ? Est-ce possible ?

    2- Je ne parviens plus à gerer mes images issues de SPIP 3. Elles s’affichaient au format avec les attributs de position, en taille réduite, mais elles sont désormais trop grandes...
    Je ne parviens pas non plus à activer l’affichage “mediabox”. Les images ne sont plus cliquables pour cela.

    Je dois avouer que la documentation SPIP ne m’aide guère. Il faut être expert pour s’y retrouver. Elle propose bien des morceaux de code mais sans indiquer comment et où les utiliser...

    En espérant que vous pourrez m’apporter une aide...

    Cordialement,
    TG.

    2-

    • Thierry G.

      Bonjour,

      Finalement, j’ai continué à bidouiller à ma façon, par essais erreurs et je suis parvenu à un résultat acceptable pour le moment.
      Ça fonctionne convenablement (https://www.culturejazz.fr/). Il faut juste que les collaborateurs s’adatent aux nouveaux formats ! (logos...).

      CEPENDANT...
      Je suis toujours preneur de réponses à mes questions même si j’ai avancé sur la gestion des images...
      Merci et BRAVO pour votre travail !
      TG.

    • Bonjour Thierry

      Très beau site :)

      Pour les cards actu, j’ai ajouté une option dans le menu de configuration pour indiquer le nombre de cartes. Pour défaut on a 3 mais on peut maintenant le passer à 6,9 ou 421.

      Le zip de la version 1.5.0 devrait être disponible d’ici quelques heures

      Pour les images, la gestion des images a beaucoup évolué et les besoins peuvent assez différents d’un site à l’autre. Il faudrait regarder en détail ce qui est attendu.

    • Thierry G.

      Merci pour la réponse !

      Pour les images, nous avons bien avancé, grâce, en particulier à cet article : https://23forward.com/Plugin-SPIP-Insertion-avancee-d-images.

      Une question très novice sans doute : comment installer la nouvelle version du plugin sans perdre toutes les modifications apportées aux différents fichiers ? Les placer dans le dossier “squelettes” ? Tout recharger par FTP ensuite ?
      Désolé d’être aussi “basique” !

      Merci encore !
      TG

    • oui les fichiers surchargés sont à placer dans /squelettes/

      c’est la méthode recommandée pour ne pas perdre les modifications perso lors de la mise à jour du plugin

    • Thierry G.

      Aïe Aïe !
      Désolé de vous solliciter à nouveau...

      J’ai osé la mise à jour vers la version 1.5. (???!!)
      MAIS... j’ai perdu les polices Montserrat dans mes pages.

      J’avais d’abord créé un dossier Kamakura à la racine du dossier “Squelettes”. Fiasco après la MAJ !
      J’ai remis à la racine de ce dossier des sous-dossiers “inc” et “css” + les pages HTML article, auteur, rubrique, sommaire. J’ai retrouvé ma mise en page précédente... mais sans la bonne police !

      Voyez-vous ce qui peut clocher ?
      Merci encore pour votre aide !

      Thierry

    • Thierry G.

      Oups ! Euréka...
      Je n’avais pas prêté attention au sous-dossier “Font” dans “css”. Je l’ai remis dans le sous dossier “css” dans ./squelettes et ça roule !!
      On apprend encore une fois de ses erreurs...
      Cordialement,
      TG

    Reply to this message

  • 12

    Bonjour,
    y a-t-il une mise à jour en 4.2 de prévue ? Une 5.0 à l’avenir ?

    • A priori ca devrait passer sans souci en 4.2, à tester.

    • Non, ça ne fonctionne pas normalement. L’architecture du site est complètement différente en 4.2. Ce n’est pas bien grave pour le moment, mais il y aura un soucis dès qu’on va passer en 5.0

    • Heu... l’architecture du site ? Tu veux dire de SPIP ? cela n’a pas tellement changé entre 4.1. et 4.2

    • Oui, de SPIP : le passage de spip 4.1 à 4.2 défait complètement la structure de mon site (aloha.yt). Les images de fonds disparaissent, mais surtout la présentation est complètement différente. Je ne comprends pas pourquoi, alors que je suis passé par spip_loader comme pour un autre site et pour qui tout s’est bien passé.

    • Mouais, tu m’aurais dit d’une 3.2 à une 4.2 j’aurais compris, mais là.

      Peut être un problème d’installation mal fichu. T’a essayé une clean install ?

    • Mais ce que je ne comprends pas, c’est que le plugin Kamakura (puisque l’installation est considérée comme un plugin) n’est compatible que pour 4.1 et 4.0. Donc ça me parait normal qu’avec SPIP 4.2, il y ait des problèmes, non ? C’est pourquoi je demandais quand Kamakura serait compatible 4.2, mais surtout quand on sera en 5.0. Ce serait dommage d’abandonner le site alors que que le Kamakura est super chouette.

    • Bah non, c’est juste qu’il n’a pas été testé en 4.2. Mais normalement en matière de squelettes, il n’y a rien qui casse entre 4.1 et 4.2. C’est cela qui est bizarree.

    • Bon, je vais refaire tout ça et je reviens donner le résultat dès que j’aurai tenté une réinstallation / mise à jour et tout et tout

    • Je viens de passer Kamakura compatible SPIP 4.2 avec la version v1.4.0

      Rien ne change dans le fonctionnement du squelette qui fonctionne bien.

    • mais je ne vois pas la version v1.4.0 de kamakura et j’avais tout refait mon site version spip 4.1 qui refonctionnait normalement. J’ai donc fait confiance en mettant à jour pour la version spip 4.2 et patatras, tout repart en biberine. Le site fonctionne, mais sans la mise en page normale...
      Si la version kamakura v1.4.0 est disponible quelque part, je suis preneur...

    • De la patience, le zip va apparaitre d’ici quelques heures
      Pour les pressés: https://git.spip.net/spip-contrib-squelettes/kamakura/archive/v1.4.0.zip

    • Bravo, tout fonctionne à nouveau.
      MERCI !

    Reply to this message

  • 2
    Alain Peremans

    Bonjour,
    Notre école voudrait changer l’interface graphique de notre site.
    Votre plugin correspond à nos attentes.
    A l’mage du site donné en exemple Theatrecroquemitaine.
    Comment est-ce possible de modifier le bandeau noir du site par une image.
    Ajouter un menu latéral “agenda”
    Réduire en hauteur la bandeau : dernière article ?

    Merci pour votre aide et félicitation pour ce pluging.

    • Bonjour

      Pour le bandeau
      Apparemment vous avez trouvé la solution dans le forum
      Sinon il suffit de surcharger le fichier inc/header.html et d’ajouter vos consignes CSS supplementaires dans css/perso.css

      Pour le menu latéral
      Ce n’est pas prévu. Le site a vocation d’être monocolonne
      Cela risque d’être un peu compliqué si vous souhaitez l’adapter en ce sens.

      Pour le menu agenda
      Sur le site du https://www.theatrecroquemitaine.com le bloc agenda est uniquement un article édité manuellement en fonction de l’actualité. Il n’y a de véritable agenda (lié avec le plugin éponyme).

      Vous pouvez facilement le surcharger le fichier inc/sommaire_outro.html selon la logique que vous adoptez

    • Merci pour cet aide claire et tes indications.
      Je vais m’y remettre pour personnaliser ce squelette. Un beau travail ! - : )

    Reply to this message

  • 4

    Bonjour,
    et tout d’abord, félicitation pour votre super boulot !
    Je voudrais améliorer mon site (www.aloha.yt) qui est en construction. Je voudrais mettre une image avec le titre comme l’a fait le site d’un théâtre sous Kmakura.
    J’ai quelques connaissances en html et css, mais pas trop... Pouvez-vous m’aider : où et quoi dois-je insérer du code et des images ?

    • Bonjour,
      je me réponds à moi-même pour vous éviter de chercher. Je viens de trouver la solution à mon problème : j’ai surchargé la feuille de style css et rajouté une image à la ligne 158 :
      header
      position: relative;
      background-image: url(“P1020653.png”);
      avec l’image dans le même dossier.
      Merci encore pour votre magnifique travail évolutif !

    • Bonjour,
      Je voudrais faire la même modification que toi. Changer le bandeau du titre et y placer une image plus conviviale. Pourrais-tu m’aider? Mes connaissances sont encore plus limitées. J’avais réussi avec le squelette Ahunstic, mais ici je ne retrouve pas mes marques.
      Je ne vois pas quel fichier je peux changer et comment.
      Merci

    • si je me souviens bien, je suis allé dans squelette, puis css où j’ai modifié la feuille css en ajoutant à la ligne 158 header :
      header
      position: relative;
      background-image: url(“P1020653.png”);
      height: 200px;

      puis j’ai mis dans le même dossier css la photos que je voulais voir en bandeau.
      Pour info, en PJ, la feuille css modifiée pour mon site : il n’y a qu’à la recopier et modifier la ligne 158 et rajouter la photos dans le dossier css

    • Merci pour ton aide
      J’y suis arrivé

    Reply to this message

Add a comment

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.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom