Aller au contenu
Support de Zwii

Modifications et astuces

36 fichiers

  1. Zwii + Swiper = Zwiiper !

    Un slider facile à intégrer et à paramétrer ?
     
    Ce plugin, établi à partir d'une démo de Stu Nicholls, intègre le slider Swiper dans la bannière de votre Zwii.
    Swiper est-il vraiment le most modern mobile touch slider qu'il prétend être ? Voyez les démos et la page API pour vous faire une idée... ou installez le plugin pour étudier ses possibilités sur un site d'essai : il est livré avec quelques photos « empruntées » à L'internaute pour une mise en œuvre immédiate, d'où son poids.
     
    Présentement :
    Swiper est réglé pour démarrer automatiquement, tourner en boucle et intégrer des titres. On peut passer d'une diapo à l'autre au clavier, à la souris (au clic, au glisser ou à la molette) ou encore avec son gros doigt ou son petit 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.  
    Installation du plugin
    Décompressez l'archive, ouvrez le dossier "Installation" 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. Seul le code nécessaire a été inscrit dans vos fichiers.

    Configuration d'un diaporama
    Créez un dossier dans lequel vous monterez les images de votre diaporama :
     

     

     
    Tout se passe ensuite dans "core/vendor/swiper/swiperslides.inc.php".
    L'explication en quatre étapes, à partir du code du diaporama fourni en démo. Il suffit de modifier les noms du répertoire et des images  :
    <img src="<?php echo helper::baseUrl(false); ?>site/file/source/répertoire/image.jpg">  
    Juste une image : <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-active"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/cinque_terre/cinque_terre.jpg"> </div>  
    La même, avec une bulle-titre au survol de la souris : <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-active"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/cinque_terre/cinque_terre.jpg" title="L'Internaute Voyage"> </div>  
    Un titre (sur deux lignes) ? <div class="swiper-slide swiper-slide-active"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/cinque_terre/cinque_terre.jpg" title="L'Internaute Voyage"> <div class="swiper-text">Parco nazionale <br>delle Cinque Terre</div> </div>  
    La balise complète avec un lien vers la source de l'image (ou ailleurs) : <div class="swiper-slide"><a href="http://www.linternaute.com/voyage/europe/1223283-les-cinque-terre-escapade-a-flanc-de-falaises-en-italie/1225278-manarola-et-ses-vignes" target="_blank"><img src="<?php echo helper::baseUrl(false); ?>site/file/source/cinque_terre/manarola.jpg" title="L'Internaute Voyage"></a> <div class="swiper-text">Manarola</div> </div>
    Désinstallation
    Copiez le contenu du dossier "Restauration" (le dossier "core" 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.
    J'aurais pu ajouter un script pour supprimer le diaporama de démontration, mais je vous laisse le faire avec Responsive Filemanager ou FileZilla...
     


     

    8 téléchargements

       (1 avis)

    Mis à jour

  2. Template

    Le plugin "Template" de l'éditeur TinyMCE
     
    Dans sa version complète, l'éditeur TinyMCE embarque plus de 40 plugins — 43, pour être exact. C'est le cas dans le Zwii Ultimate proposé par @Roger nounours. Mais, pour exploiter leur potentiel, il faut les installer et les apprivoiser.
    Dans ces conditions, quelques-uns suffisent amplement, à condition qu'ils fonctionnent...
     
    L'un des plus utiles et des plus intéressants est certainement le plugin "Template" : il vous permettra d'insérer un modèle prédéfini dans votre page à l'endroit où vous le souhaitez.
    Tout ou presque semble possible, de l'intégration d'un texte simple ou d'une variable, à celle de mises en forme complexes : les deux modèles fournis à titre de démonstration permettent ainsi d'intégrer les 5 premiers paragraphes du célèbre pseudo-texte "Lipsum" et un tableau repris de la documentation de TinyMCE.
     
    NB : Ce plugin, qui ajoute une entrée dans le menu "Insérer" et un  bouton dans la barre d'outils de l'éditeur TinyMCE, respectera vos fichiers en n'écrivant que le code nécessaire à son fonctionnement.
     
    Installation
    Décompressez l'archive. Ouvrez le dossier "template_install" et copiez le dossier "core" et le fichier "index.php" qu'il contient à la racine du répertoire d'installation de votre site. Acceptez le remplacement des fichiers "index.php" et "core/vendor/tinymce/langs/fr_FR.js". Connectez-vous à votre site ou rafraîchissez la page. C'est tout.

    Mode d'emploi
    Placez le curseur à l'endroit où vous souhaitez insérer le modèle prédéfini. Cliquez sur l'entrée "Modèle" du menu "Insérer" ou sur le bouton  de la barre d'outils.  

     
    Choisissez le modèle. Validez.  
    A vous de jouer !
    Créez vos propres modèles sous la forme de fichiers textes dotés de l'extension ".php" que vous placerez dans le dossier "core/vendor/tinymce/templates". Inspirez-vous des deux modèles que vous y trouverez. Contrairement à ce qui est expliqué dans la documentation de TinyMCE, il ne semble plus nécessaire d'intégrer le contenu dans une <div class="mceTmpl">, la preuve... Éditez le fichier de configuration de TinyMCE "core/vendor/tinymce/init.js". Dupliquez la dernière ligne de l'option "template" et remplacez le titre et le nom du modèle par les vôtres. Ajoutez une description si vous le désirez :    templates : [     {title: "Lipsum", url: baseUrl + "core/vendor/tinymce/templates/lipsum.php", description: ""},     {title: "Tableau", url: baseUrl + "core/vendor/tinymce/templates/tableau.php", description: ""},     {title: "Votre titre", url: baseUrl + "core/vendor/tinymce/templates/votre modèle.php", description: ""},   ], Enregistrez les modifications du fichier sur le serveur. Rafraîchissez la page de votre site.  
    Enjoy ! 
     
    PS : N'hésitez pas à partager vos meilleures réalisations sous la forme "monsupermodele.php"  — avec ou sans post de présentation — sur la page de support du plugin !
     
     

     

    2 téléchargements

       (0 avis)

    Mis à jour

  3. Abbr

    "Abbr", un plugin pour l'éditeur TinyMCE
     
    Certains articles traitant de sujets politiques ou scientifiques font un usage abondant de sigles et autres acronymes que le lecteur ne connaît pas forcément. La balise HTML5 <abbr> permet d'afficher leur signification au survol de la souris en l'intégrant dans l'attribut "title".
    Voici par exemple ce que cela donnerait  pour expliquer le sens du sigle "CFF - SBB" sur les flancs des wagons des Chemins de Fer Fédéraux suisses — Schweizerischen BundesBahnen (SBB) en allemand :
    <abbr title="Ca Fa Fite ? - S'est Bas Bossible !">CFF - SBB</abbr>  
    Ce plugin, qui ajoute un bouton à la barre d'outils de l'éditeur TinyMCE, vous évitera d'éditer le code de votre page pour intégrer la balise.
    NB : Le plugin écrit le code nécessaire à son fonctionnement en respectant l'intégrité de vos fichiers. Le module de restauration les remettra dans leur état d'origine.
     
    Installation
    Décompressez l'archive. Ouvrez le dossier "abbr_install" et copiez le dossier "core" et le fichier "index.php" 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 tout.

    Mode d'emploi
    Tapez la signification complète de l'abréviation avec les majuscules du sigle ou de l'acronyme. Sélectionnez-la au curseur ou à la souris. Cliquez sur le bouton "ABBR" dans la barre d'outil de TinyMCE. Entrez l'abréviation dans la boîte de dialogue. Validez.  

     
    Edition
    Placez le curseur sur l'abréviation à modifier. Cliquez. Cliquez sur le bouton "ABBR". Modifiez l'abréviation. Validez.  

     
    Désinstallation
    Ouvrez le dossier "abbr_restaure" et copiez-en le contenu à 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.
     
     PS : Si ce plugin vous intéresse, j'en ai d'autres dans mes tiroirs. Après tout, pourquoi WP serait-il le seul CMS à bénéficier de toutes sortes de fonctionnalités supplémentaires ?

    0 téléchargement

       (0 avis)

    Mis à jour

  4. Auto inscription

    Cette réécriture du module d'inscription d'un nouveau membre proposé par Roger Nounours tient compte des réactions que son principe a suscitées sur le forum : le visiteur s'inscrit en ligne, son mot de passe restant confidentiel.
     
    Avertissement
    Ce plugin n'écrit pas les lignes de code nécessaires à son fonctionnement, il remplace les fichiers concernés — mais il y a peu de chance que vous les ayez personnalisés. Sinon, faites des copies de sécurité.
     
    Installation du plugin
    Dézippez l'archive et copiez les deux dossiers "core" et "module" qu'elle contient à la racine du répertoire d'installation de votre site. Acceptez les quatre remplacements. Connectez-vous à votre site ou rafraîchissez la page. C'est tout.
     
    Configuration de la page d'inscription
    Créez une nouvelle page.
    Éditez-la :
    Renommez-la "Inscription", par exemple. Choisissez son emplacement dans la barre de menu :
     
    Ajoutez-lui le module "Redirection" :
     
    Enregistrez les modifications de la page.
     
    Accédez à la configuration du module de redirection (roue crantée). Entrez l'adresse de redirection sur le modèle de celle-ci : http://www.votresite.net/user/add
    Enregistrez les modifications du module.
    Déconnectez-vous de l'interface d'administration.
     
    Le menu "Inscription" donne accès à la page qui permet au visiteur de s'inscrire en tant que "Membre" :

    Libre à vous d'éditer son profil par la suite pour lui attribuer un autre rang.

    Le script envoie un mail de confirmation au nouveau membre s'il a coché la case "M'envoyer un mail de confirmation" et, dans tous les cas, un mail d'avertissement au "superadministrateur" qui a créé le site :

     
    NB : Le plugin supprime aussi le désagrément de la boîte au dialogue un peu hermétique qui surgissait lorsqu'on éditait une page contenant le module de redirection :

     
    Désinstallation
    Supprimez la page d'inscription et copiez le contenu du dossier "Restauration" à la racine de votre site.
     
    Déposé sous le sapin le 24 décembre à 22:45. A n'ouvrir que le matin de Noël.

     
     
     

    4 téléchargements

       (1 avis)

    Mis à jour

  5. Ckeditor

    Envie d'essayer un autre éditeur que TinyMCE ? Ckeditor ne manque pas d'atouts 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.

    41 téléchargements

       (2 avis)

    Mis à jour

  6. Fix pagination Blog

    Un petit module pour corriger le probleme de pagination sur le blog.
     
    L'archive est découpé en deux dossiers :
    new -> permet l'installation du module old -> permet de revenir en arrière si vous avez un soucis avec le module  
    Dans chaque dossiers vous retrouverez deux fichiers qui porte le même nom
    index.php -> contient toutes les modifications a faire pour corriger le probleme de pagination tmp/fixBlog_index.php -> fichier index.php qui sera renommé et utilisé une fois la modification faite.  
    Les modifications sont apportés dans les fichiers module/blog/blog.php et module/blog/view/index/index.php
     
    Ce module est prévu pour une version officiel non modifié de Zwii, si vous avez déjà modifié le module "Blog" de votre Zwii, le comportement sera peut-être différent.
     
    Pour installer le module il vous suffit donc de copier le contenu du dossier new/ à la racine de votre site et d'accepter le remplacement du fichier index.php
    Pour revenir en arrière il faut copier le contenu du dossier old de la même façon.
     
    Et c'est tout

    12 téléchargements

       (3 avis)

    Mis à jour

  7. Logo

    Envie d'un logo ou d'une petite image dans la bannière de votre site ? Avec des liens qui ramènent vers la page d'accueil  (ou ailleurs) depuis le logo et/ou le titre du site ?
     
    Ce plugin est sans doute perfectible, mais il fonctionne plutôt bien en l'état — même chez Free :
     


    Cette fois,  je n'ai pas fait de script d'installation qui écrit juste ce qu'il faut de code là où il faut ni de plugin de restauration. Installez-le sur un Zwii d'essai ! 
     
    Décompressez l'archive. Copiez son contenu à la racine du répertoire de votre site. Acceptez le remplacement des fichiers.  
     
    Personnalisation des liens et des titres
     
    Éditez le fichier "core/layout/main.php" et modifiez l'adresse de redirection :
    <a href="<?php echo helper::baseUrl(false); ?>" et le titre :
    title="Accueil" aux lignes, 32, 38, 75 et 81.
     

     
    Merci à @simon511000 pour l'idée du lien et à @MAllus pour la syntaxe !
     
     

    16 téléchargements

       (0 avis)

    Mis à jour

  8. Magnific Popup

    Magnific Popup, de Dmitry Semenov, affiche les images de votre choix dans une fenêtre modale responsive de type "lightbox". Ce plugin a été réalisé pour répondre au souhait de @vinc[E].
     
     
    Installation
     
    Décompressez l'archive. Copiez son contenu (un fichier "index.php" et un dossier "core") à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php". Rendez-vous sur votre site ou rafraîchissez la page.              C'est fait...
     

    Utilisation
     
    Dans le code de votre page ("Outils <> Code source"), placez la balise de votre image  :
    <img src="/site/file/source/gallery/votre-image" width="xx" height="yy" /> au milieu de cette balise <a> :
    <a class="image-popup" title="Légende apparaissant dans la lightbox" href="/site/file/source/votre-image"></a> comme ceci :
    <a class="image-popup" title="Légende apparaissant dans la lightbox" href="/site/file/source/votre-image.jpg"><img src="/site/file/source/gallery/votre-image" width="xx" height="yy" /></a>
    Pour les curieux ou les utilisateurs avertis
     
    Magnific  Popup offre bien d'autres possibilités d'affichage. Consultez son site  et n'hésitez pas à cliquer sur les différents titres des exemples pour étudier les codes sources et mieux comprendre son fonctionnement — d'autres exemples sur Codepen.
    Vous pourrez ainsi ajouter d'autres options ou d'autres scripts d'initialisation à la suite du premier, au bas de la page "core/layout"/main.php"  :
    <script type="text/javascript">       $('.image-popup').magnificPopup({type:'image',closeOnContentClick: true,});             $('.image-popup-fit-width').magnificPopup({           type: 'image',           closeOnContentClick: true,           image: {             verticalFit: false           }         });        $('.image-popup-no-margins').magnificPopup({           type: 'image',           closeOnContentClick: true,           closeBtnInside: false,           fixedContentPos: true,           mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side           image: {             verticalFit: true           },           zoom: {             enabled: true,             duration: 300 // don't foget to change the duration also in CSS           }         });       });     </script>     
    Il faudra bien sûr modifier le nom de la classe dans la balise <a> en fonction de l'effet recherché :
    <a class="image-popup"  
    Vous trouverez les fichiers js et le css de Magnific Popup dans le répertoire "core/vendor/magnific-popup". Supprimez "jquery.magnific-popup.js" si  vous n'êtes pas curieux de connaître son codage : c'est la version compressée qui assure le fonctionnement.
     

    5 téléchargements

       (1 avis)

    Mis à jour

  9. Bannière redirigeant vers la page d'accueil, version plugin

    Ce plugin permet que lorsqu'un visiteur de votre site clique sur la bannière de votre Zwii, il soit redirigé vers la page d'accueil.
     
    Installation :
     
    Après avoir décompressé l'archive sur votre pc
     
    1. Envoyer le fichier index.php et les dossier nommé " core " à la racine de votre espace FTP et acceptez le remplacement ceux ci..
     
    2. C'est tout ! Il ne vous reste plus qu'à rouvrir votre site pour en voir le résultat sur votre bannière.
     
    Petite astuce :
    A la ligne n°32 et la ligne n°38 vous avez ceci dans la balise title " Home "
    <a href="<?php echo helper::baseUrl(false); ?>" title="Home">', $filecontent); Vous pouvez remplacer " Home " par le mot de votre chois comme ci dessous.
    <a href="<?php echo helper::baseUrl(false); ?>" title="Accueil">', $filecontent); * Le " Home " ayant été remplacé par " Accueil " Avant
     

     
    Après
     

    14 téléchargements

       (3 avis)

    Mis à jour

  10. Label.css

    Les scripts css qui permettent d'afficher la légende d'une image au survol de la souris sont nombreux, tous plus spectaculaires et plus imaginatifs les uns que les autres.
    Mais si j'ai choisi celui d'Hossein Emrani, c'est pour sa légèreté et sa facilité d'intégration qui me semblent bien en phase avec l'esprit de Zwii  :  c'est tellement simple qu'on se demande pourquoi expliquer et traduire... D'ailleurs, je ne vous ferai même pas de plugin ! 
    Si j'ajoute qu'il est responsive, qu'il s'adapte automatiquement à la longueur de la légende et que son fond clair se démarque agréablement, que demander de plus ?
     
    Installation 
     
    Collez le contenu du fichier "label.css" au bas de "core/layout/common.css" ou de core/layout/perso/perso.css" si vous avez installé mon plugin "Css perso" — ou d'un perso.css de votre cru (NDRN*).
     
     
    Utilisation 
     
    Éditez le code de la page ("Outils > Code source"), et placez la balise de l'image que vous aurez préalablement positionnée 
    <img src="/file/source/gallery/votre-image" alt="" width="xxx" height="yyy" /> à l'intérieur de cette balise
    <figure class="label inside bottom float" data-label="votre légende"></figure> comme ceci :
    <figure class="label inside bottom float" data-label="votre légende"><img src="/file/source/gallery/votre-image" alt="" width="xxx" height="yyy" /></figure>  
    Réglages 
     
    Précisez l'emplacement de la légende en inscrivant ces paramètres dans le sélecteur class="label" :
    outside : à l'extérieur de l'image :                    - bottom : en bas 
                      - top : en haut
    inside : à l'intérieur de l'image                  - bottom : en bas
                     - middle : au milieu
                     - top : en haut
                               - left : à gauche
                               - right : à droite

    Idem pour l'effet d'affichage :
                    - none : la légende s'affiche en même temps que la page.
                    - fade : la légende se révèle au survol de l'image.
                    - float : la légende entre dans le cadre au survol de l'image.
     
    Enfin, comme l'auteur est iranien, il a également prévu que la légende puisse se lire de droite à gauche en ajoutant "rtl" au sélecteur "class".
     
     
    Conseils
     
    Le css  est facile à décortiquer pour le personnaliser. Pour la copie d'écran, j'ai diminué légèrement la taille des caractères et justifié la légende en ajoutant deux lignes à la classe "label[data-label]" :
    .label[data-label] { padding:initial !important; font-size:initial !important; font-weight: initial !important; line-height: initial !important; color: initial !important; text-shadow:initial !important; white-space:initial !important; vertical-align: initial !important; background-color: initial !important; border-radius: initial !important; font-size: 0.95em !important; text-align: justify !important; } On peut aussi créer ses propres effets, comme Hossein Emrani encourage à le faire...
    Une fois les personnalisations terminées, un petit détour par un site comme CssMinifier vous permettra de gagner 2Ko...
     

     
    _____________
    * NDRN : Note De Roger Nounours.

     

    1 téléchargement

       (1 avis)

    Mis à jour

  11. Modification des couleurs

    Ce plugin vous permet d'augmenter le nombre de couleur que vous pouvez personnaliser depuis l'interface de configuration.
    Pour le moment deux ajouts ont été fait, la couleur de fond du site et les couleurs de police du menu (couleur normal et de surbrillance)
     

     
    Installation
    L'archive est découpé en deux parties move_file et script.
    Dans les deux cas il vous suffit de copier le contenu du dossier new présent dans les deux parties pour lancé l'installation.
     
    move_file (méthode conseillé pour une nouvelle installation et/ou pour les débutant)
    Conseillé pour une nouvelle installation de Zwii, il suffit alors de copier le contenu du dossier move_file/new/ à la racine de votre site.
    Vous devrez alors accepter de remplacer tous les fichiers.
    Et c'est tout, vous pouvez dés a présent utiliser les nouvelles fonctionnalité.
     
    script
    Conseillé si vous avez déjà fait des modification dans votre Zwii.
    Dans ce cas la vous devez copier le contenu du dossier script/new à la racine de votre site. Le fichier index.php contient toutes les modifications qui doivent être apporter a votre site.
    Vous devez simplement actualiser votre site pour que les modifications soient appliquées.
    Et c'est tout, les nouvelles fonctionnalités sont a présent installés.
    Par contre cette méthode peut revenir sur certaine de vos modifications si vous avez modifier les même fichiers que ceux qui permettent le fonctionnement du plugin
     
     
    Les deux parties vont installer la même chose.
     
    Désintallation
    De la même façon que pour l'installation, il y a des dossier restauration dans les deux parties, qui fonctionnent de la même façon.
    Il suffit de copier le contenu du dossier restauration a la racine de votre Zwii.
     
    Utilisation
    Rien de particulier ici, il vous suffit d'aller dans la partie personnalisation pour trouver les nouvelles options de configuration.
     

    8 téléchargements

       (2 avis)

    Mis à jour

  12. Module de recherche

    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 recherche à incorporer dans un Zwii est totalement gratuit, fourni par un organisme indépendant et libre sur la toile.
    Le seul hic c'est que sur le site où l'on règle son module, le français n'est pas de mise car tout le site est en Anglais
    Ce module de recherche une fois qu'il aura indexé totalement votre ZwiiCMS, vous délivrera exactement les mêmes résultats de recherches faites par un visiteur sur votre site que tout les célèbres et puissants autres moteur de recherche sur la toile ( Google, Bing et consorts )
    Il est 100% fiable et indexe un site dans son intégralité.
     
     
     
    Explication d'installation de cet addon
    A faire en premier
     
    1° se connecter et s'inscrire ici : http://www.freefind.com/
    ( vous aurez à confirmer votre email  )
    2° ensuite relever ses email pour avoir le lien de connexion et gérer ses préférences.
     
    En image cela donne ceci

    se loguer

     
    IMPORTANT
    dans les codes ci dessous vous trouverez une  ligne sous cette forme : <input type="hidden" name="si" value="xxxxxx"> & <a href="http://search.freefind.com/find.html?si=xxxxxxxxx&pid=a">Recherche avancée</a>
     
    Les xxxxx dans cette valeur sont à remplacer par ceux qui identifient votre site quand vous demander le code html pour incorporation
    exemple : <input type="hidden" name="si" value="51339912"> & <a href="http://search.freefind.com/find.html?si=51339912&pid=a">Recherche avancée</a>
     
    Pour mettre la boite de recherche tout en haut de votre site sous la bannière

     
    Ouvrir le fichier main.php de votre zwii ( core/layout/main.php )
    IMPORTANT
    dans les codes ci dessous vous trouverez une  ligne sous cette forme : <input type="hidden" name="si" value="xxxxxx"> & <a href="http://search.freefind.com/find.html?si=xxxxxxxxx&pid=a">Recherche avancée</a>
     
    Les xxxxx dans cette valeur sont à remplacer par ceux qui identifient votre site quand vous demander le code html pour incorporation
    exemple : <input type="hidden" name="si" value="51339912"> & <a href="http://search.freefind.com/find.html?si=51339912&pid=a">Recherche avancée</a>
     
    rechercher
    <!-- Bannière dans le fond du site --> <header> <?php if( $this->getData(['theme', 'header', 'textHide']) === false // Affiche toujours le titre de la bannière pour l'édition du thème OR ($this->getUrl(0) === 'theme' AND $this->getUrl(1) === 'header') ): ?> <div class="container"> <span><?php echo $this->getData(['config', 'title']); ?></span> </div> <?php endif; ?> </header> ajouter juste en dessous comme dans l'exemple
    <!-- Bannière dans le fond du site --> <header> <?php if( $this->getData(['theme', 'header', 'textHide']) === false // Affiche toujours le titre de la bannière pour l'édition du thème OR ($this->getUrl(0) === 'theme' AND $this->getUrl(1) === 'header') ): ?> <div class="container"> <span><?php echo $this->getData(['config', 'title']); ?></span> </div> <?php endif; ?> </header> <!-- start of freefind search box html sous la bannière dans le haut du site --> <table style="padding-right: 5px; padding-left: 5px;" align="right" cellpadding=0 cellspacing=0 border=0 > <tr> <td colspan=2 style="font-family: Arial, Helvetica, sans-serif; font-size: 11px;"> <form style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_blank"> <input type="hidden" name="si" value="xxxxxx"> <input type=hidden name=lang value=fr> <input type="hidden" name="pid" value="r"> <input type="hidden" name="n" value="0"> <input type="hidden" name="_charset_" value=""> <input type="hidden" name="bcd" value="÷"> <input type="text" name="query" size="15"> <a href="http://search.freefind.com/find.html?si=xxxxxxx&pid=a">Recherche avancée</a> <input type="submit" value="Rechercher"> </form> </td> </tr> </table> <br><br><br> <!-- end of freefind search box html --> Sous le menu en dessous de la bannière en haut du site

    Ouvrir le fichier main.php de votre zwii ( core/layout/main.php )
    IMPORTANT
    dans les codes ci dessous vous trouverez une  ligne sous cette forme : <input type="hidden" name="si" value="xxxxxx"> & <a href="http://search.freefind.com/find.html?si=xxxxxxxxx&pid=a">Recherche avancée</a>
     
    Les xxxxx dans cette valeur sont à remplacer par ceux qui identifient votre site quand vous demander le code html pour incorporation
    exemple : <input type="hidden" name="si" value="51339912"> & <a href="http://search.freefind.com/find.html?si=51339912&pid=a">Recherche avancée</a>
     
    Chercher
    <!-- Menu dans le fond du site après la bannière --> <nav> <div id="toggle"><?php echo template::ico('menu'); ?></div> <div id="menu" class="container"> <?php $layout->showMenu(); ?> </div> </nav> et mettre comme ci dessous
    <!-- Menu dans le fond du site après la bannière --> <nav> <div id="toggle"><?php echo template::ico('menu'); ?></div> <div id="menu" class="container"> <?php $layout->showMenu(); ?> </div> </nav> <!-- start of freefind search box html sous le menu après la bannière --> <table style="padding-right: 5px; padding-left: 5px;" align="right" cellpadding=0 cellspacing=0 border=0 > <tr> <td colspan=2 style="font-family: Arial, Helvetica, sans-serif; font-size: 11px;"> <form style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_blank"> <input type="hidden" name="si" value="xxxxxx"> <input type=hidden name=lang value=fr> <input type="hidden" name="pid" value="r"> <input type="hidden" name="n" value="0"> <input type="hidden" name="_charset_" value=""> <input type="hidden" name="bcd" value="÷"> <input type="text" name="query" size="15"> <a href="http://search.freefind.com/find.html?si=xxxxxxxxxx&pid=a">Recherche avancée</a> <input type="submit" value="Rechercher"> </form> </td> </tr> </table> <br><br><br> <!-- end of freefind search box html --> Sous la bannière dans le site incorporé dans le menu

    Ouvrir le fichier main.php de votre zwii ( core/layout/main.php )
    IMPORTANT
    dans les codes ci dessous vous trouverez une  ligne sous cette forme : <input type="hidden" name="si" value="xxxxxx"> & <a href="http://search.freefind.com/find.html?si=xxxxxxxxx&pid=a">Recherche avancée</a>
     
    Les xxxxx dans cette valeur sont à remplacer par ceux qui identifient votre site quand vous demander le code html pour incorporation
    exemple : <input type="hidden" name="si" value="51339912"> & <a href="http://search.freefind.com/find.html?si=51339912&pid=a">Recherche avancée</a>
     
    chercher
    <!-- Bannière dans le site --> <header <?php if($this->getData(['theme', 'header', 'position']) === 'hide'): ?>class="displayNone"<?php endif; ?>> <?php if( $this->getData(['theme', 'header', 'textHide']) === false // Affiche toujours le titre de la bannière pour l'édition du thème OR ($this->getUrl(0) === 'theme' AND $this->getUrl(1) === 'header') ): ?> <div class="container"> <span><?php echo $this->getData(['config', 'title']); ?></span> </div> <?php endif; ?> </header> mettre comme ci dessous
    <!-- Bannière dans le site --> <header <?php if($this->getData(['theme', 'header', 'position']) === 'hide'): ?>class="displayNone"<?php endif; ?>> <?php if( $this->getData(['theme', 'header', 'textHide']) === false // Affiche toujours le titre de la bannière pour l'édition du thème OR ($this->getUrl(0) === 'theme' AND $this->getUrl(1) === 'header') ): ?> <div class="container"> <span><?php echo $this->getData(['config', 'title']); ?></span> </div> <?php endif; ?> </header> <!-- start of freefind search box html sous la banniere dans le site incorporé dans le menu --> <table style="padding-right: 5px; padding-left: 5px;" align="right" cellpadding=0 cellspacing=0 border=0 > <tr> <td colspan=2 style="font-family: Arial, Helvetica, sans-serif; font-size: 11px;"> <form style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_blank"> <input type="hidden" name="si" value="xxxxxxxx"> <input type=hidden name=lang value=fr> <input type="hidden" name="pid" value="r"> <input type="hidden" name="n" value="0"> <input type="hidden" name="_charset_" value=""> <input type="hidden" name="bcd" value="÷"> <input type="text" name="query" size="15"> <a href="http://search.freefind.com/find.html?si=xxxxxxx&pid=a">Recherche avancée</a> <input type="submit" value="Rechercher"> </form> </td> </tr> </table> <!-- end of freefind search box html --> Au dessus du menu dans le site

    Ouvrir le fichier main.php de votre zwii ( core/layout/main.php )
    IMPORTANT
    dans les codes ci dessous vous trouverez une  ligne sous cette forme : <input type="hidden" name="si" value="xxxxxx"> & <a href="http://search.freefind.com/find.html?si=xxxxxxxxx&pid=a">Recherche avancée</a>
     
    Les xxxxx dans cette valeur sont à remplacer par ceux qui identifient votre site quand vous demander le code html pour incorporation
    exemple : <input type="hidden" name="si" value="51339912"> & <a href="http://search.freefind.com/find.html?si=51339912&pid=a">Recherche avancée</a>
     
    chercher
    <!-- Bannière dans le site --> <header <?php if($this->getData(['theme', 'header', 'position']) === 'hide'): ?>class="displayNone"<?php endif; ?>> <?php if( $this->getData(['theme', 'header', 'textHide']) === false // Affiche toujours le titre de la bannière pour l'édition du thème OR ($this->getUrl(0) === 'theme' AND $this->getUrl(1) === 'header') ): ?> <div class="container"> <span><?php echo $this->getData(['config', 'title']); ?></span> </div> <?php endif; ?> </header> mettre comme ci dessous
    <!-- Bannière dans le site --> <header <?php if($this->getData(['theme', 'header', 'position']) === 'hide'): ?>class="displayNone"<?php endif; ?>> <?php if( $this->getData(['theme', 'header', 'textHide']) === false // Affiche toujours le titre de la bannière pour l'édition du thème OR ($this->getUrl(0) === 'theme' AND $this->getUrl(1) === 'header') ): ?> <div class="container"> <span><?php echo $this->getData(['config', 'title']); ?></span> </div> <?php endif; ?> </header> <!-- start of freefind search box html sous la bannière dans le site--> <table style="padding-right: 5px; padding-left: 5px;" align="right" cellpadding=0 cellspacing=0 border=0 > <tr> <td colspan=2 style="font-family: Arial, Helvetica, sans-serif; font-size: 11px;"> <form style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_blank"> <input type="hidden" name="si" value="XXXXXX"> <input type=hidden name=lang value=fr> <input type="hidden" name="pid" value="r"> <input type="hidden" name="n" value="0"> <input type="hidden" name="_charset_" value=""> <input type="hidden" name="bcd" value="÷"> <input type="text" name="query" size="15"> <a href="http://search.freefind.com/find.html?si=xxxxxxxx&pid=a">Recherche avancée</a> <input type="submit" value="Rechercher"> </form> </td> </tr> </table><br><br><br><br> <!-- end of freefind search box html -->  
    Bien entendu il existe plein d'autres possibilités de placement, à vous de faire marcher votre imagination.
     
    Votre moteur de recherche et son affichage se paramètre entièrement ( css, html et aussi différentes boite de dialogues pour la fonction de recherches ) depuis et uniquement le site de l'éditeur.)
    Rien à modifier dans le zwii si ce n'est que les codes à ajouter ci dessus.
     
    Un fichier nommé " Aide.html ' traduit par mes soins " ainsi que le mode d'emploi tout simple de chez simple sont joints au fichier zip,  (Le fichier aide au format html est à envoyer par ftp sur votre zwii uniquement si vous décidez de personnaliser l'aide en tooltip depuis votre administration chez freefind.com )
     
    * Sources des fichiers:
    - sources:
    http://www.freefind.com/
     
    - fichiers modifiés :
    main.php danss le zwii
     
    Enjoy les amis
    Roger nounours

    3 téléchargements

       (0 avis)

    Envoyé(e)

  13. 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. 

    21 téléchargements

       (1 avis)

    Mis à jour

  14. 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.
     

    13 téléchargements

       (1 avis)

    Mis à jour

  15. J'aime le site visité

    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 :
    Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
    ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.
     
    Explication de cet addon
     
    Vous aimeriez sans doute savoir si les gens aiment votre site web quand ils le visite, et bien ajoutez lui tout simplement un lien cliquable ( ou une image ) pour ce faire...
    Vous verrez grâce à ce compteur de clics tout simple ( et vos futurs visiteurs aussi ) la popularité que procure la lecture de votre site web auprès de ceux qui auront pris la peine de le parcourir.

     
     
    Comment faire pour l'installer
     1° Téléchargez l'archive et décompressez celle ci sur votre pc
     2° Envoyez à la racine de votre FTP le fichier compteclic.php et suivez juste les instructions
    contenue dans le fichier " installation du compteur de clic.txt " joint à l'archive
    3° Ouvrez votre navigateur web sur votre site et savourez le résultat.
     
    Installation du compteur.
    1° Placez votre fichier php dans le même dossier que la page html.
    2° Créez le lien que doivent prendre en compte les bdont les clics.
    Pour cela, placez le code suivant dans votre fichier html, à l'endroit désiré,
    en remplaçant
    http://adresse du zwii/accueil par l'URL qui doit être affiché dans le navigateur et "J'aime ce site" par votre propre texte ( où mettez y une image en guise de texte ).
    a href="compteclic.php?url=http://adresse du zwii/accueil">J'aime ce site</a>  
    3. Afficher le nombre de clics déjà exécutés sur le lien.
    Pour cela, placez le code suivant dans votre page de site web, à l'endroit où doit être affiché le nombre actuel de clics exécutés,
    en remplaçant éventuellement le texte avant et après la balise SCRIPT.
    Dans cet exemple ci dessous, cette ligne affichera "Vous êtes déjà cliqué " X nombre " à nous aimer !"
    Vous êtes déjà <script type="text/javascript" src="compteclic.php"></script> à nous aimer ! Et voilà, votre compteur de clics est prêt !
    Vous pouvez éventuellement modifier la ligne
     $fileName = "compteclic.dat";
    pour spécifier un nom de fichier différent.
    Au premier clic, le fichier est créé automatiquement.
    Pensez à verifier les droits d'écriture CHMOD pour compteclic.dat.
    Vous devriez avoir quelque chose du style:
    <a href="compteclic.php?url=http://adresse du zwii/accueil">J'aime ce site</a> Vous êtes déjà <script type="text/javascript" src="compteclic.php"></script> à nous aimer ! que vous pouvez placer par exemple dans le footer en texte personnalisé..;
    le script tel qu'il est dans le fichier php
    $fileName = "compteclic.dat"; // à changer par votre prope nom de fichier ou laisser tel que $n = @file_get_contents($fileName); if (!$n) $n=0; $n = floor($n); if (isset($_GET["url"])) { $n++; $fd = @fopen($fileName, "w") or die("ERREUR : Impossible d'ouvrir le fichier $fileName pour enregistrer les données"); // à changer par votre prope phrase ou laisser tel que @fwrite($fd, $n); @fclose($fd); header("Location:".$_GET["url"].""); exit(); } else { echo("\r\n document.write('$n'); \r\n"); } ?>  
     
    Un fichier d'explication du patch est joint à l'archive, le lire pour en connaître de plus amples détails de même qu'un fichier image au format png à héberger si vous souhaitez remplacer le texte à cliquer par un bouton image.
     
    * Sources des fichiers modifiés :
    - sources:
    Inspiration venue depuis ce site web et ce sujet en particulier :
    https://openclassrooms.com/forum/sujet/compteur-de-clic-2
     
    - fichiers modifiés :
    Aucun
     
    Enjoy les amis
    Roger nounours

    6 téléchargements

       (1 avis)

    Mis à jour

  16. Bandeau pour site Zwii

    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 :
    Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
    ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.
     
    Explication de cet addon
     
    La mode veuille que nous ayons de temps en temps un bandeau publicitaire ( ribbon ) en haut de nos site pour faire la promotion de quelque chose.
    Pourquoi devrions nous alors avoir à télécharger des scripts à droite et à gauche alors qu'un peu de css et un petit bout de code en html suffit à le faire bien plus simplement et tout aussi efficacement!!!
    Avec cette amélioration que je vous propose, vous aurez un ruban pub que vous pourrez placer à droit ou à gauche en haut de votre site sous zwii et qui suivra le lecteur même si celui ci descend la page dans sa lecture...
    en haut de page à droite...

     
    et en descendant dans une page bandeau sur la gauche

     
     
    Comment faire pour l'installer
    1° Décompresser l'archive sur votre pc,
    2° Copier le code contenu dans le fichier code.txt dans le fichier main.php ( /core/layout/main.php )
    3° copier le code contenu dans le fichier ruban.css dans le fichier common.css ( /core/layout/common.css )
    ( vous pouvez aussi envoyer le fichier ruban.css directement sur votre serveur, dans ce cas suivre les
    explications plus précises données ci dessous et marqué comme ceci * )
     
    Ci dessous, le code à intégrer dans le fichier main.php situé dans le dossier /core/layout/main.php de votre site sur le ftp.
    <div class="ribbon"><a href="http://adresse de votre zwii/">Le texte à faire apparaitre</a></div> Mettre ce code juste près la balise <body> comme dans l'exemple ci dessous, pensez à changer " http://adresse de votre zwii/ " par
    l'url de votre site zwii et le texte qui apparaitra dans le bandeau publicitaire.
     
    * Si vous décidez d'envoyer le fichier ruban.css plutôt que de copier son contenu dans common.css situé dans le dossier
    core/layout/ , pensez à le déclarer sous la balise <head> de cette façon :
    <link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>core/layout/ruban.css"> exemple de l'emplacement pour le(s) code(s) à incorporer
    <?php $layout = new layout($this); ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <?php $layout->showMetaTitle(); ?> <?php $layout->showMetaDescription(); ?> <?php $layout->showFavicon(); ?> <?php $layout->showVendor(); ?> <link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>core/layout/common.css"> <link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>core/layout/perso/ruban.css"> <link rel="stylesheet" href="<?php echo helper::baseUrl(false); ?>site/data/theme.css?<?php echo md5(json_encode($this->getData(['theme']))); ?>"> </head> <body> <div class="ribbon"><a href="http://adresse de votre zwii/">Le texte à faire apparaitre</a></div> La personnalisation des couleurs de votre bandeau s'effectue dans le fichier css du ruban
    Pour mettre à droite votre ruban, rechercher left: -3em; et transform: rotate(-45deg); dans :
    .ribbon { background-color: #3E6B9F; z-index: 1000; padding: 3px; position: fixed; top: 2em; left: -3em; transform: rotate(-45deg); } et le remplacer par right: -3em; et rotate(45deg); comme dans l'exemple ci dessous :
    .ribbon { background-color: #3E6B9F; z-index: 1000; padding: 3px; position: fixed; top: 2em; right: -3em; transform: rotate(45deg); } la couleur du texte se change dans :
    .ribbon a { border: 1px dotted #FFF; color: #707BFF; display: block; font: 81.25% "Helvetiva Neue",Helvetica,Arial,sans-serif; margin: 0.05em 0px 0.075em; padding: 0.5em 3.5em; text-align: center; text-decoration: none; text-shadow: 0px 0px 0.5em #E3E3E3; } couleur du texte à la ligne:   color: #707BFF;
    l'ombre du texte à la ligne:   text-shadow: 0px 0px 0.5em #E3E3E3;
     
    * Sources des fichiers modifiés :
    - sources:
    Recherche pure sur le web en tapant le mot " ribbon " et php/html
     
    - fichiers modifiés :
    Aucun
     
    Enjoy les amis
    Roger nounours

    1 téléchargement

       (0 avis)

    Envoyé(e)

  17. C'est mieux en français lettré

    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 :
    Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
    ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.
     
    Explication de cet addon
     
    Nous avons dans le zwii un module blog dans lequel les dates de publications des articles sont écrites sous la forme la plus simple que permet le code php, fonctionnel mais pas vraiment esthétique
     
    Mais que diriez vous de pouvoir montrer à vous éditeurs les fameuses dates de parution de vos articles de la façon la plus jolie qui soit, c'est à dire le nom des jours et moi en toutes lettres ainsi que l'horodatage des articles visuellement plus agréable à l’œil?
     
    * Vous trouverez aussi un complément d'information sur ce que produira comme effet ce patch dans la section du forum  " Les bricoleurs du dimanche/ Tutoriels et bouts de codes ".
    http://forum.zwiicms.com/index.php?/topic/480-cest-mieux-en-français-lettré/
     
    avant et après

     

     
     
    Comment faire pour l'installer
     1° Téléchargez l'archive et décompressez celle ci sur votre pc
     2° Envoyez à la racine de votre FTP le fichier index.php et le dossier core
     3° Acceptez l'écrasement des fichiers d'origine.
     4° Ouvrez votre navigateur web sur votre site et savourez le résultat.
     
    Un fichier d'explication du patch est joint à l'archive, le lire pour en connaître de plus amples détails.
     
    * Sources des fichiers modifiés :
    - sources:
    Uniquement les deux fichiers cités ci dessous fournis par Zwiicms lors de son installation
     
    - fichiers modifiés :
    index.php ( dans le dossier /module/blog/view/index/index.php du zwii )
    article.php ( dans le dossier /module/blog/view/article/article.php du zwii )
     
    Enjoy les amis
    Roger nounours
     

    6 téléchargements

       (2 avis)

    Envoyé(e)

  18. 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

  19. 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 ! 
     
     

    22 téléchargements

       (2 avis)

    Mis à jour

  20. 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

  21. 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. 

    5 téléchargements

       (2 avis)

    Mis à jour

  22. Patch réparation pagination des news

    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 :
    Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
    ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.
     
      Ce petit script vous permettra de réparer le bug de non affichage de la pagination des news sur la page principale
      de celles ci quand celles ci sont publiées et comportent plus de 10 articles au total dans celles ci.
      Cette pagination devrait se voir sous forme de chiffre en bas de page et vous permettre ainsi de passer à la page
      suivante ou revenir à la page précédente des news en cas de publication supérieure à 10 articles dans la rubrique des news.
     
    12 articles publiés mais seulement 10 visibles car pas de pagination en bas

     
    12 articles publiés et pagination pour les articles au delà de 10 sur la page principale

     
    Comment faire pour l'installer
     1° Téléchargez l'archive et décompressez celle ci sur votre pc
     2° Envoyez à la racine de votre FTP le fichier index.php et le dossier core
     3° Acceptez l'écrasement du fichier d'origne et du dossier d'origine.
     4° Ouvrez votre navigateur web et savourez le résultat.
     
    Un fichier d'explication du patch est joint à l'archive, le lire pour en connaître de plus amples détails.
     
    * Sources des fichiers modifiés :
    - sources:
    D’après le script de PeterRabbit  qui permet une mise à jour simple d'un fichier ou d'un dossier dans un zwiicms
    Et le script du cms de Rémi Jean ==> http://forum.zwiicms.com/index.php?/files/file/3-zwii-8/
     
    - fichier modifié :
    index.php ( dans le dossier /module/news/view/index/index.php du zwii )
     
    Enjoy les amis
    Roger nounours

    10 téléchargements

       (2 avis)

    Mis à jour

  23. 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

  24. Modification du temps d'affichage des annonces dans le Zwii

    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 :
    Pour les fichiers marqués * et en gras dans la description , ce sont des fichiers open source libre de modification ( avec dans le cas des scripts un lien menant directement vers le site de l'auteur du fichier original afin de respecter les droits de l'auteur original du script au cas ou celui ci le spécifierait d'une manière quelconque de ne pas enlever ses propres références dans le script par l'utilisateur final ).
    ceci afin de respecter le travail de l'auteur original si une telle spécification était expressément demandée par celui ci.

     
    Explications et installation du script
     
    /* d'aprés Roger nounours ( lechti64 sur la toile )
    *
    *  source de l'auteur du script d'origine qui me servi d'inspiration :
    *  auteur PeterRabbit membre du forum de soutien de Zwiicms
    *  d'aprés le script original " Css perso 1.0.0 "
    *  source visible ici : http://forum.zwiicms.com/index.php?/files/file/33-css-perso/
    *
    *  source du cms modifié:
    * auteur Rémi Jean <remi.jean@outlook.com>
    *  copyright Copyright (C) 2008-2017, Rémi Jean
    *  license GNU General Public License, version 3
    *  lien http://zwiicms.com/
    */
     
     
    Ce petit script vous permettra de changer le temps d'affichage des notification en vert de votre zwiicms.
    Actuellement celles ci sont réglées d'origine pour disparaître au bout de 5 secondes, nous allons donc réduire ce temps à 1 secondes.
    * Bien entendu, vous pouvez augmenter celui ci à votre convenance, les temps exprimés étant en millisecondes dans le code.
     
    1° Téléchargez l'archive et décompressez celle ci sur votre pc
    2° Envoyez à la racine de votre FTP le fichier index.php et le dossier core
    3° Acceptez l'écrasement du fichier d'origine et du dossier d'origine.
    4° Ouvrez votre navigateur web et savourez le résultat.
     
    *Ci dessous, le code et explications commentées pour plus de compréhension
     
      /* modification du fichier core.js.php */
      /* remplacement du temps d'apparition d'une annonce qui est de 5 sec. = 5000 par 1sec. = 1000 */
     
     //  fichier à chercher et modifier
    $file="core/core.js.php";
     // recherche du fichier qui contient le contenu
    $filecontent=file_get_contents($file);
     // contenu à modifier changer ici la seconde valeur par celle souhaitée
    $replace=str_replace('5000', '1000', $filecontent);
     // écriture du nouveau contenu
    file_put_contents($file, $replace);
     // restauration du fichier index.php d'origine
    rename("core/tmp/index_distrib.php", "index.php");
     
     
    * Sources des fichiers modifiés :
    - sources:
    D’après le script de PeterRabbit  ( css perso )==> http://forum.zwiicms.com/index.php?/files/file/33-css-perso/
    Et le script du cms de Rémi Jean ==> http://forum.zwiicms.com/index.php?/files/file/3-zwii-8/
     
    - fichier modifié :
    core.js.php ( dans le dossier core du zwii )
     
    Enjoy les amis
    Roger nounours
     
     

    6 téléchargements

       (1 avis)

    Envoyé(e)

  25. 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...

    23 téléchargements

       (2 avis)

    Mis à jour

×