Odaiba

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)

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.

updated on 6 January 2020

Discussion

2 discussions

Comment on this article

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