logo article ou rubrique
spip et le squelette escal dans la mutualisation du chaton "PIC"

par lagrenouille

Atelier spip avec escal

 
* L’installation de spip, les droits à donner sur les fichiers, tout ceci est expliqué sur le site de spip.net à l’adresse suivante *
 
https://www.spip.net/fr_rubrique151.html
 
* La mutualisation spip *

  • C’est mettre en commun ce qui peut l’être (le moteur de squelette, l’interface privée etc)
     
  1. Un seul spip pour tous les sites
  2. Un seul dossier "Plugins" pour tous les sites.
  3. Une seule mise à jour de spip et des plugins.
  4. etc....
     
  • Sur votre serveur , votre site est mutualisé, pour l’habillage, ici, j’ai choisi le squelette escal, squelette multilingue et responsive, aussi, pour ses nombreuses possibilités offertes en simples click de la souris, et possibilités d’aller plus loin avec un peu de code dans le répertoire « squelette ».
     
  • L’ouverture d’une rubrique et l’écriture d’un article se font comme sur tous les squelettes spip..
     
  • Menu ->Édition rubrique > créer une nouvelle rubrique >
     

     
    Puis, écrire un nouvel article
     

     
  • Votre rubrique ne s’affiche que si au moins 1 article est validé "publié en ligne".
     

     
  • Ajouter une image ou un document, choisissez votre image ou doc dans le chemin que vous choisirez, puis Téléverser. et copier coller <imgxxxx|left> right ou center.., ou
     
     

     
  • mettez votre curseur dans l’article à l’endroit où vous voulez le document et double cliquer sur left, right ou center
     
     
    * le squelette escal : sa configuration *


     

  • les configurations d’escal sont énormes, nous n’aurons pas le temps défaire le tour complet, nous irons au plus pressé .
     

* L’affichage sur vos écrans, comment choisir son layout *

  • Menu -> Squelette -> escal
  • Mise en page (dans la colonne de gauche)
  • Plusieurs choix s’offrent à vous
     

     
    Layout fluide permet d’être plus responsive, de s’adapter à tous les écrans, pc et tel.
    le réglage des dimensions est assez explicite :
     
    Vous pouvez ne pas mettre de colonne, il suffit de ne mettre aucune noisette dans les blocs latéraux, et régler la partie centrale à votre goût.

 
Dans le menu, en dessous de "Mise en page", vous avez "éléments" .
Favicon, nous vous conseillons de choisir "à partir du logo de votre site", le favicon d’escal étant une marque déposée, ou vous déposez le votre dans le dossier /squelettes/images.

  • Cet icône est celle qui apparaît à gauche du titre de votre site sur les navigateurs
     
    La première page de configuration dans laquelle vous faites les choix d’habillage de votre site

     


 

* Le bandeau du site ou les bandeaux *

 

  • Le plus simplement
    dans "identité du site" ->Logo de ce site → télécharger votre image
    - Faites l’image du bandeau avec une largeur au moins égale à celle de votre site.
    - une hauteur limitée pour ne pas "envahir" l’écran
    - une résolution adaptée au web, environ entre, entre 1400 et 2000px de largeur et 150 à 200px de hauteur
    - Option 3, si vous déposez l’image de fond dans /squelettes/images/bandeau
     
     
  • Si vous choisissez de mettre slogan du site et Nom du site présent , votre image devra être assez petite et disposé a gauche du bandeau. (voir pas d’image du tout)
    - une option existe pour mettre le slogan à gauche du bandeau.
     
     

     
  • Pour ceux que ça intéresse, il est possible de faire :
     
     
  1. un diaporamas dans le bandeau du site, les images défileront dans la vitesse configuré dans le plugin nivoslider qui permet cette configuration.
    http://escal.ac-lyon.fr/spip/spip.php?article215
    1. configurer un bandeau par rubrique,
       

       

* Menu horizontal *

 

  • menu Squelettes ->Configurer ESCAL->Menu horizontal
    - Généralités
    - Menu horizontal
  • le menu parle par lui même, le reste se trouve dans la même page :
    - Configurer ESCAL->Un peu de styles->les fonds et les textes.
  • choix du menu avec affichage des articles ou non
  • choix de la zone d’identification ( dans la conf d’escal - Élements - barre d’outils)
  • Le menu dans les noisettes latérales, les liens survolés du menu vertical déroulant à droite, l’encart de titre pour les rubriques et les articles, le plan, les en-têtes des forums
  • Vous trouverez sur cette page de configuration :
    - Couleur de fond du site
    - Image de fond du site
  • * Les fonds et les textes des blocs *
    - bandeau, contenu des pages, pied de page, menu, annonces, onglets, textes lateraux, formulaires...
    faites des essais et regardez les résultats à l’affichage, c’est la meilleure façon d’apprendre,
  • Vous trouverez des codes de couleurs html sur ce site
    http://www.code-couleur.com/
     

* Le choix des noisettes dans les blocs latéraux *
squelette escal
Choix des blocs latéraux

Page d’accueil
Les rubriques
Les articles
Le forum du site
Les autres pages

 
* les noisettes *
 
Identification
Cette noisette destinée à s’afficher sur la page d’accueil permet à un rédacteur ou à un
administrateur de s’identifier.
 
Navigation par mots-clés
Une noisette qui ajoute un menu de navigation par mots-clés.
 
Recherche multi-critères
Une noisette qui permet de rechercher des articles en fonction des mots-clés qui leurs sont associés.
 
Articles les plus vus
Une noisette qui liste les articles les plus lus.
 
Actus
Cette noisette, propose d’afficher les articles que l’on veut de façon défilante.
 
Photos au hasard
noisette qui affiche 10 images prises au hasard dans les articles ayant le mot-clé photo-
une

Articles de rubrique
Une noisette qui permet d’afficher la liste des articles de la rubrique à qui on aura donné le mot-clé
 
Sites favoris
Cette noisette vous propose d’afficher un défilement de vignettes des sites référencés sur votre site,
 
Derniers commentaires
Cette noisette, comme son nom l’indique, affiche une liste des derniers commentaires dans le site,
 
Mini calendrier
affiche un mini-calendrier avec les évènements à venir
 
Événements à venir
Cette noisette permet d’afficher une simple liste d’événements à venir.
(voir la configuration, ainsi que de mini-calendrier) pour ne pas faire de doublons
 
Sur le web
Une noisette pour afficher le titre des derniers articles de vos sites préférés.
 
Derniers articles syndiqués
Une noisette pour afficher les derniers articles de vos sites préférés.
 
Statistiques
pour afficher quelques statistiques de votre site.Nb de visites, de visiteurs, articles les plus lu..etc...
 
Annuaire auteurs
présente un annuaire des auteurs.
 
Bloc à personnaliser
Cette noisette propose d’afficher tous les articles ayant le mot clé special et/ou tous les articles des rubriques avec ce même mot-clé special.
 
Rainette
pour la météo
 
Derniers articles
permet d’afficher les derniers articles de la
rubrique active.(s’affiche dans la rubrique)
 
À découvrir
pour les rubriques, permet de faire ressortir des articles pas souvent lus.
 
À télécharger
propose d’afficher les documents téléchargeables de la rubrique
 
Mots-clés associés
vient se rajouter dans la page article si et seulement si l’article en question est
associé à un ou des mots-clés.
 
etc..etc...etc..
 

* Présentation différente à l’accueil *
 

  • Votre page d’accueil peut se présenter de différentes façons :
     
  1. un article d’accueil, il suffit d’attribuer le mot clé "accueil" à cet article
    1. des annonces défilantes
    2. des annonces défilantes avec l’article d’accueil en dessous
    3. les derniers articles
    4. une image pleine page avec soit, des liens textes, soit des images
    5. un super_sized (diaporama pleine page) ou une vidéo
    6. votre imagination et un peu de code est à inventer

 
 
* les mots clés *
 
Cette page ne sera utilisée que si vous avez associé des mots-clés à vos articles pour permettre la navigation par mots-clés.
 

  • Éditon-Mots-clés
     

     
  • Modifier le groupe de mots-clés
     

     
  • Mots-clés associés à :
     

     
  • Associer un mot clé à un article :
     


     
    - le mot clé accueil permet à l’article choisi d’être l’article d’accueil du site

- le mot clé annonce défilante est dédié aux articles mis dans annonces défilantes en tête de page d’accueil.
exemple ici

- Le mot clé favoris sert à mettre vos sites favoris dans la noisette Sites favoris

- le mot clé "invisible" attribué à une rubrique permet à cette rubrique de ne pas être vu sur le site publique, par contre, elle appelle des articles ou det évenements qui seront visibles

- le mot clé "pleine page" permet d’avoir une image ou un autre document pleine paqe

- le mot clé "acces-direct" pour des liens internes. Le titre du bloc sera celui de l’article. (l’article sera mis dans la noisette accés-directe choisie dans "choix des blocs lateraux)
etc..etc..
 

LES RÉPERTOIRES DE VOTRE SITE MUTUALISÉ :

 

  • Dans une mutualisation, votre site comprends 5 répertoires :(les autres sont gérés par l’administrateur de la mutu.
     
  1. IMG : qui contient vos images et vos textes(pdf,odt,docx,xls..etc..)
  2. config : contient vos fichier de configuration système
  3. local  : contient des caches et une liste de vos plugins
  4. tmp  : vos fichiers temporaires (vos caches) vidées régulièrement par une tache automatique,dans le répertoire tmp, vous y trouverez le répertoire upload et dump
    ( discuter du problème d’accès à upload pour fichiers nombreux)
  5. squelettes : Celui qui vous permet de modifier votre affichage, grâce à un peu de code css.
  6. dans ce fichier squelettes, vous y trouverez des répertoires :
    - images (à l’intérieur les répertoires fonds et bandeau
    - inclusions
    - lang
    - modeles
    - styles (c’est ici que vous mettez votre perso.css
  • Si vous devez utiliser un fichier "mes_options.php, il sera dans le répertoire config
     
    Tous ces répertoires sont crées automatiquement à l’installation de votre site par nos soins.
     

Le répertoire "squelettes"

 
Pour effectuer des modifications de codage, vous avez le dossier squelette, tout ce qui est écrit dans ce dossier sera prioritaire pour spip, et sera appliqué, le code des plugins ou du squelettes ne doivent en aucun cas être modifié, pour la simple raison qu à la première mise à jour, tout disparaîtra.
Sans compter que si votre code est faux, il est possible de casser tout le reste, alors que dans squelette, on retire et le code des originaux reprends le dessus.
La méthode est de recopier le code dans un fichier squelette du même nom et de le modifier..
 

exemples de typo et quelques configurations de styles sur cet autre article
https://chezlagrenouille.fr/spip.php?article133
..

  • Dans le cadre de notre mutualisation de sites sous spip, Vous avez la possibilité de sauvegarder vos données via le plugin "mes_fichiers" qui est installé, à vous de l’activer..
     
  • Le premier réglage est à faire dans "Configuration_"gestion des plugins"_"Mes_fichiers".
     

     

Quelques articles de Manu sur le site du PIC

 
- installation sur linux
https://www.le-pic.org/spip.php?article640
- installation sur windows
https://www.le-pic.org/spip.php?article645
- Installer des plugins
https://www.le-pic.org/spip.php?article712
- mise à jour majeure
https://www.le-pic.org/spip.php?article664
- mises à jour mineures
https://www.le-pic.org/spip.php?article662

 





Haut de page