Aller au contenu
Support de Zwii et Yocto

Modifications et astuces

5 fichiers

  1. Toutes les versions de ZwiiCMS sorties à ce jour (téléchargeables depuis ici)

    Téléchargez ce fichier au format PDF qui contient l'adresse de téléchargement de toutes les versions ZwiiCMS
    Vous pouvez aussi vous rendre directement sur cette page (équivalente du fichier pdf) pour la visionner en direct sans obligation de télécharger le fichier fourni ici.
     
    Voir la page web dans mon navigateur
     

    3 téléchargements

       (0 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" 

    82 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 ! 
     
     

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

    50 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 !
     

     

    28 téléchargements

       (1 avis)

    Mis à jour

×