Modules

9 fichiers

  1. Editeur TinyMCE plus complet que celui installé d’origine

    Editeur TinyMCE plus complet que celui installé d’origine
     
    Nombreux plugins ajoutés*
    Modification de l’interface
     
    *Le plugin CodeSample nécessite la modification d’un des fichiers coeur de ZwiiCMS, voir ce plugin proposé séparément pour une installation complète de celui-ci :
     
    Utilisation :
    Connectez-vous en FTP à votre espace Internet
    Remplacez le dossier /core/vendor/tinymce par celui contenu dans l’archive

    25 téléchargements

       (1 avis)

    Mis à jour

  2. Plugin TinyMCE : codesample

    Plugin TinyMCE : codesample
    Pour afficher du code avec la coloration syntaxique dans vos pages
    Comment l'installer dans le cms ?
    - envoyer par FTP le dossier core à la racine de votre ZwiiCMS
    - accepter de fusionner les dossiers et de remplacer les fichiers
    c'est tout

    18 téléchargements

       (1 avis)

    Mis à jour

  3. group_adherent

    @JDLC souhaitait qu'on puisse, dans le cadre d'une association comprenant plusieurs dizaines, voire plusieurs centaines de membres, diffuser des comptes-rendus ou des photos aux seuls adhérents en leur communiquant un identifiant et un mot de passe uniques, ce qui permettrait de renouveler le mot de passe au début de chaque année d'exercice pour exclure les membres qui auraient quitté l'association.
    Le statut de "Membre" aurait pu convenir, mais le problème était que @JDLC craignait qu'un adhérent ne s'amuse à modifier le mot de passe général — il paraît que ce n'est pas rare...
     
    Le plugin ajoute donc une catégorie "Adhérent" au bas de la hiérarchie des membres enregistrés, avec des droits limités à la seule consultation de pages privées, sans possibilité d'éditer le profil ou de récupérer le mot de passe.
     
    Avertissement
     
    Le script d'installation inscrit les modifications nécessaires dans les trois fichiers "core/core.php", "core/module/user/user.php" et "core/module/user/view/add/add.php". Le module de désinstallation se chargera de les restituer dans leur état initial. Si vous avez personnalisé ces fichiers, faites-en une copie de sécurité.
     
    Installation
    Dézippez l'archive. Ouvrez le dossier "group_adherent_install".  
    Si vous n'avez pas encore activé votre site ZwiCMS, copiez le contenu du dossier "group_adherent_install" (le fichier "index.php" et le dossier "site") avant de finaliser l'installation, vous ferez l'économie de l'édition de "siste/data/data.json".
    Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page.  
    Ceux qui avaient déjà activé leur site doivent en actualiser les données, mais ce n'est pas très compliqué :
    Faites une copie de sécurité de "site/data/data.json". Éditez-le et recherchez "user" (avec les guillemets) avec CTRL F. Le "group" des utilisateurs commence là.. Ajoutez 1 à la valeur de chaque groupe d'utilisateurs inscrits en passant les membres de 1 à 2, les modérateurs de 2 à 3 et les administrateurs de 3 à 4. Enregistrez vos modifications.  
    Vous pouvez maintenant inscrire vos nouveaux membres dans la nouvelle catégorie "Adhérent".
    Procédez de même pour la désinstallation avec le module "group_adherent_restaure" et en abaissant les droits des utilisateurs d'un point dans "data.json".
     
    Ce plugin est sans doute perfectible. N'hésitez pas à me faire part de vos remarques ou suggestions, en particulier si vous constatez qu'il ne fonctionne pas sur votre site malgré les tests en local et chez un hébergeur tatillon. 

    21 téléchargements

       (0 avis)

    Mis à jour

  4. Zwiiper, le retour

    ZWII + SWIPER = ZWIIPER !
    Un slider facile à intégrer et à paramétrer.
     
    Ce plugin, établi à partir d'une démo de Stu Nicholls, intègrera le slider "Swiper" à votre site ZwiiCMS.
    "Swiper" est-il vraiment le most modern mobile touch slider qu'il prétend ? Voyez les démos pour vous faire une opinion... ou installez le plugin pour une démonstration privée grâce à deux jeux de photos "empruntées" à L'internaute Voyage.
     
    Réglages par défaut
    "Swiper" est paramétré pour démarrer automatiquement, tourner en boucle et afficher des titres. On peut passer d'une diapo à l'autre (dans les deux sens) au clavier, à la souris (au clic, au glisser ou à la molette) ou encore au doigt ou au stylet sur les écrans tactiles. Le tout responsivement et sans devoir recourir à jQuery, même si ce dernier est déjà intégré à Zwii pour d'autres raisons.  
    Les utilisateurs désireux de personnaliser leur "Swiper" consulteront avec profit la page API.
     
     
     
    Décompressez l'archive. Elle contient deux modules complémentaires :
    "Swiper", le programme lui-même, qu'il faut impérativement installer en premier et qui permet d'intégrer un carrousel à n'importe quelle page. "Banner", si vous souhaitez un slider dans la partie haute du site.  
    Les deux modules sont compatibles, et on peut installer autant de sliders que l'on veut dans les pages du site.
    Chaque module comprend un plugin d'installation ("install") et un plugin de restauration ("restaure"). Ce dernier remettra votre site dans son état initial en toute sécurité, sans aucun écrasement de fichier : le script réécrit les passages modifiés et supprime les répertoires ajoutés à l'installation.

    1. Installation de "Swiper"
     Ouvrez le dossier "swiper_install" et copiez-en le contenu (le fichier "index.php" et les deux dossiers "core" et "site") à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page. C'est fait.
     
    Mise en œuvre
    Éditez une page de votre site, ou créez-en une. Affichez le code source de la page (bouton "<>" de la barre d'outils de l'éditeur). Collez l'intégralité du code ci-après à l'endroit où vous souhaitez placer le slider, il s'adaptera à votre installation, même dans un sous-répertoire : <div id="swiper" class="swiper-container swiper-container-horizontal"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-active"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269338-torres-del-paine" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/torres_del_paine.jpg" /></a> <div class="swiper-text">Patagonie<br />Torres del Paine</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269314-laguna-de-los-tres" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/fitz_roy.jpg" /></a> <div class="swiper-text">Laguna de los Tres<br />et mont Fitz Roy</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269326-laguna-torre" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/laguna_torre.jpg" /></a> <div class="swiper-text">Laguna Torre</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269311-canal-beagle" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/canal_beagle.jpg" /></a> <div class="swiper-text">Canal Beagle</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269315-ile-de-chiloe" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/chiloe.jpg" /></a> <div class="swiper-text">Ile de Chilo&eacute;</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269321-aysen" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/puerto_aysen.jpg" /></a> <div class="swiper-text">Puerto Ays&eacute;n</div> </div> </div> <div id="swiper-button-prev" class="swiper-button-prev swiper-button-white">&nbsp;</div> <div id="swiper-button-next" class="swiper-button-next swiper-button-white">&nbsp;</div> Enjoy ! 

    Configuration d'un diaporama
    Préparez vos images pour qu'elles aient des formats et des dimensions identiques (c'est plus esthétique) et qu'elles soient d'un poids raisonnable. Vous pouvez bien sûr utiliser le format .png, pensez seulement à modifier l'extension dans le code. Le diaporama s'adaptant automatiquement à la largeur de votre site, concevez vos images en fonction de ce que vous souhaitez ou des évolutions envisagées : les images fournies pour la démo (1240 pixels) couvrent largement toutes les largeurs. Mettez les images dans l'ordre que vous souhaitez (en les numérotant, le cas échéant) dans un dossier que vous monterez sur le serveur dans le répertoire "site/file/source". Vous pouvez aussi passer par le gestionnaire de fichiers, mais il créera des vignettes inutiles.  Adaptez ensuite le code ci-dessus.  
    L'explication en quatre étapes
    Une image seule : <div class="swiper-slide><img src="site/file/source/répertoire/image.jpg"></div> Avec une bulle-titre au survol de la souris : <div class="swiper-slide"><img src="site/file/source/répertoire/image.jpg" title="Bulle-titre"></div> Avec un titre (éventuellement sur deux lignes) : <div class="swiper-slide><img src="site/file/source/répertoire/image.jpg" title="L'Internaute Voyage"><div class="swiper-text">Titre sur<br />deux lignes</div></div> La balise complète avec un lien vers la source de l'image (ou ailleurs) s'ouvrant dans un nouvel onglet : <div class="swiper-slide"><a href="http://adresse complète" target="_blank"><img src="site/file/source/répertoire/image.jpg" title="Bulle-titre"></a><div class="swiper-text">Titre</div></div> NB : La balise de la première image commence obligatoirement par <div class="swiper-slide swiper-slide-active">.

    Désinstallation de "Swiper"
    Copiez le contenu du dossier "swiper_restaure" (le dossier "site" et le fichier "index.php") à la racine du répertoire d'installation de votre site, acceptez le remplacement du fichier "index.php" et rafraîchissez la page.

    2. Installation de "Banner" 
    Procédez de la même façon avec le plugin "banner_install".
    La position du slider est fonction de celle du menu : avant ou après la bannière, dans le site ou dans le fond du site. Il faut donc cliquer sur la zone du menu dans la page de personnalisation du thème pour procéder à ces ajustements. Le paramétrage du slider se fait de la même façon dans le fichier "core/vendor/swiper/swiperslides.inc.php", à ceci près que les balises des images deviennent : <img src="<?php echo helper::baseUrl(false); ?>"site/file/source/répertoire/image.jpg"> Pour la désinstallation, désinstallez toujours "Banner" en premier en utilisant le plugin "banner_restaure" !
     
    NB : En cas d'erreur de manipulation, pas de panique ! Remplacez simplement le fichier "core/layout/main.php" par la version d'origine prise dans l'archive de ZwiiCMS.
     
    Testé sur une 8.312

    18 téléchargements

       (1 avis)

    Envoyé(e)

  5. Plugin TinyMCE : Improvedcode

    Improvedcode  Editeur Html avec syntaxe colorisée
    Source:https://github.com/aguvillalba/improvedcode
    Auteur:aguvillalba
    Installation
    Copier l 'ensemble du répertoire improvedcode_install à la racine du site Zwii , acceptez les modifications
    Vider le cache du navigateur si nécessaire , relancez votre site pour que les modifications soient prises en compte
    Désinstallation
    Copier l 'ensemble du répertoire improvedcode_restaure à la racine du site Zwii , acceptez les modifications
    Vider le cache du navigateur si nécessaire , relancez votre site pour que les modifications soient prises en compte
    version testé Zwii 8.2.9
    cet éditeur ne me pose pas de problème contrairement à son petit frère CodeMagic dont le fonctionnement reste aléatoire dans mon cas
     

    10 téléchargements

       (4 avis)

    Mis à jour

  6. Random banner

    A la demande de @creatifmen, voici un petit script tout simple, trouvé sur le forum d'Alsacréations, qui  affichera une bannière choisie de façon aléatoire à chaque rafraîchissement de page ou à chaque changement de rubrique. 
     
    Avertissement
    Le script d'installation modifie deux lignes dans "core/layout/main.php" et en ajoute six à la fin de "site/data/custom.css". Si vous avez personnalisé ces fichiers, faites-en une copie de sécurité, même si le module de désinstallation vous les restitue dans leur état initial. 
     
    Installation
    Dézippez l'archive. Ouvrez le dossier "random_banner_install". Téléversez le fichier "index.php" et le dossier "site" qu'il contient à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page.  
    C'est fait.
     
    Utilisation et personnalisation
    Cliquez sur "Personnaliser le thème" (icone "Pinceau") dans la barre d'outils de l'interface d'administration, puis sur "Mode avancé" dans la zone correspondant à la page pour accéder à la feuille de style personnalisée "site/data/custom.css". Editez le chemin des images à votre convenance.  

     
    Pour ajouter ou supprimer des bannières, il ne suffit pas de copier ou supprimer des lignes dans la feuille de style.
    Il faut aussi régler le tirage aléatoire en fonction du nombre de bannières souhaité :
    Editez "core/layout/main.php". Recherchez "<header" avec CTRL F ou rendez-vous aux lignes 30 et 71. Remplacez "6" par le nombre de bannières souhaité : <header class="img<?php echo rand(1, 6);?>"> Enregistrez la modification.  
    C'est tout !
     
    Conseil
    Mettez le texte du titre en blanc ou dans une couleur claire, on le verra mieux.
     

     
    Désinstallation éventuelle
    Procédez comme pour l'installation, mais avec le module "random_banner_restaure"... et effacez les lignes inutiles dans le css personnalisé de Zwii. 
     

    18 téléchargements

       (0 avis)

    Mis à jour

  7. MTB Compressor

    Le 30/03/2018, @dogMine a posté cette demande sur le forum de support de ZwiiCMS : " Comme ce CMS est surtout destiné aux novices par sa simplicité d'utilisation, ce serait bien d'intégrer un système de réduction du poids des images dans le gestionnaire de fichiers, j'ai déjà vu ça sur des sites. Sinon avez-vous une idée d'un script java ou php pour faire ce genre de choses automatiquement, avant ou après l'upload ? Avant, ce serait mieux."
     
    Avec ce plugin, qui reprend le script de Mitrajit Samanta, la compression ne sera pas automatique, mais elle se fera pendant le transfert de l'image vers le serveur.
     
    L'auteur du script a prévu de faire également monter l'original sur le serveur pour permettre de comparer le rendu des deux images. On a tenu à conserver cette fonctionnalité, mais en ajoutant un lien pour supprimer l'image originale si on le désire, dans le cas d'hébergements limités en espace, par exemple.
    On a francisé l'interface et apporté quelques modifications supplémentaires mais, faute de temps, on n'a pas revu la partie css — désolé !
     
    Sans la contribution de @CroqueWeb,
    le taux de compression n'aurait pas retrouvé le caractère optionnel qu'il avait dans le script d'origine (valeurs par défaut : 75% pour les formats jpg et gif, 6 pour le format png) ; la réduction ne serait pas pleinement fonctionnelle : déclarez la dimension qui vous intéresse (largeur ou hauteur), l'image conservera ses proportions.  
    Avertissement
    Le plugin installe le répertoire "mtb" dans "core/vendor" et ajoute une icône à la barre d'outils d'administration en inscrivant une ligne dans "core/core.php". Si vous avez personnalisé ce fichier, faites-en une copie de sécurité, même si le module de désinstallation vous le restituera dans son état initial. 
     
    Installation
    Dézippez l'archive. Ouvrez le dossier "mtb_install". Téléversez le fichier "index.php" et les dossiers "core" et "site" qu'il contient à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page. C'est fait.
     
    Utilisation
    Cliquez sur le bouton "Compresser pendant le transfert" dans la barre d'outils d'administration et suivez les indications.
    Des messages d'erreur vous redirigeront le cas échéant.
     
    Conseil
    Ne cherchez pas à compresser des images déjà compressées : avec un taux de 80%, non seulement elles ne perdent pas de poids, mais elles en prennent un peu :
     

     
    Désinstallation
    Procédez comme pour l'installation, mais avec le module "mtb_restaure". 
     
     

    10 téléchargements

       (1 avis)

    Mis à jour

  8. Shortpixel

    Vous êtes soucieux d'optimiser la vitesse de chargement de vos pages sans diminuer la qualité de vos images ? Ce plugin installera le compresseur d'images Shortpixel, un des plus performants disponibles sur le net.
    Vous pourrez ainsi optimiser toutes les images de votre site en deux clics, sans que la compression soit vraiment perceptible pour œil non averti.
    Vous vous en doutez, il y a bien sûr une petite restriction : Shortpixel est gratuit, mais dans la limite de 100 images optimisées par mois.

    Avertissement
    Le plugin installe le répertoire "shortpixel-web" à la racine de votre site et ajoute une icône à la barre d'outils d'administration en inscrivant une ligne dans "core/core.php". Si vous avez personnalisé ce fichier, faites-en une copie de sécurité, même si le module de désinstallation vous le restituera dans son état initial. 
     
    Installation
    Dézippez l'archive. Ouvrez le dossier "shortpixel_install". Téléversez le fichier "index.php" et les dossiers "shortpixel-web" et "site" qu'il contient à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page.  
    C'est fait.
     
    Activation
    Connectez-vous à votre site en tant qu'administrateur. Cliquez sur l'icône "mimi" à gauche de celle du gestionnaire de fichiers. Cliquez sur le lien "Get API Key" sur la page de configuration de Shortpixel et enregistrez-vous en entrant une adresse mail pour obtenir la clef (c'est gratuit et immédiat). Copiez la clef, collez-la dans la fenêtre "API Key" et activez le logiciel en cliquant sur le bouton "Activate". La clef est désormais inscrite dans le fichier "shortpixel-web/shortpixe.ini".  

     
    Utilisation
    Choisissez le répertoire que vous souhaitez optimiser en cliquant sur le bouton "Browse". Déroulez l'arborescence et validez votre choix en faisant "Select". Modifiez éventuellement quelques paramètres. Cliquez sur le bouton "Optimize now".  

     
    C'est tout !
     
    Un conseil, conservez le taux de compression par défaut ("Lossy"), c'est lui qui donne le meilleur résultat : par exemple, les trois paysages livrés avec Zwii sont compressés de 41 à 47%, ce qui représente un gain de poids appréciable.
     

     
    Shortpixel permet aussi
    de redimensionner les images ("Resize large images"), de définir les répertoires à exclure de l'optimisation : il suffit d'entrer la liste de leurs noms sans guillemets et séparés par de simples virgules comme ceci : sauvegarde,images-supprimees,archive d'enregistrer vos images au format WEBP pour une optimisation encore meilleure et sans que ce soit imputé en supplément sur votre compte.
    Désintallation éventuelle
    Procédez comme pour l'installation avec le module "shortpixel_restaure". Ne m’en veuillez pas si je vous laisse supprimer par vous-même le répertoire "shortpixel-web" à la racine de votre site — dans une prochaine version, peut-être... 

    9 téléchargements

       (1 avis)

    Mis à jour

  9. template-lightbox pour Tinymce

    IMPORTANT:
    Toute utilisation de ce plugin sur votre site par vous même le sera à vos risques et péril, en aucun cas l'auteur de celui ci ne sera tenu pour responsable en cas de problème dans son utilisation faite par vous même et sous votre entière responsabilité.
     
    Nota :
    Ce module de template ( thème ) vous permettra d'intégrer des images cliquable dans vos sujets et qui lorsque l'image sera cliquée ouvrira celle ci à la façon des images que l'on trouve dans une galerie, dans une grande fenêtre nommée " lightbox "; Il s'incorporera parfaitement avec les modèles de templates popur tinymce incorporés dans les dernières versions du cms Zwii
    Il est 100% fiable et indexe un site dans son intégralité.
     
    Comment utiliser ce module :
    Décompressez le zip et ne garder que les fichiers image_vide.png et lightbox.html et suivez la procédure ci dessous
     
     
    1° Envoyez le fichier lightbox.html dans le dossier template du tinymce ( /core/vendor/tinymce/templates/ )
     
    2° Déclarez ce template dans le init.js du tinymce ( /core/vendor/tinymce/init.js )
     
    3° dans le init.js recherchez "  // Templates  " et ajoutez juste comme ci dessous ceci:
        // Templates
        templates: [
            {
                title: "lightbox",
                url: baseUrl + "core/vendor/tinymce/templates/lightbox.html",
                description: "Une image qui s'ouvre dans une lightbox."
            },
     
    4° Actualisez le tinymce et normalement vous devriez voir apparaître votre nouveau template
     
    5° Cliquez dans la zone d'édition et choisissez ce template dans la barre d'outil du tinymce
     
    6° Cliquez sur l'image provisoire affichée et allez choisir l'image voulue ( vous pouvez bien entendu la redimensionner si besoin était )
    Un texte est accolé à l'image pour le cas ou vous souhaiteriez ajouter d'autres image dans votre page, il n'est là que pour servir de répère.


    7° Une fois ceci fait, soit vous effacez la partie texte si vous ne voulez qu'une seule image ouverte dans une lightbox ou alors ajouter autant d'autres que désiré en réalisant la même procédure qu'expliquée aux points n°5 à n°6 etc...
    Bien entendu vous devez effacer le fameux texte affiché qui n'est là que pour vous servir de repère visuel.
     
    8° Puis une fois satisfait de votre travail vous enregistrez la page normalement.
    Enjoy les amis
    Roger nounours

    13 téléchargements

       (0 avis)

    Mis à jour