C'est le printemps ! Fleur.gif

Super Brest : le site web

De Les Fabriques du Ponant
Révision datée du 11 mars 2025 à 17:52 par Antonydbzh (discussion | contributions) (Variables des couleurs du site)
Aller à : navigation, rechercher

Qu'est-ce que c'est que ce site ?

C'est un SPIP, avec le squelette HTML5UP réalisé par Cousu Main, fabricant de sites web mondiaux de Brest !

Vous trouvez Le tutoriel officiel du site sur Contrib.Spip

Configurer les contacts

Pour configurer les contact du site Super Brest. Il faut aller dans l'interface privé et choisir configuration>Identité du site

ConfigurationContactSiteWebSuperBrest.png

et configurer en fonction de ses besoins :

ContactSiteWebSuperBrest.png

Pour le mail c'est ici :

ContactmailSiteWebSuperBrest.png

Et hop !

ContactMailModifSiteWebSuperBrest.png

PageContactSiteWebSuperBrest.png

Configurer les couleurs du site

Dans le plugin squelette super Brest, modifier les variables qu'on trouve en début de fichier /css/perso.css.

Variables des couleurs du site

Variable Effet sur le site Exemple joint Dans l'en-tête Bloc N°1 Bloc N°2 Bloc N°3 Pied de Page
--coul-entete la couleur de l'entête (rouge 2021) Couleur du fond - Titre du bloc : "PRESENTATION" - -
--coul-entete-alpha la couleur de l'entête avec de la transparence pour le menu - - - - -
--coul-emphase Couleur du 1er bloc de l’accueil + certains boutons (bleu 2021) Couleur des textes Couleur du fond Couleur des titres intermédiaires Couleur des titres et des boutons Couleur des titres et du boutons
--coul-emphase-alpha la 1ère couleur d'emphase avec de la transparence - - - - -
--coul-emphase2 le texte du 1er bloc d'accueil + Couleur du pied de page + certains boutons (jaune 2021) - Couleur du texte et du bouton - - Couleur du fond
--coul-emphase2-alpha la 2nde couleur d'emphase avec de la transparence - - - - -
--coul-fond le couleur du 2e bloc de l'accueil et du fond des articles (beige 2021) - - Couleur du fond - -

Le fond du bloc N°3 est toujours Blanc.

Pages types

Page Type Accueil Page Type Rubrique
SiteWebSuperbrest-PageTypeAccueil.png SiteWebSuperbrest-PageTypeRubrique.png

Configurer la bannière (page d'accueil)

Pas à pas :

1 - se connecter à l'interface privée de SPIP

SuperBrestWebAccueilPrive.png

2 - vous rendre sur la page de configuratino du squelette

SuperBrestWebSquelette.png

3 - C'est ici qu'on configure la bannière

SuperBrestWebConfigBanniere.png

4 - Tout en bas de la page cliquez sur enregister

SuperBrestWebConfigenregistrer.png

5 - C'est fait !

SuperBrestWebconfigeffectuee.png

6 - L'ancienne page d'accueil est toujours dans le cache de SPIP,

SuperBrestWebPageAcceuil.png

7 - Cliquez sur "recalculer cette page" : La page est mise à jour avec la nouvelle image

SuperBrestWebPageAccueilRecalculer.png

Pour charger un nouveau média :

SuperBrestWebMediatheque.png

SuperBrestWebMediatheque2.png

SuperBrestMediathequeChrager.png

Tant que je vous ais : N'oubliez pas que c'est la fin de l'abondance, n'oubliez pas de réduire la taille de vos images.

J'ai d'abord redimensionné mon image à la bonne taille en pixels(2673 × 1368) puis mis à 72 dpi (ou ppp) et enfin, j'ai utilisé : https://compressor.io/

Maintenance

Concernant les mises à jour :

  • pour être informé : s'abonner au Discourse de la communauté principalement la rubrique "Annonces" https://discuter.spip.net/
  • pour lancer la mise à jour, Seuls les admins peuvent le faire : aller sur https://www.superbrest.info/spip_loader.php en étant identifié et lancer la mise à jour.
  • une fois la mise à jour finalisée : aller dans les plugins (menu Configuration) pour finaliser la mise jour

Il est possible d'avoir des erreur 500 (time out) due à une limitation chez l'hébergeur. Normalement, ça ne pose pas de problème, il suffit de recharger la page. Si ça ne suffit pas, connectez vous directement à l'espace privé.

compte à rebours page d'accueil

un jolie compte à rebours fait avec : https://www.tickcounter.com

Page d'accueil

2024 2023 2022 2021
Page site web simulation couleurs2024.png Page site web simulation couleurs2023.png Page site web simulation couleurs2022.jpeg Page site web simulation couleurs2021.png

Améliorations

  • mail : doublon de bas de page.


Catégorie