Construction du site spipfactory.fr
Article mis en ligne le 14 octobre 2022
dernière modification le 26 août 2024

Spipfactory.fr est construit de la manière suivante

Le graphisme général du site variant en fonction des saisons

[(

Page sommaire

)]

c’est UN article dont l’aspect visuel est réalisé par le plugin cibloc : Mettre des blocs dans le texte d’un article, et le Squelette "Escal" [1].

Les plugins "À propos des Plugins actifs" et "Newsletters" sont nécessaires.

L’affichage d’une partie des informations proposées à la lecture est réalisé à partir de modèles SPIP [2] Exemple le nuage de mots-clés

On a attribué à l’article Les mots-clés ( accueil [3] & pleinepage ) ; l’article se trouve dans la rubrique " Accueil - sommaire " avec le mot-clé (pas au menu)

Configuration Escal permettant cela.
../ecrire/ ?exec=configurer_escal&cfg=sommaire_principal

– Choix des blocs : (on utilise que le premier bloc)

  • A la Une (noisette destinée à être appelée au centre de la page d’accueil qui affiche 2 onglets par défaut mais on peut en rajouter facilement.)

– Le bloc "A la Une"

  • Choix des onglets Premier onglet : article d’accueil
    les autres onglets ne sont pas utilisés
  • Paramétrage des onglets : seul le paramétrage article d’accueil est configuré
  • On n’affiche pas le forum de l’article d’accueil

[*Rappel :*] L’article affiché sera celui qui a le mot-clé "accueil" sinon ce sera le dernier publié.
Le titre de l’article s’affiche dans l’onglet.

[(

Menu horizontal

)]

la construction du menu horizontal est basé sur une boucle SPIP incorporé dans ESCAL [4]

Dans un menu de navigation, quand une rubrique n’a qu’un article, aller directement l’afficher plutôt que de passer par la page rubrique avec un seul article listé.

  • Les rubriques avec un seul article qui corresponde au menu horizontal.
    • 01. En savoir plus
      tous tous tous vous saurez tout
      • En savoir plus
    • 02. Adhésion / Cotisation
      Vous souhaitez rejoindre la plateforme
      • Adhésion / Cotisation
    • 07. Trombinoscope
      Les membres de la Team

[(

Page "En savoir plus"

)]
c’est UN article dont l’aspect visuel est réalisé par le plugin cibloc : Mettre des blocs dans le texte d’un article, et le Squelette "Escal" [5].

Construite via des modèles pour l’affichage des titres des articles dans les blocs :

  • L’Association
  • La plateforme
  • Parlons de votre site
  • Trucs, Astuces, Bidouilles
  • Une mutualisation sur un hébergement mutualisé Infomaniak

les modèles utilisés sont décrit dans la partie Répertoire ../squelettes

ils sont tous construits par la boucle SPIP suivante

<div class="container-listart">
<BOUCLE_article(ARTICLES){titre_mot=Trucs Astuces  Bidouilles}{!titre_mot=invisible}>
<div class="listart">
<a href="#URL_ARTICLE">#TITRE</a>
</div>
</BOUCLE_article>
</div>

la css utilisée permet d’avoir l’affichage sur 2 colonnes, on exploite la largeur du bloc

 .container-listart {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
}
.listart{
    margin:5px;
    flex-grow: 1;
    display: flex;
    width: 40%;
    font-size:1.1rem;
    font-weight:bold;
}
.listart a{
    padding: 0 10px;
    flex-grow: 1;
}
@media screen and (max-width: 640px) {
    .listart{
        width: 100%;
    }

– Quand au bloc "Parlons des Plugins de la Plateforme" et "Parlons du squelettes ESCAL", ça ouvre un article spécifique.

[(

Page "Parlons des Plugins de la Plateforme"

)]
c’est UN article dont l’aspect visuel est réalisé par le plugin cibloc : Mettre des blocs dans le texte d’un article, et le Squelette "Escal" [6].

Le plugins "À propos des Plugins actifs" affiche dans les blocs dépliables les :

  • Plugins à disposition
  • Plugins Activés

[(

Page "Parlons du squelettes ESCAL"

)]

[(

Pied de page

)]

c’est Le pied de page de la mutualisation c’est-à-dire que tous les hébergés affichent les informations suivante :

  • Réalisé sous SPIP
  • Habillage ESCAL x.x.xx
  • Hébergeur : SpipFactory

Spipfactory utilise les citations dans son pied de page ; l’article "Citations" qui a donc le mot-clé "citation" est dans la rubrique " 00. Accueil - sommaire " avec l’article "késako SpipFactory ?"

[*Rappel :*] chaque citation doit être espacée par une ligne

[(

Paramétrage de SPIP

)]

  • Identité du site
  • Contenu du site
    La maquette adoptée pour le site, les éléments des articles suivant sont utilisés. (Texte, Publier les articles, quelle que soit leur date de publication, créer des articles virtuels)

[(

Paramétrage d’ESCAL

)]

[(

Back-Office

)]

[(Répertoire ../squelettes)]

Le dossier squelettes/ est destiné à recevoir tous les fichiers nécessaires à la mise en page d’un site. On y rangera donc :

  • les squelettes, c’est-à-dire les fichiers .html avec du code SPIP ;
  • les fichiers inclus dans les squelettes et les modèles ;
  • les formulaires modifiés, dans un sous-répertoire formulaires/
  • les feuilles de style CSS qui produisent l’habillage graphique ;
  • les images utilisées dans les squelettes ;
  • le fichier mes_fonctions.php contenant les filtres et variables de personnalisation ;
  • les fichiers javascript ;
  • les fichiers de langue personnalisés ;
  • etc...

/backup
alimenté par le script de sauvegarde /cron/sf_backup.sh
/data
Contient les fichiers pour la démo du plugin TableSorter
/formulaires
SPIP permet une grande interaction du site avec les visiteurs ; pour cela, il propose de nombreux formulaires sur le site public.
/images

badge_don.png
don.png
echange.png
echangebis.png

/inclusions
les fichiers ESCAL modifiés

/modeles
Un modèle est un petit squelette SPIP qui décrit un fragment de HTML facile à insérer dans le texte d’un article.

pour afficher sur la page sommaire <apropos|disponible> <apropos|disponible> Notre plate-forme vous propose 96 Plugins disponibles sur GIT SPIP comprenant :
<apropos|extensions> <apropos|extensions> – 56 extensions (plugins-dist) + (Choix du collège)
<apropos|adisposition> <apropos|adisposition> – 40 plugins à disposition (demande des Mutualisés)
<spip|> <spip|> Un système de gestion de contenu, basé sur SPIP : 4.1.5
<mysql|> Une base de données MySQL Version du serveur : 5.5.5-10.4.22-MariaDB-1:10.4.22+maria stretch-log
<php|> 8.4.13 Un accès aux fonctions PHP 7.4.32 (ou inférieur)
<escal_version|> Escal Habillage par le squelette ESCAL, Version 4.5.63
pour affichage sur l’article en savoir plus <association|> affiche les articles ayant le mot clé association
<parlons_de_votre_site|> affiche les articles ayant le mot clé parlons de votre site
<plateforme|> affiche les articles ayant le mot clé plateforme
pour affichage sur la page Adhésion / Cotisation <contact|> affichage du formulaire de contact ESCAL détourné
<helloasso_don|> afficher le formulaire hello aso sur la page
pour affichage sur Trucs, Astuces, Bidouilles <trucs_astuces_bidouilles|> affiche les articles ayant le mot clé Trucs Astuces Bidouilles
<terminal|> affiche les articles ayant le mot clé terminal
Divers <contenu_adherent|> permet de protéger la suite d’un article, il faut être connecté pour voir le contenu
<playliste|> afficher une play-liste son (ogg)

/newsletters
spipfactory_letter.html ; le gabarit pour l’envoie de la lettre du mercredi

/styles
Mettez-y votre style !

Vous pouvez modifier les styles fournis avec SPIP et ajouter les vôtres, en créant votre propre feuille de style.
perso.css

404.html ; page 404 d’ESCAL personnalisée de spipfactory où le lien contact renvoie sur la page contact de l’auteur 1

auteur.html ; page auteur d’ESCAL modifiée pour ne pas afficher les articles, logo et bio de l’auteur

favicon.ico ; le favicon de spipfactory

plan.html ; page plan d’ESCAL modifié pour éviter à un visiteur lambda d’afficher le plan du site.


« L’écoute et la compréhension de la problématique de l’autre est un premier pas vers la solidarité. »
Plan du site Contact Mentions légales

2017-2025 © SpipFactory - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.5.4
Hébergeur : SpipFactory