Modifications et astuces

10 fichiers

  1. Page membre privée

    Fin du support
     
     

    36 téléchargements

       (1 avis)

    Mis à jour

       (3 avis)

    Mis à jour

  2. Ckeditor Easy

    Certaines caractéristiques de TinyMCE vous agacent ? Essayez CKEditor !
     
    L'ami @creatifmen, qui est un inconditionnel de cet éditeur, s'est penché sur mon plugin et en a optimisé le script d'installation. Qu'il soit remercié pour son heureuse initiative !
     


    Le plugin intègre la version 4.10.1 de CKEditor et il a été testé sur les dernières versions 8.3 de ZwiiCMS. Il respectera votre installation en procédant à quelques écritures ponctuelles dans trois fichiers seulement :
    "core/layout/main.php" "core/module/page/view/edit/edit.php" "core/vendor/filemanager/config/config.php" Si vous avez personnalisé ces fichiers, faites-en une copie de sécurité.
     
    Ce plugin étant le fruit d'une collaboration, nous vous proposons deux versions correspondant à nos différents goûts : l'une classique, embarquant les fichiers de CKEditor, l'autre utilisant le réseau de diffusion de contenu de l'éditeur — CDN (Content Delivery Network en anglais). Toutes les deux s'installent de la même façon.

    Avant toute mise à jour, désinstallez d'abord la version précédente !

    Installation :
    Dézippez l'archive. Ouvrez le dossier "ckeditor_install". Téléversez son contenu (un fichier "index.php" et un dossier "site" — ainsi qu'un dossier "core" pour la version classique) à 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.
     

    Personnalisation et mise à jour :
    Version CDN :
    Éditez le fichier "core/layout/main.php" et allez à la ligne 161, si vous n'avez pas fait de personnalisations : <script src="https://cdn.ckeditor.com/4.10.1/standard/ckeditor.js"></script>  
    Pour changer de version, remplacez "standard" par "basic" ou "full". Pour une mise à jour, modifiez le numéro de version.  
    Version classique :
    Dans les deux cas, téléchargez la version qui vous intéresse ou configurez la vôtre. Supprimez le répertoire "core/vendor/ckeditor" et remplacez-le par celui que contient l'archive.  
    Problème connu :
    Le téléversement d'images n'est pas fonctionnel, mais est-ce bien nécessaire ?

    Désinstallation :
    Procédez comme pour l'installation, mais avec le module "ckeditor_restaure". Les fichiers modifiés retrouveront leur état d'origine.
    Si vous avez préféré la version classique, supprimez manuellement le répertoire "core/vendor/ckeditor" 

    67 téléchargements

       (2 avis)

    Mis à jour

  3. Label.css

    Parmi les scripts que j'avais publiés pour la version 8.10, j'ai retrouvé celui-ci, toujours très actuel et qui s’adaptera sans problème aux prochaines évolutions de Zwii, vu qu'il ne s'agit que de quelques lignes de css.
     

     
    Les scripts qui affichent une légende au bas d'une image au survol de la souris sont nombreux, tous plus spectaculaires et imaginatifs les uns que les autres. Si j'ai choisi celui-ci, c'est pour sa légèreté, sa sobriété et sa facilité d'intégration qui me semblent bien en phase avec l'esprit de Zwii.
    Et 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 de ce qui se fait sur les sites d'information, que demander de plus ?
    Pour vous convaincre de l'adopter, je vous invite à essayer la démontration en ligne sur le site de son auteur, Hossein Emrani.
     
    L'éditeur TinyMCE de Zwii intégrant désormais le plugin "Templates" qui permet, comme son nom l'indique, de créer des modèles à la demande, mon plugin exploite cette fonctionnalité qui vous épargnera de manipuler du code par la suite.
    Il se compose de deux modules, "labelcss_install" et "labelcss_restaure". Le premier installera en deux clics le css nécessaire ainsi que le modèle qui affichera votre légende tout en l’intégrant à TinyMCE. Quant au second, il procédera à une désinstallation complète si le résultat n'est pas à la hauteur de vos attentes.
    Dans les deux cas, un script procède à des écritures ponctuelles sans écraser aucun fichier. Vous n'avez donc rien à craindre par rapport à d'éventuelles personnalisations que vous auriez apportées.
     
    Installation :
    Après avoir décompressé l'archive, copiez le contenu du dossier "labelcss_install" (les deux répertoires "core" et "site" ainsi que le fichier "index.html") à la racine de votre site. Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page. C'est fait.
     
    Désinstallation :
    Procédez de même avec le module "labelcss_restaure".
     
    Utilisation :
    Éditez la page dans laquelle vous voulez intégrer une image et sa légende. Cliquez sur le bouton "+" à droite de la barre d'outils. Choisissez "Modèle". Dans la liste déroulante, cliquez sur "Label css".           Si le modèle ne figure pas dans la liste, videz le cache de votre navigateur et rechargez la page.
    Validez avec "OK".  

     
    Une image provisoire, fournie par Lorem Picsum s'affiche dans votre page, intégrant la balise de la légende sans que vous ayez rien à faire.
     
    Cliquez sur cette image. Elle se colore en bleu. Dans le menu "+", choisissez "Image". Chargez votre propre image depuis le gestionnaire de fichiers. Éditez le code (bouton "<>") pour modifier la légende.  
    Voilà. Comme d'habitude, c'est plus long à expliquer qu'à faire. 
     
    Réglages :
    Modifiez l'emplacement de la légende en jouant sur 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".
     
    Personnalisation :
    Les bricoleurs pourront exercer leurs talents sur le css, accessible en ligne : "Personnaliser le thème > Personnalisation du thème > Mode avancé".
     
    Enjoy ! 
     
     

    2 téléchargements

       (0 avis)

    Mis à jour

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

    Vous cherchez un player audio-vidéo qui s'adapte sans problème à ZwiiCMS et qui soit léger, polyvalent et esthétique ?
    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.
     
    Avertissements
    Même si le plugin a été réécrit sur la base de la version 8.29 de ZwiiCMS, le player n'a été actualisé qu'à hauteur de la version 2.0.18, faute d'être parvenu à faire accepter les codes d'intégration de la version 3 à TinyMCE. 
    Le script d'installation effectue seulement deux écritures ponctuelles dans "core/layout/main.php", mais il écrase le fichier "core/core.js.php" pour pouvoir remplacer le script qui pose problème. Faites-en une copie de sécurité si vous l'avez personnalisé.
     
    Installation
    L'archive contient deux modules :
    "plyr_install", pour installer le player. "plyr_restaure", pour remettre votre site dans son état initial s'il ne correspond pas à vos attentes.  
    Pour chacun des modules :
    Copiez la totalité de son contenu à la racine du répertoire d'installation de votre site. Acceptez les remplacements de fichiers qui vous seront proposés. Rendez-vous ensuite sur votre site ou rafraîchissez la page pour finaliser l'installation. C'est fait.
     
    Utilisation
    Collez ces lignes dans le code de vos pages (icone "<>" de la barre d'outils) en les adaptant à votre configuration et au type de vos fichiers.
     
    Audio
    <audio controls> <source src="chemin/vers/votre.mp3" type="audio/mp3"> </audio> Vidéo
    <video controls>  <source src="chemin/vers/votre video.mp4" type="video/mp4"> </video> ou, si vous avez prévu une image d'accueil 
    <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>  
    Vimeo
    <div data-type="vimeo" data-video-id="143418951"></div>
    Conseils
    Utilisez le code d'intégration fourni par Youtube, Viméo, Dailymotion, etc. plutôt que de passer par Plyr. Pour en savoir plus sur Plyr et ses possibilités, consultez le fichier "readme_2.0.18.md".  

    42 téléchargements

       (1 avis)

    Mis à jour

  5. Free Zwii !

    Ce plugin, précédemment publié pour la 8.10, est ma première contribution à l'opération "Ménage dans le téléchargement" visant à ne proposer que des extensions actualisées. J'en ai profité pour réécrire le script.
    Il permet d'installer une version standard de ZwiiCMS dans un espace personnel Free en deux clics, ou à peine plus.
     
    Préalable
    Décompressez l'archive de ZwiiCMS et téléversez son contenu à la racine de votre espace personnel.
     
    Explication
    Le plugin modifie deux lignes dans "core/vendor/filemanager/config/config.php" et installe le répertoire "sessions" nécessaire au fonctionnement de Zwii chez Free.
     
    Installation
    Dézippez l'archive du plugin. Ouvrez le dossier "freezwii_install". Téléversez la totalité de son contenu — deux fichiers (".htaccess" et "index.php") et deux dossiers ("sessions" et "site") — à la racine de votre espace personnel. Acceptez le remplacement des deux fichiers. Connectez-vous à votre site.  
    C'est fait.
     
    Remarque
    Grâce à Roger qui m'a signalé la ligne à commenter dans "core/module/config/view/index/index.php", les étourdis ne risquent plus de cocher la case "Réécriture d'URL" : elle n'apparaît plus dans la page "Configuration". Merci à lui !
     

     

    14 téléchargements

       (1 avis)

    Mis à jour

  6. Patch module "Redirection"

    Vous faites partie vous aussi de ceux à qui ce genre de message fait tourner la tête ?
    Patchez votre Zwii, ça devrait aller mieux ! 
     

     
    Installation
    Dézippez l'archive. Ouvrez le dossier "patch_redirection_install" et copiez les dossiers "core" et "module" qu'il contient à la racine du répertoire d'installation de votre site. Acceptez les deux remplacements qui vous sont proposés. C'est fait.
     
    Désinstallation éventuelle
    Procédez de même avec le dossier "patch_redirection_restaure". 
     
     
     

    14 téléchargements

       (1 avis)

    Mis à jour

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

    9 téléchargements

       (1 avis)

    Mis à jour

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

    4 téléchargements

       (0 avis)

    Envoyé(e)

  9. Bouton " J'aime et partager " Facebook

    IMPORTANT:
    Toute utilisation de cette version sur votre site par vous même le sera à vos risques et péril, en aucun cas l'auteur de celle 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.
     
    Pour mettre dans votre Zwiicms un bouton " j'aime " et un bouton de partage sur votre page Facebook procédez comme suis
    1° dans votre fichier main.php situé dans le dossier "../core/layout/main.php " de votre site construit avec zwii vous
    allez ajouter ceci entre les balises <body> et </body>
    ( j'ai pour ma part mis ce code en bas de la page juste avant </body>
     
      <!-- bouton partager Facebook -->
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.9";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
     

     
    2° Rendez vous ensuite sur cette page pour personnaliser et paramétrer vos bouton Facebook en cliquant sur le configurateur de bouton
    https://developers.facebook.com/docs/plugins/like-button
     



     
    3° Une fois votre configuration choisie vous cliquez sur le bouton " Obtenir le code " , cela
    ouvrira une popup contenant le code pour afficher votre bouton là où vous le désirez sur votre site web.
    ( ne vous souciez pas du code à l'étape 2 de la popup , c'est le m^me que je vous ai mis au début du tuto )
    Prendre le code qui est sous la flèche rouge

     

     
    4° Ne vous reste plus ensuite qu'à coller ce code dans la page de votre zwii où vous souhaiter le voir afficher
    dans le bas de site

     

     


    dans une page ( utilisez votre éditeur en code source comme ci dessous )

     

     
    Vous pouvez bien entendu personnaliser à votre guise la div qui affiche votre bouton, il suffit de faire marcher votre
    imagination pour ce faire ...
     
    * Sources des fichiers modifiés :
    Aucun fichier modifié sauf ceux du zwii pour permettre l'affichage du bouton fourni gracieusement ( les codes ) depuis leur espace développeurs ici:
    https://developers.facebook.com/docs/plugins/like-button
    Juste une bonne recherche web permet à tout un chacun de faire la m^me chose avec d'autre boutons de réseaux sociaux...
     
     
    * Posez vos questions ou découvrez des astuces pour ce plugin dans  le forum qui lui est consacré pour son support .
    * Soyez aussi sympa si vous l'estimez de laisser un commentaire une fois votre téléchargement effectué et noter ce plug
    Enjoy !!!  

    5 téléchargements

       (0 avis)

    Mis à jour