Aller au contenu
Support de Zwii

PeterRabbit

Membres
  • Compteur de contenus

    877
  • Inscription

  • Dernière visite

  • Jours gagnés

    45

Fichiers posté(e)s par PeterRabbit

  1. Zwii chez Free

    Installer Zwii chez Free ? C'est non seulement possible, mais facile :
    Téléversez (il paraît qu'on dit comme ça, en français) un ZwiiCMS 8.1.0 à la racine de votre espace personnel Free. Décompressez l'archive et copiez-en le contenu (les deux dossiers "core" et "sessions" et le fichier ".htaccess"), toujours à la racine de votre espace. Acceptez le remplacement des fichiers ".htaccess" et "core/vendor/filemanager/config/config.php".  
    Mais n'activez surtout pas la réécriture des URLs, Free ne le permet pas !
    — Tiens donc, ça ne marche plus ? Je vous avais pourtant prévenus ! Mais c'est toujours la même chose, on veut vérifier... Allez, c'est vite réparé : il suffit de réinstaller le plugin ! 
     
    Enjoy et faites passer. 

    13 téléchargements

       (1 avis)

    Mis à jour

  2. Popin

    Ce plugin, suggéré par @stratego, installera une page modale (j'ai découvert qu'on appelle cela "popin" pour différencier cette technique des anciennes "popups") qui s'ouvrira automatiquement lorsqu'un internaute se connectera à votre site.
     
    Elle pourra s'avérer pratique pour des communications ponctuelles, d'autant que le module de désinstallation "modal_popin_restaure" inclus dans l'archive vous permettra de retrouver facilement votre configuration initiale.
     

    Installation
     
    Si vous avez installé une version 1.x.x désinstallez-la préalablement en utilisant son module "modal_plugin_restaure" !
     
    Décompressez l'archive "modal_popin" et copiez son contenu à la racine du répertoire d'installation de votre CMS. Acceptez le remplacement des deux fichiers "index.php" et "core/vendor/tinymce/init.js" Si vous avez déjà installé "css_perso", annulez le remplacement de "core/layout/perso/perso.css".  

    Utilisation
     
    La technique a changé, le code de la <div> aussi !
     
    Copiez ces lignes dans le code de votre page d'accueil ("Outils <> Code source") et remplacez le pseudo-texte par votre message.
     
    <div id="&zwnj;" class="modalDialog"><img src="site/file/source/pixel.png" border="0" onload="window.location.href = '#&zwnj;';" />
    <div><a class="close" title="" href="#"><img src="site/file/source/close_popin.png" border="0" alt="" title="" /></a>
    <h2>In in fermentum est</h2>
    <p>Donec vel suscipit est. Nullam tincidunt blandit enim a tempus. Integer convallis metus pretium odio porta, ac placerat augue mattis. Proin non malesuada lacus. Morbi lacus lectus, sagittis a tristique sed, ultrices at nisi. In ut dui at ex malesuada semper. Sed justo urna, lobortis ac rutrum nec, dignissim at ipsum. In in fermentum est.</p>
    </div>
    </div>
     

    Personnalisation
     
    Le css se trouve dans "core/layout/perso/perso.css".
     

    Désinstallation
     
    Procédez de la même façon avec le module "modal_popin_restaure".
     

    Notes techniques
     
    Comme pour mes précédents plugins, ma part se limite au choix de techniques trouvées sur le net, à leur intégration à ZwiiCMS et à la conception du système d'installation.
     
    Ce plugin utilise le code exposé sur cette page. Le design de la fenêtre reprend celui qui est présenté ici.  
    Cette technique présente un (tout) petit inconvénient cosmétique, que je me suis efforcé de minimiser le plus possible — mais je ne voulais pas utiliser de script pour ce plugin.
     

    12 téléchargements

       (1 avis)

    Mis à jour

  3. Patch module "Redirection"

    Bug signalé par @notkaa
     
    Après application du correctif, les "membres" ne se verront plus proposer d'éditer le module "Redirection"... et claquer la porte 403 au nez puisqu'ils n'ont pas le niveau d'autorisation nécessaire... 
    Avec la v.2, les grincheux n'auront même plus à cliquer sur cette bête boîte de confirmation pour modifier leur redirection ! 
     
    Avant
     
    Aprés
     
     
    Installation
     
    Dézippez l'archive et copiez son contenu (un dossier "module") à la racine du répertoire d'installation de votre site. Acceptez les deux remplacements qui vous seront proposés.  
     
    Personnalisation
     
    Je ne vois pas bien en quoi l'édition des modules de redirection concernerait un modérateur, mais j'ai conservé le paramétrage d'origine de ZwiiCMS. Si vous souhaitez restreindre cette autorisation au seul administrateur du site, il suffit de supprimer la ligne 51 du fichier module/redirection/redirection.php
    OR $this->getUser('group') === self::GROUP_MODERATOR) sans oublier de supprimer aussi la parenthèse ouvrante du début de la ligne 50, qui n'a plus sa raison d'être.
    AND ($this->getUser
     
     
     

    6 téléchargements

       (1 avis)

    Mis à jour

  4. Plyr, le player audio-vidéo qu'il vous faut !

    Vous cherchez un player audio-vidéo léger et polyvalent ?
    Un petit détour sur le site de Plyr vous convaincra qu'il est bien ce qu'il affirme : "a simple, accessible HTML5 media player", un player HTML5 simple à paramétrer qui vous permettra d'intégrer facilement des vidéos (les vôtres ou celles de Youtube) ou des fichiers audio sur votre site, le tout dans un format responsive.
     
     
    Installation 

    Ce plugin est conçu pour respecter vos données : il n'écrasera aucun fichier et n'installera que ce qui est nécessaire à son fonctionnement. 
    L'archive contient deux modules :
    "plyr", pour installer le player. "plyr_restaure", pour remettre votre site dans son état initial si le player ne correspond pas à vos attentes.  
    Pour chacun des modules :
    Après avoir décompressé le zip, copiez-en le contenu (un dossier "core" et un fichier "index.php") à la racine du répertoire d'intallation de votre CMS. Acceptez le remplacement du fichier "index.php". Connectez-vous ensuite à votre site pour finaliser l'opération.  
     
    Utilisation
     
    Collez ces lignes dans le code de vos pages ("Outils > Code source") en les adaptant à votre configuration et au type de vos fichiers.
     
    Audio
    <audio controls>
      <source src="chemin/vers/votre.mp3" type="audio/mp3">
    </audio>
     
    Exemple : <audio controls="controls"><source src="site/file/source/when_im_sixty-four.mp3" type="audio/mp3" /></audio>
     
    Vidéo
    <video poster="chemin/vers/votre image d'accueil.jpg" controls>
      <source src="chemin/vers/votre video.mp4" type="video/mp4">
    </video>
     
    YouTube
    <div data-type="youtube" data-video-id="bTqVqk7FSmY"></div>
     
    Pour plus d'information ou un paramétrage plus pointu, consultez la page d'aide de Plyr.
     
     
    Personnalisation
     
    Si vous souhaitez assortir Plyr aux couleurs de votre site, éditez le fichier "core/vendor/plyr/plyr.css" et recherchez-remplacez  #477BBB (un des bleus de ZwiiCMS) par le code hexadécimal de la ou des couleurs de votre choix.
     

    Remerciements
     
    Plyr s'installait sans aucune difficulté sur la version 7 de ZwiiCMS. Ce n'est plus le cas avec la version 8. Un grand merci à @Roger nounours pour la ligne de css qui a contribué à régler l'essentiel du problème ! 
     
     

    5 téléchargements

       (1 avis)

    Mis à jour

  5. Une question ferait pourtant un bon titre...

    Mais, en raison du bug engendré par le point d'interrogation, vous deviez y renoncer : en effet, l'URL "qui-sommes-nous-?" produite par le titre d'une page intitulée "Qui sommes-nous ?" renvoie une erreur 404.
     
    Après application du correctif, l'URL se présentera sous la forme "qui-sommes-nous", reconnue par le système et votre titre conservera son point d'interrogation.
     
    NB : Ce correctif a pour seul objectif de dépanner les utilisateurs en attendant une prochaine mise à jour de ZwiiCMS. 
    Il n'a donc pas l'ambition d'être parfait : s'il tolère qu'on oublie de faire précéder le point d'interrogation par un espace, il ne traite que le point d'interrogation final. Il n'empêchera donc pas le titre d'un article consacré au tableau de Gauguin "D'où venons-nous ? Que sommes-nous ? Où allons-nous ?" de produire une erreur 404.
     
    Installation
     
    Après avoir décompressé l'archive, copiez-en le contenu (un dossier "core" et un fichier "index.php") à la racine du répertoire d'installation de votre CMS.
    Acceptez le remplacement du fichier "index.php".
    Connectez-vous à votre site pour finaliser la correction.
     

    1 téléchargement

       (1 avis)

    Mis à jour

  6. Youtube &co audio player

    Par une étrange évolution, Youtube est désormais devenu un vaste répertoire de chansons, musiques et documents sonores en tout genre. Mais pourquoi afficher un diaporama, voire une image fixe ou un clip artificiel qui vous détournent du son ?
     
    Le script d'Amit Agarwal, qui fait appel à l'API de Youtube  — et que j'avais publié dans un premier temps — fonctionne parfaitement sur un PC Windows. Sur les mobiles, en revanche, c'est plus aléatoire (Remarques concernant les appareils mobiles).
     
    Le présent "player audio" repose uniquement sur du css. Même s'il présente un petit défaut (cosmétique), il devrait fonctionner sur tous les terminaux.
    De plus, ce défaut est très relatif, puisqu'il suffit de copier deux lignes de code pour intégrer plusieurs players sur une même page, là où des scripts imposent une mise en œuvre assez lourde — sans parler de son adaptabilité (voir notes ci-dessous).

    N'hésitez pas à faire part de vos retours.
     

    Installation
     
    Ce plugin est conçu pour respecter votre site : il n'écrasera aucun fichier et n'installera que ce qui est nécessaire à son fonctionnement. 
    L'archive contient trois modules complémentaires :
     
    "css_perso", qu'il faut installer en premier si vous ne l'avez déjà fait : il ajoutera un dossier "core/layout/perso" contenant la feuille de style "perso.css" que le plugin utilisera et sur laquelle vous pourrez désormais inscrire vos personnalisations, ce qui facilitera d'éventuelles réinstallations ou mises à jour. "ytap", qui constitue le plugin proprement dit. "ytap_restaure", l'outil de désinstallation qui remettra votre site dans son état initial — en conservant malgré tout le dossier "core/layout/perso" pour les raisons exposées ci-dessus.
    Répétez cette opération pour chacun des modules dans l'ordre de la numérotation :
    Après avoir décompressé le zip, copiez-en le contenu (un fichier "index.php" et un ou deux dossiers suivant le cas) à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php" qui vous sera proposé. Connectez-vous ensuite à votre site pour finaliser l'installation du module.
     
    Utilisation
     
    Copiez intégralement ce <div> dans le code source de votre page ("Outils > Code source") et remplacez l'ID de la vidéo (les 11 caractères précédant le point d'interrogation) par celle de la vidéo que vous voulez diffuser :
     
    <div id="ytandcoap"><iframe src="https://www.youtube.com/embed/JB9zXoOBpOI?modestbranding=1" width="32" height="32" frameborder="0"></iframe></div>
     
    Enjoy ! 
     
    Notes : Ce "player" s'accommode également très bien des vidéos Dailymotion et Viméo — et peut-être d'autres encore, moyennant quelques ajustement du css... à vous de nous le dire !
    Remplacez la totalité de l'iframe en réglant la largeur et la hauteur sur 32, comme ci-dessus.
     
    ____________
    Plugin mis au point à partir de documentations techniques diverses, accessibles sur W3Schools et Stack Overflow pour l'essentiel. 

    4 téléchargements

       (2 avis)

    Mis à jour

  7. Floating videos

    Si vous fréquentez les sites d'information, vous avez sans doute croisé ce genre de player vidéo qui colle à la page et vous poursuit lorsque vous la déroulez. Pas étonnant que ce truc en agace certains... 
    Une recherche rapide m'a conduit ici.
    Même si le script ne fonctionne pour l'instant qu'avec des vidéos Youtube, je me suis dit qu'il serait intéressant de chercher à l'intégrer à ZwiiCMS, en complément du plugin "responsive video.js" publié par Roger nounours — que j'ai d'ailleurs ajouté à l'archive.
     
    Installation
     
    Le principe est simple, mais il faut le respecter à la lettre.
    L'archive contient plusieurs modules complémentaires à installer l'un après l'autre en suivant la numérotation :
    le plugin "css_perso" à installer impérativement en premier si vous ne l'avez déjà fait : il ajoutera à votre CMS un dossier "core/layout/perso" contenant la feuille de style "perso.css" sur laquelle le plugin inscrira les ajouts nécessaires à son fonctionnement — et où vous pourrez porter vos propres personnalisations pour faciliter une réinstallation ou une mise à jour ultérieures ; le plugin "floating_videos" proprement dit ; le plugin de désinstallation "floating_videos_restaure" qui ne laissera aucune trace du précédent tout en conservant les deux améliorations intéressantes que constituent le plugin "css_perso" et le script "responsive videos js".  
    Après avoir décompressé chacun des zips, copiez-en le contenu (un fichier "index.php" et un dossier "core") dans le répertoire d'installation de votre site et acceptez le remplacement qui vous sera proposé.
    Connectez-vous ensuite à votre site pour finaliser l'installation.
    Répétez l'opération pour chacun des modules.
     
    Utilisation
     
    Copiez intégralement ce <div> dans le code source de votre page ("Outils > Code source") et remplacez l'adresse par celle de la vidéo que vous voulez intégrer :
     
    <div id="featured-media"><iframe id="featured-video" src="https://www.youtube.com/embed/kdK4f3o6zsE?enablejsapi=1&amp;rel=0&amp;showinfo=0&amp;controls=1" width="720" height="405" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
     
    NB : Le player flottant ne s'affiche que si la page est suffisamment longue pour qu'on ait à la dérouler... et qu'on lance la vidéo !

    Enjoy Avishai Cohen à Jazz in Marciac !
     
     
     
    ____________
     
    On aura compris que je ne suis que l'auteur du système de plugin — avec sans doute les maladresses d'un néophyte en matière de langage PHP  — le script lui-même provenant en fait de la documentation Youtube.
     

    5 téléchargements

       (1 avis)

    Mis à jour

  8. Css perso

    ZwiiCMS ne prévoit pas d'autre feuille de style que common.css pour y inscrire les personnalisations qu'on lui apporte — ce qui faciliterait pourtant les mises à jour...
    Une seule ligne de code corrige cette lacune, mais tout le monde ne sait pas forcément comment faire.
     
    Ce plugin l'ajoutera pour vous en même temps qu'un dossier "core/layout/perso" contenant la feuille de style perso.css sur laquelle vous inscrirez désormais vos petites modifications cosmétiques. Le tout dans le respect absolu de vos données et sans laisser la moindre trace.

    Installation
    Décompressez l'archive et copiez-en le contenu (le fichier index.php et le dossier "core") à la racine du répertoire d'installation de votre ZwiiCMS. Acceptez le remplacement du fichier index.php.
    Connectez-vous à votre site pour finaliser l’installation.

    Prise en main
    La feuille de style n'est pas vide, le petit gadget qu'elle contient vous donnera peut-être des idées...
    Éditez une page de votre site, ou créez-en une nouvelle avec un peu de texte, du lipsum par exemple, et remplacez la balise <p> de début de paragraphe par <p class="mylipsum"> dans le code source (Outils > Code source).
    Le texte du paragraphe n'est pas supprimé, mais la police Redacted l'a masqué.
    Pratique, si vous en avez assez du sempiternel Lorem ipsum dolor sit amet — il y a bien le schnapsum, mais on s'en lasse encore plus vite...

    16 téléchargements

       (2 avis)

    Mis à jour

  9. Ckeditor

    Envie d'essayer un autre éditeur que TinyMCE ? Ckeditor ne manque pas d'atouts — c'est d'ailleurs celui du présent forum — et l'essai est sans risque.
     
    Avertissement
    Ce système de plugin basique permet une installation en quelques clics, pour rester fidèle au slogan de ZwiiCMS. Il évite aussi d'expliquer quelles modifications apporter et à quelles lignes de quels fichiers les apporter. Les curieux sauront bien les trouver. 
    Mais chaque plugin est spécifique à une version précise de ZwiiCMS. Celui-ci est conçu pour la version 8.1.0. Ne l'installez donc pas sur une autre version. Si Ckeditor rencontre un intérêt suffisant, je proposerai des mises à jour pour adapter l'intégration aux nouvelles versions.
    Si vous avez modifié certains fichiers de votre ZwiiCMS, vérifiez le contenu de l'archive pour être sûr que l'installation ne vous fera pas perdre vos personnalisations.
     
    Installation
    Après avoir décompressé l'archive, copiez les deux dossiers "core" et "module" du répertoire "installation Ckeditor" à la racine de votre site. Acceptez le remplacement des sept fichiers modifiés. C'est tout.
    Personnalisation 
    Le plugin installe la version complète de Ckeditor. Si vous n'avez pas besoin de toutes ces options, il suffit de remplacer "full" à la ligne 134 du fichier core/layout/main.php par "basic" ou "standard" — plus d'informations en suivant ces liens pour comparer les options des différentes distributions ou pour un mode d'installation différent et une personnalisation à la demande.
    Restauration
    Procédez de la même façon avec le contenu du répertoire "restauration TinyMCE" de l'archive pour retrouver l'éditeur TinyMCE et votre ZwiiCMS dans son état initial.
     
    PS : N'étant ni développeur ni même codeur, je pense qu'il doit exister des solutions plus élégantes. N'hésitez pas à les proposer, mais surtout, surtout, ne tirez pas sur le pianiste — que je ne suis pas non plus ! 
     
    Juste un commentaire pour préciser que pour citer les sources utilisées je n'ai utilisé que la documentation disponible sur le site de CKeditor et ma réflexion pour vous proposer ce plugin.

    29 téléchargements

       (1 avis)

    Mis à jour

  10. Exporter une copie fonctionnelle de son site

    Le bouton "Exporter les données" du menu "Configuration" permet d'exporter les répertoires "site/data" (la "base de données" du CMS) et "site/files" (les images ou autres fichiers que vous avez montés sur le serveur) sous la forme d'une archive zippée.
    Mais pourquoi ne pas exporter en un clic une copie intégrale de son site pour le réinstaller ultérieurement ou pour le transférer d'un hébergeur à un autre ?
    Remplacez seulement le fichier core/module/config/config.php par le fichier joint.
    NB : Pour une réinstallation à une autre adresse, pensez à corriger le chemin de RewriteBase à la ligne 11 du fichier .htaccess général, à la racine de votre répertoire d'installation.

    2 téléchargements

       (0 avis)

    Mis à jour

×