Aller au contenu
Support de Zwii

8 captures d’écran

À propos de ce fichier

* Compatibilité avec les versions les plus récentes du Zwii assurée (V9.x.xx) ainsi qu'avec les versions futures à venir.

 

* le zip nommé "Mutigalerie.zip" est un peu lourd car il contient pas mal d'images et de dossiers d'exemple pour créer de multiple galerie immédiatementt exploitable sur votre site.

Il peut, si vous le désirez, être allégé en supprimant les dossiers contenu dans le dossier nommé "MaGalerie". Ces dossiers sont "espace" "paysages" de m^me que vous pouvez aussi supprimer dans le dossiers "photo" les dossiers qui ne vous intéressent pas.

*Pensez aussi à supprimer du dossier nommé "thumbs" les miniatures qui porte le nom des dossiers supprimés (exemple dossier paysage viré, enlever les miniatures portant le nom "photos_Paysage_nom du fichier")

 

 

 

Ce module de galerie est basé sur le script "MinigalNano" abandonné par son auteur en 2010 et l'excellent travail de "SebSauvage" qui à repris le
flambeau et amélioré ce script jusqu'en 2015. 
https://sebsauvage.net/wiki/doku.php?id=accueil

 

Ce module vous permettra d'afficher une galerie d'images et de fichiers sons/vidéo (format mp3 et mp4) qui pourront se trouver dans des dossiers à thème, les dits dossiers pouvant eux aussi comporter d'autres dossiers...
Cette galerie vous ouvre ainsi une multitude d'utilisations différentes suivant les usages que chacun entend en tirer sur son site web;

 

Il est ainsi possible d'utiliser la galerie dans un site sous Zwii comme ceci:

  - Agrémenter une page du site avec une galerie d'images ou de fichier vidéos/sons 
  - Permettre d'adjoindre à vos article de blog ou de news une ou des galeries différentes suivant vos humeurs créatives.
  - Utiliser le module de galerie dans une barre latérale d'un zwii
  - Utiliser ce module dans les gabarits (templates) de l'éditeur Tinymce.
  - Placer une ou plusieurs galeries si l'envie vous en prend dans le footer (bas de page de votre site)

  - Les galeries ont la possibilité de s'ouvrir par un simple lien, dans une fenêtre popup Lity, dans une Iframe, au clic sur une image
Ainsi que tout autre utilisation possible et imaginable pour un tel type de module.


🖼️ Au clic sur une miniature image (ou un dossier images) les images sont affichées dans les tailles responsives (ratio hauteur/largeur respecté),la fenêtre de visualisation de celle ci bénéficiant d'une barre de navigation pour aller à l'image suivant/précedente.
🎨 Pour plus de commodité et uniquement pour les fichiers multimédias, ceux ci s'ouvre das une nouvelle fenêtre (onglet) de votre navigateur.
* Formats audios vidéos supportés: .mp3 .mp4 .ogg(audio et vidéo) .webm

 

L'archive à décompresser contient:
- un dossier nommé "MaGalerie" (c'est le dossier qu'il faudra envoyer par FTP sur votre serveur). Il contient le script principal pour afficher votre galerie dans votre site ainsi que des sous dossiers et images pour que vous puissiez de suite utiliser celle ci.
- un dossier nommé "Bonus Template Tinymce" (il contient un  "bonus" vous permettant d'utiliser le script depuis Tinymce dans le zwii)
- le fichier d'aide que vous êtes en train de lire

 

## INSTALLATION ##
Une fois l'archive dé-zippée sur votre pc, il vous suffit de d'envoyer à la racine de votre serveur web là où est installé votre site sous Zwii (ou dans le sous-dossier de votre site si Zwii est installé ainsi sur votre espace web) le dossier nommé "MaGalerie" en entier.
C'est tout ce que vous avez à faire...
* Je conseillerais d'envoyer ce dossier dans /site/data/ (ceci à cause des mises à jour possible du cms, donc tout ce qui se trouve dans le dossier data est lui normalement conservé)

* Pour le dossier "Bonus Template Tinymce" un fichier texte situé dedans son dossier vous explique lui la procédure à suivre si vous désireriez utiliser "les deux gabarits (templates) fournis dans l'éditeur de texte du cms

 

## SUPPRESSION DU SCRIPT ##
C'est tout simple, il vous suffit de supprimer le dossier "MaGalerie" ainsi que tout ce que vous avez crée dans votre site avec ce script... 

 

## USAGES DE LA GALERIE ##

⚠️ Information à retenir:
Tout les exemples donnés ci dessous le sont depuis un dossier "MaGalerie" place dans un site Zwii lui même placé dans un sous-dossier à la racine de mon espace web, pensez donc à changer le chemin vers votre galerie si vous n'avez que le Zwii placé à la racine de votre propre espace web exemple:
- A la racine de l'espace web : /site/data/MaGalerie/
- Dans un sous dossier de mon espace web : /Mon_site_zwii/site/data/MaGalerie/

 

- les fichiers renommés " integrate.php### " et " system_check.php### " peuvent être supprimés car non utililes au fonctionnement de la galerie dans le Zwii.

 

## Comment créer, lancer une ou des galeries ##

A: Une simple galerie est composée d'un dossier où l'on envoie nos images et d'un fichier nommé index.php (qui peut être renommé à votre guise tout comme le dossier des images)

(dans le dossier "MaGalerie" le dossier image est nommé "Photos" et le fichier qui le lance "index.php")

B: Pour créer et appeler  plusieurs galeries différentes dans votre Zwii il suffit alors de créer autant de dossiers nécessaires pour recevoir vos photos et autant de fichier index.php avec pour chaque un nom différent de votre précédente galerie déjà en place.

* Exemple dans le dossier de la galerie se trouvent deux dossiers et leurs fichiers nommés selon les prescriptions (autre noms pour chacun d'entre eux)

____________________________________________________________________________________

|    Nom du dossier des images       -->     Nom du fichier en php qui lance la galerie     |

|___________________________________________________________________________________|

|                espace                               -->                  indexespace.php                                      |

|               paysages                           -->                   indexpaysages.php                                 |

|___________________________________________________________________________________|

 

IMPORTANT:

Le fichier nommé "config.php" contient tout vos réglages personnels pour l'affichage de votre galerie, pensez juste à le modifier à votre guise pour que votre galerie affiche par exemple un titre ou utilise l'un des template voulu, le fichier "config-default.php" contient lui les réglages de base de la galerie.

 

## LES UTILISATIONS POSSIBLES ##

 

- Sous forme d'iframe dans une page:


IFRAM.thumb.png.5a6cbad1040ef38aafa5281ff2d41fad.png

 

Commencez à rédiger le contenu de votre page avec l'éditeur en mode complet dans votre site
Là où vous voulez placer l'Iframe de votre galerie, mettre l'éditeur en mode "Source" et copier ceci dedans:
 

<p><iframe src="/ZwiiCMS-9015//MaGalerie/index.php" width="auto" height="450px" frameborder="0"></iframe></p>


IFRAM1.thumb.png.a879ba7d14714b276832a573d2426424.png
(pensez à modifier si besoin était le chemin menant vers le fichier comme expliqué plus haut suivant où est placé votre Zwii dans votre espace web)

 

Vous pouvez ensuite revenir au mode d'édition "normal" dans l'éditeur tinymce si vous désirez "agrémenter" votre mise en page, puis enregistrer celle ci pour voir apparaître votre galerie dans une page de votre site

 

- Avec une ouverture depuis une image cliquable et dans une fenêtre Lity:


Dans l'éditeur de texte choisir une image qui servira de lien cliquable vers votre galerie (mode éditeur visuel)


IMC.png.33178373fbba8f0d9e984ed7b66cfb60.png

 

Cliquez sur votre image et choisir dans l'éditeur la fonction lien
Indiquez le chemin vers le fichier index.php de votre galerie et choisir l'ouverture du lien dans une fenêtre "Lity"


IMC1.thumb.png.267e727c151fb04dc7c04ed7f0b38f18.png

Vous pouvez enregistrer ensuite le résultat, au clic sur cette image, la galerie s'ouvrira dans une popup Lity..

 

- Depuis un simple lien (avec ouverture dans la page ou dans un nouvel onglet):
Créez votre lien sous forme de texte, surlignez le et choisissez "Lien" dans l'éditeur de texte. Ensuite faites comme pour un lien normal et donnez lui juste le chemin vars le fichier index.php de votre galerie.


LIEN.png.a95bd3b576882393c65eff0a5faf0ef6.png

 

- dans une barre latérale:
Ouvrir votre barre latérale (ou créez en une)
Editeur en mode "Source" ajoutez l'adresse de l'image clicable qui menera à votre galerie comme ceci:

<div class="block">
<h4>Dans une barre latérale</h4>
<div class="container">
<p><a href="/ZwiiCMS-9015/site/data/MaGalerie/index.php" rel="data-lity"><img src="/ZwiiCMS-9015/site/file/source/4w8qjk.gif" alt="" width="320" height="132" /></a></p>
</div>
</div>

 

- (facultatif) Depuis un "template/gabarit" tinymce pour agrémenter vos articles de blog, news ou simple page de site:
Rédigez votre article et choisissez comme vous le feriez en cliquant sur "+" dans l'éditeur de texte l'option "Gabarits" puis l'un des Templates proposés pour afficher votre galerie à droite ou à gauche dans votre texte..


GABARIT.thumb.png.4568966ae623b5b3beb8afa377443276.png

 

- dans le footer (bas de page) de votre site web Zwii:


FOOTER.thumb.png.7eabb5ac491cf662d847276669d0647c.png
 

Servez vous de la personnalisation du bas de page pour ajouter dans la partie réservée "Contenu personnalisé" texte ou HTML pour ajouter ceci (éditeur en mode "source"):

<p style="text-align: center;">Cliquez sur l'une des images pour voir notre galerie</p>
<p><a href="/ZwiiCMS-9015/site/data/MaGalerie/index.php" rel="data-lity"><img style="display: block; margin-left: auto; margin-right: auto;" src="/ZwiiCMS-9015/site/file/source/silk_sheets.jpg" alt="" width="576" height="202" /></a></p>

FOOTER1.thumb.png.f6455fe93cac3ae22fc7e47fb1a5d606.png


Vous pouvez aussi personnaliser l'affichage de votre footer avec les options proposées par le cms comme montré par la première image.


Et tout un tas d'autres idées que vous pourriez avoir dont je n'aurais pas penser à leurs usages (exemple pour les plus téméraires en modifiant le fichier main.php si vous vouliez placer votre galerie dans ce qui est l'architecture de votre site sous Zwii comme dans le header, où dans le body etc...)

 

Vous pouvez aussi visiter cette page du forum où l'aventure a commencé; elle contient des liens vers des exemples concrets de l'utilisation de ma galerie.

* Revenez poster un petit commentaire ici sur l'utilisation de ce script, vous montrerez ainsi au développeur de celui tout l’intérêt de poursuivre ou améliorer sa version.

Enjoy les amis.

 

# IMPORTANT A LIRE #

Vous reconnaissez qu'en utilisant ce script sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.

💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus. 




Retour utilisateur

Vous pouvez donner un avis uniquement après avoir téléchargé le fichier.

Il n’y a aucun avis à afficher.

×
×
  • Créer...