Documentation à https://hunyadi.info.hu/levente/en/sigplus

On utilise le plug'in sigplus

A l'intérieur d'un article, pour avoir une galerie d'images on insère à l'endroit voulu la chaîne de caractères suivante :

{'gallery}actualites/toitduloup{/gallery'} (sauf les deux quotes rouges), sinon ça fait justement la galerie ci-dessous)

Le texte au centre permet de trouver un répertoire situé en dessous du répertoire "images", soit ici

/www/images/actualites/toitduloup

Sans autre info, toutes les images de ce répertoire seront dans la galerie de l'article. Si on va dans le menu d'administration "extensions>plugin" et qu'on choisit "sigplus" on voit que les paramètres par défaut sont 1 jigne et 3 colonnes d'où sulement 3 vignettes. Par défaut aussi les vignettes font 100pixels x 100 pixels.

Si on ajoute dans le répertoire un fichier labels.txt on peut

  • choisir les images à afficher (donc en exclure si besoin)
  • ajouter un commentaire de son choix pour chaque image

ATTENTION : fichier à éditer en mode texte avec notepad++ à partir d'un modèle modele_labels.txt

Le fichier est de la forme

1rouge2.jpg|première ligne de commentaire | deuxième ligne
1rouge4.jpg|cccccc
1rouge5.jpg|ddddddddddd
1rouge7.jpg|eeeeeeee
1rouge8.jpg|ffffff
1rouge9.jpg|gggggggggggggggg

Chaque ligne correspond à une image à afficher dans la galerie, et le texte après la première barre verticale correspond à la première ligne du commentaire voulu. Le texte après la deuxième barre donne la deuxième ligne de commentaire.

S'il y a dans le répertoire les fichiers 1rouge1.jpg et 1rouge3.jpg ils ne seront pas affichés dans la galerie.

 

On verra qu'on peut ajouter d'autres paramètres pour une galerie. Par exemple, dans les galeries j'ai fixé pour l'instant l'affichage de six vignettes (au max) quel que soit le nombres d'images dans le répertoire (cf toit du loup où il y a 20 images).

Exemple pour l'affichage de toutes (celles qui apparaissent dans le fichier "rouge.txt") les vignettes d'un répertoire

orientation=vertical  les vignettes s'affichent de gauche à droite puis de haut en bas

rows=11 sur 11 lignes

cols=5  sur 5 colonnes

'

 

 

 

Pour envoyer un fichier (image, pdf, etc.) vers le serveur OVH, il faut installer un outil FTP. Sans hésitation, je vous conseille d'installer un programme gratuit : filezilla.

Après quoi il faut avoir les paramètres de connexion :

serveur     ftp.cosiroc.fr

login   cosiroc

mot de passe   xxxxxxxxx (me le demander)

Une fois la connexion réussie, il y a à gauche l'équivalent de l'explorateur windows : on se promène dans les différents répertoires de sa machine.

A droite il y a la même chose : les différents répertoires du serveur OVH. Chez OVH c'est du linux. Il y a des règles un peu différentes pour nommer les répertoires et les fichiers :

  • pas d'espace dans les noms : traditionnellement on remplace les espaces par tiret ("-") ou souligné ("_"), par exemple bas-cuvier ou cul_de_chien
  • les majuscules créent une différence : "Cuvier" et "cuvier" s'ils existent sont deux noms différents
  • pas de caractères accentués (é, ù, ê) ni certains caractères spéciaux (&, %, etc.)

Moralité on ne vas utiliser que les chiffres (0 à 9), les minuscules non accentuées (a à z) et le tiret ou souligné. Joomla ayant tendance à générer des "-" (tirets) on prendra le tiret.

Exemples de noms :

fiche circuit  av-hameau-bleu-n6.pdf

schéma circuit av-loutteville-bleu-n13.jpg

Arborescence des fichiers

Cette arborescence est celle du serveur. Il est commode de mettre la même sur sa propre machine.

/www/cosiroc/images/actualites
/www/cosiroc/images/banners
/www/cosiroc/images/circuit_icone.jpg
/www/cosiroc/images/fiches
/www/cosiroc/images/icons
/www/cosiroc/images/index.html
/www/cosiroc/images/joomla_black.gif
/www/cosiroc/images/joomla_black_cosiroc.gif
/www/cosiroc/images/joomla_black_orig.gif
/www/cosiroc/images/joomla_green.gif
/www/cosiroc/images/joomla_logo_black.jpg
/www/cosiroc/images/liste.txt
/www/cosiroc/images/massifs
/www/cosiroc/images/mode_d_emploi
/www/cosiroc/images/powered_by.png
/www/cosiroc/images/sampledata
/www/cosiroc/images/actualites/fauvettes-degradations
/www/cosiroc/images/actualites/fauvettes-essaim
/www/cosiroc/images/actualites/troche
/www/cosiroc/images/actualites/fauvettes-degradations/image002.gif
/www/cosiroc/images/actualites/fauvettes-degradations/image004.gif
/www/cosiroc/images/actualites/fauvettes-degradations/image006.gif
/www/cosiroc/images/actualites/fauvettes-degradations/image008.gif
/www/cosiroc/images/actualites/fauvettes-degradations/image010.gif
/www/cosiroc/images/actualites/fauvettes-essaim/P1020609.JPG
/www/cosiroc/images/actualites/fauvettes-essaim/P1020611.JPG
/www/cosiroc/images/actualites/fauvettes-essaim/P1020612.JPG
/www/cosiroc/images/actualites/fauvettes-essaim/P1020613.JPG
/www/cosiroc/images/actualites/fauvettes-essaim/P1020615.JPG
/www/cosiroc/images/actualites/fauvettes-essaim/P1020616.JPG
/www/cosiroc/images/actualites/fauvettes-essaim/P1020617.JPG
/www/cosiroc/images/actualites/fauvettes-essaim/P1020618.JPG
/www/cosiroc/images/actualites/troche/la-troche-2012.pdf
/www/cosiroc/images/actualites/troche/oleg_perros.odt
/www/cosiroc/images/banners/index.html
/www/cosiroc/images/banners/osmbanner1.png
/www/cosiroc/images/banners/osmbanner2.png
/www/cosiroc/images/banners/shop-ad-books.jpg
/www/cosiroc/images/banners/shop-ad.jpg
/www/cosiroc/images/banners/white.png
/www/cosiroc/images/fiches/av-hameau-bleu-n6.pdf
/www/cosiroc/images/fiches/av-hameau-jaune-n6-bleu-rouge.pdf
/www/cosiroc/images/fiches/av-hameau-jaune-n6bis.pdf
/www/cosiroc/images/fiches/av-hameau-rouge-n14.pdf
/www/cosiroc/images/fiches/av-hameau-rouge-n8-oldversion2009.pdf
/www/cosiroc/images/fiches/av-hameau-rouge-n8.pdf
/www/cosiroc/images/fiches/av-hameau-safran-n5.pdf
/www/cosiroc/images/fiches/av-louteville-bleu-n13.pdf
/www/cosiroc/images/fiches/av-louteville-rouge-n14.pdf
/www/cosiroc/images/fiches/av-loutteville-bleu-n13.jpg
/www/cosiroc/images/fiches/av-loutteville-bleu-n13.pdf
/www/cosiroc/images/fiches/av-loutteville-jaune-n12.pdf
/www/cosiroc/images/fiches/av-loutteville-orange-n11.pdf
/www/cosiroc/images/fiches/av-loutteville-rouge-n14.jpg
/www/cosiroc/images/fiches/av-loutteville-rouge-n14.pdf
/www/cosiroc/images/fiches/av-nainville-blanc-n10.pdf
/www/cosiroc/images/fiches/av-nainville-blanc-n19.pdf
/www/cosiroc/images/fiches/av-nainville-bleu-n1.pdf
/www/cosiroc/images/fiches/av-nainville-noir-n15.pdf
/www/cosiroc/images/fiches/av-nainville-orange-n17.pdf
/www/cosiroc/images/fiches/av-nainville-rouge-n4.pdf
/www/cosiroc/images/fiches/av-telegraphe-blanc-mater.pdf
/www/cosiroc/images/fiches/av-telegraphe-blanc-n16p.pdf
/www/cosiroc/images/fiches/av-telegraphe-blanc-n7.pdf
/www/cosiroc/images/fiches/av-telegraphe-bleu-n13.pdf
/www/cosiroc/images/fiches/av-telegraphe-bleu-n2.jpg
/www/cosiroc/images/fiches/av-telegraphe-bleu-n2.pdf
/www/cosiroc/images/fiches/av-telegraphe-caramel-n.pdf
/www/cosiroc/images/fiches/av-telegraphe-jaune-n2.pdf
/www/cosiroc/images/fiches/av-telegraphe-orange-n11.jpg
/www/cosiroc/images/fiches/av-telegraphe-orange-n11.pdf
/www/cosiroc/images/fiches/av-telegraphe-rouge-n14-v2006.pdf
/www/cosiroc/images/fiches/PLan general + circuit ONF.pdf
/www/cosiroc/images/icons/article.ico
/www/cosiroc/images/icons/circuit_icone.ico
/www/cosiroc/images/icons/circuit_icone.jpg
/www/cosiroc/images/icons/circuit_icone_32_32.ico
/www/cosiroc/images/icons/circuit_icone_81_81.ico
/www/cosiroc/images/icons/en_travaux-2-2.jpg
/www/cosiroc/images/icons/en_travaux-2-2_big.jpg
/www/cosiroc/images/icons/escalade.png
/www/cosiroc/images/icons/escalade_blanc.png
/www/cosiroc/images/icons/escalade_bleu.png
/www/cosiroc/images/icons/escalade_caramel.png
/www/cosiroc/images/icons/escalade_jaune.png
/www/cosiroc/images/icons/escalade_noir.png
/www/cosiroc/images/icons/escalade_orange.png
/www/cosiroc/images/icons/escalade_red.png
/www/cosiroc/images/icons/escalade_rouge.png
/www/cosiroc/images/icons/favicon_.ico
/www/cosiroc/images/icons/favicon_.png
/www/cosiroc/images/icons/favicon_a - Copie.ico
/www/cosiroc/images/icons/favicon__.ico
/www/cosiroc/images/icons/index.html
/www/cosiroc/images/icons/pdf.ico
/www/cosiroc/images/icons/pdf.png
/www/cosiroc/images/icons/pdf2.ico
/www/cosiroc/images/icons/pdfmini.png
/www/cosiroc/images/icons/punaise.gif
/www/cosiroc/images/icons/sens_interdit.png
/www/cosiroc/images/icons/sens_interdit_156_156.png
/www/cosiroc/images/icons/sens_interdit_16_16.png
/www/cosiroc/images/icons/sens_interdit_32_32.png
/www/cosiroc/images/massifs/91-1
/www/cosiroc/images/massifs/95-2
/www/cosiroc/images/massifs/ap-bizons
/www/cosiroc/images/massifs/ap-desert
/www/cosiroc/images/massifs/ap-envers
/www/cosiroc/images/massifs/ap-gorges
/www/cosiroc/images/massifs/av-hameau
/www/cosiroc/images/massifs/av-loutteville
/www/cosiroc/images/massifs/av-nainville
/www/cosiroc/images/massifs/av-telegraphe
/www/cosiroc/images/massifs/avon
/www/cosiroc/images/massifs/boigneville
/www/cosiroc/images/massifs/boisrond
/www/cosiroc/images/massifs/calvaire
/www/cosiroc/images/massifs/canche
/www/cosiroc/images/massifs/canon
/www/cosiroc/images/massifs/categ_91_1.jpg
/www/cosiroc/images/massifs/cathedrale
/www/cosiroc/images/massifs/chaintreauville
/www/cosiroc/images/massifs/chamarande
/www/cosiroc/images/massifs/chateauveau
/www/cosiroc/images/massifs/chatillon
/www/cosiroc/images/massifs/culdechien
/www/cosiroc/images/massifs/cuvier
/www/cosiroc/images/massifs/cuvierbas
/www/cosiroc/images/massifs/cuvierrempart
/www/cosiroc/images/massifs/damejouanne
/www/cosiroc/images/massifs/demoiselles
/www/cosiroc/images/massifs/diplo
/www/cosiroc/images/massifs/dreizinnen
/www/cosiroc/images/massifs/elephant
/www/cosiroc/images/massifs/etrechy
/www/cosiroc/images/massifs/fauvettes
/www/cosiroc/images/massifs/feuillardiere
/www/cosiroc/images/massifs/fr-cretesud
/www/cosiroc/images/massifs/fr-cuisiniere
/www/cosiroc/images/massifs/fr-ermitage
/www/cosiroc/images/massifs/fr-hautesplaines
/www/cosiroc/images/massifs/fr-isatis
/www/cosiroc/images/massifs/fr-sablons
/www/cosiroc/images/massifs/general
/www/cosiroc/images/massifs/gorgechats
/www/cosiroc/images/massifs/gorgehoux
/www/cosiroc/images/massifs/grandemontagne
/www/cosiroc/images/massifs/grossablons
/www/cosiroc/images/massifs/guichot
/www/cosiroc/images/massifs/jamartin
/www/cosiroc/images/massifs/jeandesvignes
/www/cosiroc/images/massifs/longrocher
/www/cosiroc/images/massifs/maincourt
/www/cosiroc/images/massifs/maisse
/www/cosiroc/images/massifs/malesherbes
/www/cosiroc/images/massifs/massifs.txt
/www/cosiroc/images/massifs/maunoury
/www/cosiroc/images/massifs/mignot
/www/cosiroc/images/massifs/milly
/www/cosiroc/images/massifs/mondeville
/www/cosiroc/images/massifs/montaigu
/www/cosiroc/images/massifs/montolivet
/www/cosiroc/images/massifs/montussy
/www/cosiroc/images/massifs/nemours
/www/cosiroc/images/massifs/oncy
/www/cosiroc/images/massifs/padole
/www/cosiroc/images/massifs/pendu
/www/cosiroc/images/massifs/potala
/www/cosiroc/images/massifs/poteau
/www/cosiroc/images/massifs/potets
/www/cosiroc/images/massifs/puiselet
/www/cosiroc/images/massifs/recloses
/www/cosiroc/images/massifs/reine
/www/cosiroc/images/massifs/rocherfin
/www/cosiroc/images/massifs/sabots
/www/cosiroc/images/massifs/saintgermain
/www/cosiroc/images/massifs/sanglier
/www/cosiroc/images/massifs/segognole
/www/cosiroc/images/massifs/telegraphe
/www/cosiroc/images/massifs/toit_du_loup
/www/cosiroc/images/massifs/troche
/www/cosiroc/images/massifs/troglodytes
/www/cosiroc/images/massifs/vauxcernay
/www/cosiroc/images/massifs/videlles
/www/cosiroc/images/massifs/villeneuve
/www/cosiroc/images/massifs/91-1/intro.jpg
/www/cosiroc/images/massifs/av-loutteville/directe_au_cime.jpg
/www/cosiroc/images/massifs/av-loutteville/eclats_de_bulle.jpg
/www/cosiroc/images/massifs/av-loutteville/intro.jpg
/www/cosiroc/images/massifs/av-loutteville/intro2.jpg
/www/cosiroc/images/massifs/av-loutteville/la_belle_marbree.jpg
/www/cosiroc/images/massifs/av-nainville/intro.jpg
/www/cosiroc/images/massifs/av-telegraphe/intro.jpg
/www/cosiroc/images/massifs/av-telegraphe/Le_depart.jpg
/www/cosiroc/images/massifs/canon/8image2.jpg
/www/cosiroc/images/massifs/canon/8image3.jpg
/www/cosiroc/images/massifs/canon/8image4.jpg
/www/cosiroc/images/massifs/canon/index.html
/www/cosiroc/images/massifs/canon/thumbs
/www/cosiroc/images/massifs/canon/thumbs/8image2.jpg
/www/cosiroc/images/massifs/canon/thumbs/8image3.jpg
/www/cosiroc/images/massifs/canon/thumbs/8image4.jpg
/www/cosiroc/images/massifs/canon/thumbs/index.html
/www/cosiroc/images/massifs/cuvier/1rouge2.jpg
/www/cosiroc/images/massifs/cuvier/1rouge3.jpg
/www/cosiroc/images/massifs/cuvier/1rouge4.jpg
/www/cosiroc/images/massifs/cuvier/1rouge5.jpg
/www/cosiroc/images/massifs/cuvier/1rouge7.jpg
/www/cosiroc/images/massifs/cuvier/1rouge8.jpg
/www/cosiroc/images/massifs/cuvier/1rouge9.jpg
/www/cosiroc/images/massifs/cuvier/bigs
/www/cosiroc/images/massifs/cuvier/index.html
/www/cosiroc/images/massifs/cuvier/labels.txt
/www/cosiroc/images/massifs/cuvier/bigs/tooBouseOrNot_1.jpg
/www/cosiroc/images/massifs/cuvier/bigs/tooBouseOrNot_2.jpg
/www/cosiroc/images/massifs/cuvier/bigs/tooBouseOrNot_3.jpg
/www/cosiroc/images/massifs/cuvier/bigs/tooBouseOrNot_4.jpg
/www/cosiroc/images/massifs/cuvier/bigs/tooBouseOrNot_5.jpg
/www/cosiroc/images/massifs/cuvierbas/tooBouseOrNot_1.jpg
/www/cosiroc/images/massifs/cuvierbas/tooBouseOrNot_2.jpg
/www/cosiroc/images/massifs/cuvierbas/tooBouseOrNot_3.jpg
/www/cosiroc/images/massifs/cuvierbas/tooBouseOrNot_4.jpg
/www/cosiroc/images/massifs/cuvierbas/tooBouseOrNot_5.jpg
/www/cosiroc/images/massifs/diplo/bleau1011.jpg
/www/cosiroc/images/massifs/diplo/bleau1011.png
/www/cosiroc/images/massifs/fauvettes/pilier_n3.jpg
/www/cosiroc/images/massifs/fauvettes/topo_couverture.jpg
/www/cosiroc/images/massifs/potala/BLEAU801.JPG
/www/cosiroc/images/massifs/potala/bloc26rouge.jpg
/www/cosiroc/images/massifs/potala/bloc28rouge.jpg
/www/cosiroc/images/massifs/toit_du_loup/fullsize
/www/cosiroc/images/massifs/toit_du_loup/index.html
/www/cosiroc/images/massifs/toit_du_loup/labels.txt
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_01.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_02.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_03.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_04.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_05.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_06.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_07.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_08.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_09.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_10.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_11.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_12.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_13.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_14.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_15.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_16.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_17.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_18.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_19.jpg
/www/cosiroc/images/massifs/toit_du_loup/toit_du_loup_20.jpg
/www/cosiroc/images/massifs/toit_du_loup/fullsize/toit_du_loup_03.jpg
/www/cosiroc/images/massifs/troche/troche_00.jpg
/www/cosiroc/images/massifs/troche/troche_01.jpg
/www/cosiroc/images/massifs/troche/troche_02.jpg
/www/cosiroc/images/massifs/troche/troche_03.jpg
/www/cosiroc/images/massifs/troche/troche_04.jpg
/www/cosiroc/images/massifs/troche/troche_05.jpg
/www/cosiroc/images/massifs/troche/troche_06.jpg
/www/cosiroc/images/massifs/troche/troche_07.jpg
/www/cosiroc/images/massifs/troche/troche_08.jpg
/www/cosiroc/images/massifs/troche/troche_09.jpg
/www/cosiroc/images/massifs/troche/troche_10.jpg
/www/cosiroc/images/massifs/troche/troche_11.jpg
/www/cosiroc/images/massifs/troglodytes/6a.jpg
/www/cosiroc/images/massifs/troglodytes/bloc_la_grotte.jpg
/www/cosiroc/images/massifs/troglodytes/en_hiver.jpg
/www/cosiroc/images/massifs/troglodytes/orange_001.jpg
/www/cosiroc/images/massifs/troglodytes/orange_04.jpg
/www/cosiroc/images/massifs/troglodytes/orange_09_les_bossettes.jpg
/www/cosiroc/images/massifs/troglodytes/orange_14b.jpg
/www/cosiroc/images/massifs/troglodytes/orange_15.jpg
/www/cosiroc/images/massifs/troglodytes/orange_16.jpg
/www/cosiroc/images/massifs/troglodytes/orange_17.jpg
/www/cosiroc/images/massifs/troglodytes/orange_2.jpg
/www/cosiroc/images/massifs/troglodytes/orange_2bis.jpg
/www/cosiroc/images/massifs/troglodytes/ravaillac_6c.jpg
/www/cosiroc/images/mode_d_emploi/modif_article_actu.jpg
/www/cosiroc/images/mode_d_emploi/modif_article_actu_mini.jpg

IMAGES
Bien noter qu'on envoie tous nos fichiers en dessous de /www/cosiroc/images/

En dessous de /www/cosiroc/images/massifs on a un répertoire par massif.

Par exemple toute image envoyée dans un répertoire massif, par exemple /www/cosiroc/images/potala, apparaitra automatiquement dans la galerie d'images associée à ce massif. (On verra ailleurs comment affiner le triatement d'une galerie d'images).

FICHES CIRCUIT et SCHEMA DE CIRCUIT

Les fiches sont construites sur le modèle <massif>-<couleur>-n<numéro de circuit>.pdf, et les schémas sur le même modèle avec .jpg à la fin.

exemples  av-nainville-orange-n17.pdf  av-nainville-orange-n17.jpg

Modification

Pour pouvoir modifier un article d'actualités il faut se connecter avec votre login/mot de passe. Quand on va sur un de ces articles, il y a en haut à droite une icône en plus : rectangle avec petit crayon orange. En cliquant dessus on passe en mode modification de l'article. On a par exemple

A priori, toutes les modifications se font dans la fenêtre [toggle editor], qui ressemble à un petit traitement de texte. Dans un premier temps, le plus important est de rentrer les texte souhaité, avec des mises en forme (taille, gras, italique, couleur,etc.)

Pour insérer une image, il faut d'abord transférer l'image de votre PC vers le serveur OVH via un outil FTP (transfert de fichiers). On choisira ici le dossier /www/images/actualites comme dossier pour envoyer l'image. Cf mode d'emploi FTP.