Odaiba

Published : 6 January 2020 – updated on 14 March 2025 – by erational – 53 commentaires

français, Português do Brasil
1
2
3
4
5
14 Votes

Présentation

Odaiba est un squelette minimal en 2 colonnes sous Bootstrap4.

Ce squelette est idéal pour présenter sur quelques pages une association, un portfolio personnel.

Aperçu

URL de démo: https://www.alma63.fr/

Installation

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

Court-circuit 2 est fortement recommandé pour limiter les pages intermédiaires et les clics inutiles pour accéder aux articles.

A l’installation, le plugin crée aussi

  • un champs extra pour gérer les tris des rubriques

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) et des couleurs principales

Liens vers la page démo

Le logo figurant dans le menu est le logo du site SPIP qui peut être renseigné via le menu Configuration > Identité du site

Il est conseillé de choisir un format carré avec de la marge blanche car le logo est affiché sous forme ronde.

Le menu haut est constitué des rubriques à la racine listés par numéros
Exemple: 10. Actualités, 20. Contact, ....

On cache les rubriques dont le titre commence par 99. ...

Dans le menu configuration, vous pouvez choisir l’aspect du menu en version responsive

  • soit un menu fixe placé en haut déroulant
  • soit un menu placé à gauche glissant
Menu responsive gaucheMenu responsive haut

Page d’accueil

La page d’accueil est un article SPIP.
Vous pouvez le choisir depuis le menu de configuration.

Personnaliser Odaiba

Vous pouvez surcharger les feuilles de style du squelette en ajoutant la vôtre.
Cette feuille de style devra s’appeler css/perso.css.
Il est recommandé de la déposer dans le répertoire squelettes/

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

5 years 1 year 3 months Without limit
par date
Filter

14 discussions

  • 6
    Arnaud DUPUY

    Bonjour, votre plugin est parfait ... MERCI !
    J’ai juste un soucis d’affichage du menu de gauche sur écran en petite résolution et sur téléphone.
    En effet, on ne peut pas “scroller” le menu, dès qu’on veut le dérouler, il disparaît. Du coup je n’ai pas accès au bas du menu !
    Pouvez-vous m’aider pour régler ce soucis ?
    D’avance merci pour votre retour.
    Cordialement
    Arnaud

    PS : page de test : https://unsater86.com/livret

    • erational

      Bonjour Arnaud

      Avec la version 1.2.2, j’ai apporté un correctif javascript pour traiter ce cas.
      Merci de me dire si cela fonctionne (bien recharger la page / vider le page au préalable)

      Une autre solution est de prendre le menu déroulant dans le menu de configuration du plugin (au lieu du menu glissant)

    • Arnaud DUPUY

      Re-bonjour, merci pour votre retour rapide ...
      En revanche, où puis-je trouver la version 1.2.2 ?
      Cordialement,
      Arnaud

      PS : en attendant, j’ai décoché “Menu responsive latéral coulissant” puis coché “Menu responsive fixe en haut” et ça fonctionne mieux ... MERCIIIIIIIII

    • Arnaud DUPUY

      Petit rectificatif, ça fonctionne nickel sur les smartphones, en revanche j’ai toujours le soucis pour un affichage sur PC avec une petite résolution !
      Merci pour le lien concernant la version 1.2.2.
      Cordialement,
      Arnaud

    • erational

      Le zip de 1.2.2 sera disponible d’ici quelques heures

    • Arnaud DUPUY

      Quelle efficacité ... Merci beaucoup ...

    • Arnaud DUPUY

      Après installation de la version 1.2.2, le problème persiste toujours en fonction de la résolution des écrans ! Le menu “scroll” un peu mieux qu’avant, mais j’ai l’impression que si il dépasse la hauteur de page (article accueil), il ne va pas plus bas !
      Merci de me tenir informé si de nouvelles mises à jour venaient à voir le jour ...
      Bien à vous
      Arnaud

    Reply to this message

  • stéphane

    Simple efficace merci pour les squelettes
    https://541.naalrost.fr/

    Reply to this message

  • stéphane

    hummmmmmm

    j’ai un soucis avec la pagination
    https://541.naalrost.fr/spip.php?rubrique3

    une idée ?

    Reply to this message

  • 2
    stéphane

    Bonjour
    Spip 4.2.6

    je rencontre un probléme avec la pagination sur les articles

    que puis je faire sur le fichier : inc_rubrique_liste_articles_actu.html

    <div class="pagination">
	<span class="pagination-titre"><:odaiba:pagination_pages:>:</span>	(#PAGINATION{page})
</div>

    Reply to this message

  • 4
    Cyrille

    Bonjour,
    merci pour ce très beau squelette. J’ai réussi à l’installer mais je ne comprends pas pourquoi le forum associé aux articles ne s’affiche pas. Merci d’avance pour votre aide.

    • erational

      Bonjour

      Pour l’instant, le squelette est vraiment minimal et ne gère pas les forums ....
      Si vous en avez vraiment besoin, on peut intégrer relativement facilement en reprenant les forums de squelette de base. Dites-moi.

    • Cyrille

      OK, merci pour votre réponse.
      J’ai ajouté une balise #FORMULAIRE_FORUM au fichier inc_article_full.html et ça fonctionne !
      Par contre c’est un peu moche (voir PJ) et je ne sais pas trop comment améliorer cela ...

    • erational

      Regarde le squelettes-dist/article.html , il faut ajouter à inc/inc_article_full.html

      [(#REM) Forum de l'article ]
<INCLURE{fond=inclure/forum,id_article} />
[<h2 class="forum-titre"><:forum:form_pet_message_commentaire:></h2>
(#FORMULAIRE_FORUM)]

      pour l’habillage, ajouter les CSS correspondantes à l ’habillage du forum que tu peux trouver dans squelettes-dist/css/theme.css

      N’hésitez pas à proposer cela sur le git du projet si c’est assez générique
      Bonne chance

    • stéphane

      cool
      merci pour les infos en ligne sur notre site

    Reply to this message

  • 2
    rico

    Bonjour,
    Je souhaite modifier le texte “Désolé, cette page n’existe plus.” dans la 404.
    J’ai cherché. Sans succès. Où se trouve-t-il ?
    D’avance merci.

    Reply to this message

  • 4
    rico

    Bonjour,
    Sur SPIP 3.2.8 [24473], la mise à jour du plugin « Métas + » (version : 2.3.8) mets le bazar avec le plugin « Odaiba » (version : 1.0.7).

    Fatal error: Can't use function return value in write context in /../../../../plugins/auto/metasplus/v2.3.8/metasplus_pipelines.php on line 47

    D’avance merci.

    • erational

      On dirait plutôt une erreur de metas+ .... Merci de consulter le forum de plugin metas+
      Cela ressemble à une erreur due à une vieille version de PHP

    • tcharlss

      Oui, le pauvre Odaiba n’y est pour rien :)
      Ça sera corrigé dans la prochaine version de Métas +.

      (Quelle version de php au fait, pour être sûr ?)

    • rico

      Oui de « Métas + ». C’est bien une erreur de PHP. Merci pour la réactivité. Bien cordialement.

    • rico

      Je n’avais pas configuré PHP sur mon hébergement IONOS. Par défaut, il était sur PHP 5.4. Odaiba et Métas + fonctionnent à présent avec PHP 7.0 mais pas au-dessus. En tout cas pas chez IONOS. J’attends la prochaine version de Métas +, et je t’informe. si tu le souhaites.

    Reply to this message

  • 4
    cyrille daumesnil

    Bonjour,
    Je n’arrive plus en ce 27 avril 2020 à télécharger le fichier ZIP du plugin ? Merci.

    Reply to this message

  • 4
    Filipe

    Cher erational,

    Merci pour ce squelette. Simples et très beau. Premiere chose, j’ai traduit le fichier lang vers le portugais du Brésil. Comment envoyer le fichier traduit? Deuxièmement, je n’ai pas encore très bien compris comment montrer d’autres articles d’une rubrique dans un site construit sous Odaiba, comme l’exemple de l’image do site Alma. Comment ces belles puces apparaissent elles?

    • erational

      Hello Filipe

      Pour ajouter le fichier de langue, si tu connais git, tu peux la proposer sur
      https://git.spip.net/spip-contrib-squelettes/odaiba

      (Sinon je t’envoie un email perso)

      Pour les puces, il s’agit d’une simple astuce CSS

      dans style.css

      .article-preview-titre:before {
	content: "▣ ";
	color: #70a7d9;
}
    • Filipe

      Salut erational,

      Merci pour la réponse. Est-ce que tu pourrais nous expliquer avec un peu plus de détail comment le plugin court circuit fonctionne avec Odaiba? Je ne comprends pas la navigation du site Alma63. Les liens du menu envoient toujours vers de articles? Pour la traduction, je peux t’envoyer par mail.

    • erational

      Le menu d’Odaiba liste uniquement les rubriques.

      Parfois on souhaite faire apparaitre 1 article dans le menu
      donc l’astuce consiste alors à avoir une rubrique avec un seul article mais cela génère une page intermédiaire avec un clic inutile

      Le plugin court-circuit permet d’éviter ce prblème en activant l’option “rediriger si la rubrique contient un seul article” (on peut mettre les autres options sur “non”)

      Ce qui donne la capture suivante.

    • Filipe Martins Aléssio

      Super! Merci beaucoup.

    Reply to this message

  • 1
    DD

    Bonsoir,
    J’ai pas encore testé ce squelette mais ça viendra.. le lien

    URL de démo : https://www.alma63.fr/ .
    semble mort.

    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