Présentation
Oshiage est un squelette éditorial sous Bootstrap4.
Il a été conçu pour les sites contenant peu d’images.
- La page d’accueil est au format “onepage” avec plusieurs blocs
- La page d’article est concu pour être très lisible et permettre une navigation transversale en naviguant avec les articles voisins ou des articles suggérés.
Ce squelette est idéal pour de petits sites d’associations, de particuliers, d’entreprises.
Le squelette se débrouille aussi bien sur les smartphones.
Aperçu
Page d’accueil
Page article
Exemple de site basé sur Oshiage
https://www.babalex.org/
Installation
- Télécharger et activer le plugin Oshiage
- Le plugin active automatiquement les plugins
A l’installation, le plugin crée aussi
- un champs extra pour gérer les tris des rubriques
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 et des couleurs
Lien vers la page démo
Ajouter votre logo
Pour ajouter un logo, il suffit d’ajouter un logo de site dans le menu “configuration > identité du site” (?exec=configurer_identite
).
Il est conseillé d’utiliser un logo en format SVG.
Ce logo sera affiché en haut du site et dans le pied de page.
Configurer votre menu
Le menu est simplifié (pas de sous-menu) volontairement pour privilégier une navigation en déroulant la page d’accueil
Dans le menu de configuration renseigner les champs
qui correspondent aux zones suivantes
Configurer votre pied de page
Dans le menu de configuration renseigner les champs
qui correspondent aux zones suivantes
Page d’accueil
La page d’accueil est composée de 6 zones.
Zone 1: Rubrique de présentation
Zone 2: Rubrique “actualités”
Zone 3: Rubrique “formation”
Zone 4: Rubrique “ressources”
Zone 5: Article “nous soutenir”
Zone 6: Article “partenaires”
Astuce Pour avoir l’effet des logos en monochrome qui passent en couleur en rollover, on pourra utiliser le balisage HTML/CSS suivant dans le corps de l’article sélectionné
<div class="partenaires">
<div class="partenaire">[<doc30>->https://www.lien-un.org/]</div>
<div class="partenaire">[<doc32>->>https://www.lien-deux.org]</div>
</div>
Classement des rubriques
Sur chaque rubrique, vous pouvez choisir l’ordre des affichages des articles qui y figurent
Personnaliser Oshiage
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/
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 le git communautaire.
N’hésitez pas à contribuer en conservant à l’esprit de laisser le squelette aussi générique que possible.
No discussion
Add a comment
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
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.
Follow the comments: |