logo article ou rubrique
À propos de quelques plugins spip
habillage squelette "escal"

par lagrenouille

QUELQUES INFOS SUR DES PLUGINS

 

 
 

plugin splickrbox:afficher vos images en miniature à la flickfr

  On peut l’utiliser en modele avec <splickrbox> en lui passant en option un parametre d’id pour limiter la boucle document,
   On peut l’utiliser dans les squelettes avec la balise #MODELE{splickrbox}
   On peut l’utiliser avec différent paramètres (qu’on peut aussi combiner) :
       <splickrbox|right> et <splickrbox|left> pour les alignements
       <splickrbox|taille=24> permet de spécifier le nombre de vignettes à afficher. Ce nombre devrait être un multiple du nombre de colonnes.
       <splickrbox|colonnes=10> permet de spécifier le nombre de colonnes à afficher.
       <splickrbox|masque=carre-100.png> permet de définir la taille des vignettes (le masque correspond à la grande vignette).
       <splickrbox|tri=date> permet de spécifier le classement (date, hasard...).
       <splickrbox|senstri=1> permet d’inverser le sens de classement choisi ci-dessus.

 

Cycle2 : Diaporama paramétrable  

Diaporama paramétrable
http://contrib.spip.net/Cycle2
 
 


quelques explications non exhaustives


 

  • Pour faire un simple diapo avec toutes les images.
  • <articleXX|cycle>

- ou

  • <sjcycleXX|ALIGN>
  • Vous pouvez aussi paramétrer toutes vos photos en 400x400
  • définir les dimensions avec :
  • |hauteurmax=400|largeurmax=500
  • j’ai mis 500 pour avoir un peu d’espace autour des photos
  • Mettre des flèches à droite et à gauche des images pour
  • pouvoir faire défiler manuellement avec :
  • |next=.cycle-next|prev=.cycle-prev
  • Si vous voulez n’utiliser que les flèches pour faire défiler les photos
    vous stoppez le démarrage du diapo avec :
  • |paused=true
  • Si vous préférez des boutons cliquables au dessus de l’image avec :
  • |pager=.cycle-pager
  • Choisir les photos du diapos si il y en a plusieurs dans l’article avec :
  • |docs=703,704,705,706,707,708,709
  • choisir sa couleur de fond avec :
  • |backgroundcolor=#4CA66B
  • choisir l’effet de transition avec :|fx=votre choix
  • pour ce premier diaporama : |fx=tileBlind
  • plusieurs possibilités pour les effets :

fondu (fade)
fondu simultané (fadeout)
glissement horizontal (scrollHorz)
glissement vertical (scrollVert)
retournement horizontal (flipHorz)
retournement vertical (flipVert)
Remplacement- paquet de carte (shuffle)
glissement par bande en largeur (tileBlind)
glissement par bandes en longueur (tileSlide)
Carousel (carousel)
Aucun (none)

  • Choisir le temps d’exposition de l’image avec :
  • |timeout=1000
  • Le temps d’affichage pour chaque image se compte en millisecondes, 1000 étant -* très court, 4000 préconisé est plus pratique, faites vos essais.
  • Je n’ai pas mis le temps de transition entre chaque image qui peut se faire avec : |speed=1000>
    ni de temps d’attente avant le départ du diaporama qui se fait avec |delay=200>


-* Ce qui nous donne ce code pour le premier diaporama.
  • Pour le deuxième diaporama , on change les dimensions, l’image est plus petite, il n’y a plus les flèches
    on change aussi le fond d’écran et l’effet de transition, le temps d’exposition est plus court.
  • |overlay=.cycle-overlay ouvre un bandeau sous l’image où se mettront les titres des images :
  • Là ça se passe dans le portfolio, modifier, titre de l’image, vous pouvez la centrer :
  • <center>KIKIL'AMOUREUX</center>
    -* Mettez un titre à chaque image si vous le désirez
  • Ce qui nous donne pour le deuxième diaporama
  • Il faut que le survol de la souris soit activé pour afficher un texte

configurer le plugin avec :

  • Activez passage au survol
  • mettez un message
  • j’ai mis le message "IMAGES TUTOS CYCLE2 "
  • Dans votre diaporama où vous ne voulez pas de message.
  • le paramètre est |pauseonhover=false
  • L’option |tooltip_carac=oui vous affichera les caractéristiques que vous avez mis dans les paramètres de vos images ici :
  • le message mis dans la configuration du plugin apparaît au passage de la souris.
  • Vous pouvez changer le message dans votre code : avec :
  • pauseonhover=true|pauseonhovercontent=ratatouille vous salue
  • Votre message sera « ratatouille vous salue » qui remplace celui du paramètre plugin
  • Pour avoir un message ou un nom d’image ou un décompte en bas à droite avec :
  • |caption=.cycle-caption affichera le nombre de diapo ainsi que le numéro de l’image qui défile
  • |caption=.cycle-caption|captiontemplate=" DIAPO DE TUX"
  • Vous affichera la même légende « DIAPO DE TUX » sur toutes les images du diapo, probablement illisible sauf dans la partie qui est dans la marge en couleur, j’ai donc changé la hauteur par  :|hauteurmax=500
  • L’autre solution est de changer la couleur de la police dans les css.
  • |captiontemplate="Tous vos tux slideNum sur slideCount"
  • vous affichera « tous vos tux 1sur9, 2 sur 9 etc...juqu’audernier.
  •  
  • Maintenant une légende pour chaque image

captiontemplate=image slideNum : cycleTitle

  • vous affichera les titres que vous avez choisis dans les paramètres de l’image .
     
     
  • Mediabox : ouvre l’image d’origine suivant vos paramétrages de la mediabox (dans l’administration : Squelettes > Boîte multimédia. Peut être surchargé lors de l’inclusion avec :
  • |mediabox=oui
    .


.

DEUXIÈME DIAPORAMA
-* Ce qui nous donne ce code pour le deuxième diapo

.

.


ceci est un aperçu des possibilités, ce plugin est plein de paramètres


 

Le couteau suisse  

Ce plugin réunit plusieurs fonctionnalités, petites mais pratiques, en un seul plugin :
Il suffira de cocher les outils voulus, ainsi que de confirmer tel ou tel paramètres.
 
https://contrib.spip.net/Le-Couteau-Suisse




 

Comment se passer du couteau suisse

  • On a constaté qu plusieurs lames du couteau, dans certaines circonstances, plantent votre site.
  • On a aussi constaté que des plugins faisaient le même boulot.
  • à savoir :
  • typo-enluminé
  • corbeille
  • onglets dans le texte
  • blocs dépliables
  • sommaire automatique
     

 

le plugin galleria : diaporama

Diaporama paramétrable
https://contrib.spip.net/Galleria-guide-complet

 

Une fois le plugin installé
parcourir/téléverser vos image
Effet normal, en cliquant à gauche ou à droite de l’image vous faites défiler vos images
- les différentes transition sont :
- fade|flash|pulse|slide|fadeslide|doorslide
- si vous mettez vos images dans le portfolio, alors :


- autres codes pour d’autres effets :
xx étant le numéro de l’article

- à vous de lire la doc pour plus de codes

 

sauuvegarde BDD - sqlite et plugin mysql avec saveauto


Sauvegarde automatique de la base de données de SPIP
https://contrib.spip.net/spip.php?page=recherche&recherche=saveauto


 
Dans maintenance- sauvegarder la base
sauvegardez en sqlite
Lorsque votre site est volumineux et que vous vous servez des statistiques,, ces visites
vous bouffent de la place et votre sauvegarde sqlite est très longue.
décochez la case "Sauvegardez toutes les tables"
 

 
et virer tout ce qui est référer et statistiques
 

 
 
en bas de page après la sauvegarde en sqlite, vous avez ceci :
 
vous sauvegarder tout, et vous pouvez télécharger votre base à l’aide de la flèche en bas à droite.
 

 

plugin onglet dans le texte  



 
~
AVEC LE COUTEAU SUISSE


~
<onglet|titre>
2 lignes vides
texte

<onglet|titre>
2 lignes vides
textes

<onglet|titre>
2 lignes vides
texte


<onglet|titre>
2 lignes vides
texte

</onglets>
~
AVEC LE PLUGIN ONGLETS DANS LE TEXTE
~

<onglet|debut | titre =contenu>
   Puisqu’il est nécessaire que chacune des deux consciences de soi, qui s’oppose l’une à l’autre, s’efforce de se manifester et de s’affirmer, devant l’autre et pour l’autre, comme un être-pour-soi absolu, par là même celle qui a préféré la vie à la liberté et qui se révèle


<onglet | titre=mon cul>
Comme Kant, Hegel pense que la raison conduit la conscience pour adapter à des phénomènes particuliers des catégories universelles. Toutefois, ce processus n’est pas lisse et comporte toujours un élément d’incertitude et d’imprécision, puisque les objets existent dans une gamme de de variations telles qu’il est difficile de les faire correspondre à des catégories universelles. Ainsi, dans la mesure où la conscience est orientée vers les

<onglet | titre = tagada>
Le terme visé est le discernement par l'esprit de ce qu'est le savoir. L'impatience réclame l'impossible, c'est-à-dire d'atteindre le terme visé sans les moyens. Pour une part, il faut supporter la longueur de ce chemin - pour une autre part, il faut séjourner auprès de chacun.


<onglet | titre= proutprout>
La mer, donne d'une façon générale naissance à un type de vie spécial. L'élément indéterminé nous donne l'idée de l'illimité et de l'infini, et l'homme, en se sentant au milieu de cet infini, en tire courage pour dépasser le limité. La mer elle-même est ce qui n'a pas de bornes et ne tolère pas, comme la terre ferme,

 

plugin skeleditor


* Permet d’éditer et de modifier vos fichiers squelettes, si vous n’avez pas de connexion sftp ou ssh.
* Pour modifier la configuration d’Escal, vous serez très vite amenés à téléverser des fichiers d’images, ou à modifier les css, voire à modifier l’un ou l’autre des fichiers du squelette. Pour cela, vous devrez activer le plugin skeleditor., Editer le squelette. Vous pourrez alors téléverser des fichiers, modifier les fichiers du squelette....
 

 

 

plugin blocs dépliables


 

* avec le couteau suisse

<onglet>
2 lignes vides

<bloc>titre
1 ligne vide
texte
</bloc>

<bloc>titre
1 ligne vide
texte
</bloc>

<bloc>titre
1 ligne vide
texte
</bloc>

</onglet>

* avec le plugin blocs dépliables
* N’oubliez pas les deux lignes vides après le titre

<bloc>
    premier article
             
    2.1 Nouveaux types de champs personnalisés : saisie HTML,
texte multilingue répétable, date répétable
2.2 Infopages : possibilité de dupliquer, ajout de classements
2.3 Connecteurs : gestion des suppressions OAI lors de l’import
automatique des notices via le gestionnaire de tâches
   </bloc>

   <bloc>
   deuxième article
     

Possibilité de classer les paniers et les étagères
Option «accès rapide» pour ajouter une notice dans un panier en un clic
Gestion : accès direct aux actions à partir d’un panier
Gestion : le bouton pour créer un panier est également proposé en haut de liste
Gestion (circulation) : pointage des lecteurs à la volée comme en catalogue

   </bloc>


   <visible>
    troisième avec "visible"

           
  4.1 Recherche multi-critères : possibilité de sélectionner plusieurs autorités
sur un même critère
4.2 Partage des recherches prédéfinies entre utilisateurs
4.3 Correction du problème de «source bloquée» en recherche
externe (gestion et OPAC)
</visible>

 

plugin shoutbox

 

faites une rubrique pour chater, mettez lui le mot-clé invisible
faites un article (moi je l'ai appelé ( p'iti t'chat) et mettez lui le mot clé article_1
dans cette article vous mettez juste  <shoutbox| > et c'est tout
choisissez l'emplacement de la noisette article_1, dans configuration>escal-->
Choix des blocs latéraux..
Pour effacer des posts, si vous deviez le faire, je me suis servi du plugin adminer, ceci évite d'aller dans phpmyadmin, et dans la table shoutbox, vous choisissez les lignes à supprimer.
Si vous voulez un t'chat privé, servez vous d'accès_restreint ..

 

petit t’chat dans la colonne de gauche en page d’accueill

 

plugin supersized

 
Vous pouvez changer "voir le slideshow" par votre phrase préféré dans :
plugins/auto/supersized/v0.6.2/lang/supersized_fr.php.
Je n’ai pas encore trouvé comment faire le raccourcis dans mon perso.css
 

Mettez dans votre article  <supersized|{id_article=XX}>  (XX étant le numéro de l'article).
uploadez vos photos et placez les dans le portfolio. c'est tout
Pour éviter d'avoir l'image du  bandeau devant, je suis allé chercher le fichier slide.html dans le plugin supersized et je l'ai copié dans squelettes, puis j'ai commenté la ligne du LOGO:
comme ceci
<!--<li><a href="#URL_SITE_SPIP" >[(#LOGO_SITE_SPIP|sinon{#NOM_SITE_SPIP})]</a></li>-->
On doit pouvoir faire un copier coller d'une petite partie du fichier, cherchez laquelle !

 

plugin un forum sur votre site

 

  • Pour commencer, ouvrez Éditions, mots-clés
  • Créez un groupe de mot-clé type_rubrique et à l’intérieur créez le mot clé forum
     
  • Ensuite, il faut créer une rubrique forum et mettre les mots-clés, invisible, pas à découvrir ,forum
  • Là vous avez plusieurs choix..
  • celui d’accès restreint pour que seul les gens que vous autorisez puisse y aller.
  • soit ouvert à tous
  • soit sur abonnement
  • soit .....
  • Dans la configuration de spip, à
  • Allez dans configuration forum et cochez
  • Enregistrement obligatoire (les utilisateurs doivent s’abonner en fournissant leur adresse email avant de pouvoir poster des contributions).
  • en cochant bien aussi "à tous les articles sans exception" qui apparait au changement d’option .
  • dans la rubrique forum, ouvrez des sous rubriques pour chaque thèmes
  • puis mettez autant d’articles que de problèmes à discuter par thème..
  • dans vos pages spip, vous verrez en haut à droite un logo "forum", cliquez pour ouvrir.

 

 

plugin Nivo Slider

déposez vos images dans l’article
voici un exemple simple
mettez dans votre articl
e
 

Comment faire un bandeau avec des images défilantes

 

  1. Créer un article dans une rubrique invisible (mot-clef invisible)
  2. insérer vos images( de la même taille si possible)
  3. dans la conf du plugin, régler la largeur et la hauteur en fonction de vos images et le nom de l’article tout en bas.
  4. reste à faire une copie de inc-bandeau.html de /escal/inclusions vers /squelettes/inclusions et dans ce fichier, effacer tout le code et mettre juste
[(#MODELEnivoslider

)]

 

plugin cibloc


 
Mise en page par blocs, avec colonnes, icônes, boutons, liens..
https://contrib.spip.net/cibloc-mettre-en-forme-le-texte-d-articles-avec-des

n’oubliez pas de changer les images

 

plugin time-circle

CountDownTimer

Ici nous démarrons un compte à rebours de 15 minutes avec le modele suivant (les valeurs doivent être renseignées en secondes : ici 180 = 3 minutes)
les secondes défilent  de 0 à 3 minutes, puis de 3  à 0 etc etc indéfiniment sur 180 secondes
<countdowntimer|class=something|data-timer=180>
<countdowntimer|class=cuisson des hamsters|data-timer=180>
============================================================
Le modèle fonctionnera également très bien avec une date que vous aurez au préalable déclaré
<datecountdown|data-data=2020-08-02 06:00:00>
=================================================
Dans un contexte d’événement (avec Agenda)
<datecountdown|>
placé tel quel, n’importe où dans le contenu texte de votre événement, fera également l’affaire, en se basant sur l’heure de début de votre événement.
Si vous utilisez Agenda, le modèle suivant fonctionnera très bien et, partout dans le site, pour afficher un décompte temps jusqu’au départ de n’importe quel événement SPIP à venir.
Exemple ici avec un id_evenement=3 (1er de l’an 2019 en l’occurrence)
<datecountdown|id_evenement=3>
PAS ENCORE TESTÉ
~
PageOpenTimer

chronomètre  sans fin
<pageopentimer|>
~
ans evenement datacount
<datecountdown|data-data=2020-08-02 00:00:00> (ça m'affiche pas les jours dans le premier cercle)

<datecountdown|class=castest|data-date=2020-02-08>
affiches le décompte en affichant les jours,les heures les minutes et les secondes jusqu'à la date précisée
SAUF QU'IL METS UN JOURS DE MOINS PUISQUE LE 0 COMPTE
donc 363 jours pour 364
~

ce chronomètre va tourner jusqu’à votre prochain anniversaire

le chronomètre va tourner jusqu'a votre prochain anniverssaire

plugin info_spip


Installer le plugin

Ce plugin affiche toutes les infos relatives à votre site, à votre serveur, système, serveur, php..etc
Configuration du plugin "Info SPIP"

à la fin je n’ai pas demandé davoir l’info d’un site externe. (voir la configuration)

Clé d’identification :
Clé permettant de sécuriser l’utilisation de la page affichant la configuration du site. Sans cette clé, la page ne s’affichera pas.
cliquez sur "générer la clé"

678Df9b3f-9874-cd5e-892d-a6f810eAAce67
 

 




Haut de page
Systéme: Gnu_Linux_Debian