Aller au contenu
Support de Zwii et Yocto

PeterRabbit

Modérateurs
  • Compteur de contenus

    2 264
  • Inscription

  • Dernière visite

Tout ce qui a été posté par PeterRabbit

  1. Zwiiper, le retour Voir le fichier ZWII + SWIPER = ZWIIPER ! Un slider facile à intégrer et à paramétrer. Ce plugin, établi à partir d'une démo de Stu Nicholls, intègrera le slider "Swiper" à votre site ZwiiCMS. "Swiper" est-il vraiment le most modern mobile touch slider qu'il prétend ? Voyez les démos pour vous faire une opinion... ou installez le plugin pour une démonstration privée grâce à deux jeux de photos "empruntées" à L'internaute Voyage. Réglages par défaut "Swiper" est paramétré pour démarrer automatiquement, tourner en boucle et afficher des titres. On peut passer d'une diapo à l'autre (dans les deux sens) au clavier, à la souris (au clic, au glisser ou à la molette) ou encore au doigt ou au stylet sur les écrans tactiles. Le tout responsivement et sans devoir recourir à jQuery, même si ce dernier est déjà intégré à Zwii pour d'autres raisons. Les utilisateurs désireux de personnaliser leur "Swiper" consulteront avec profit la page API. Décompressez l'archive. Elle contient deux modules complémentaires : "Swiper", le programme lui-même, qu'il faut impérativement installer en premier et qui permet d'intégrer un carrousel à n'importe quelle page. "Banner", si vous souhaitez un slider dans la partie haute du site. Les deux modules sont compatibles, et on peut installer autant de sliders que l'on veut dans les pages du site. Chaque module comprend un plugin d'installation ("install") et un plugin de restauration ("restaure"). Ce dernier remettra votre site dans son état initial en toute sécurité, sans aucun écrasement de fichier : le script réécrit les passages modifiés et supprime les répertoires ajoutés à l'installation. 1. Installation de "Swiper" Ouvrez le dossier "swiper_install" et copiez-en le contenu (le fichier "index.php" et les deux dossiers "core" et "site") à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page. C'est fait. Mise en œuvre Éditez une page de votre site, ou créez-en une. Affichez le code source de la page (bouton "<>" de la barre d'outils de l'éditeur). Collez l'intégralité du code ci-après à l'endroit où vous souhaitez placer le slider, il s'adaptera à votre installation, même dans un sous-répertoire : <div id="swiper" class="swiper-container swiper-container-horizontal"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-slide-active"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269338-torres-del-paine" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/torres_del_paine.jpg" /></a> <div class="swiper-text">Patagonie<br />Torres del Paine</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269314-laguna-de-los-tres" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/fitz_roy.jpg" /></a> <div class="swiper-text">Laguna de los Tres<br />et mont Fitz Roy</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269326-laguna-torre" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/laguna_torre.jpg" /></a> <div class="swiper-text">Laguna Torre</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269311-canal-beagle" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/canal_beagle.jpg" /></a> <div class="swiper-text">Canal Beagle</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269315-ile-de-chiloe" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/chiloe.jpg" /></a> <div class="swiper-text">Ile de Chilo&eacute;</div> </div> <div class="swiper-slide"><a href="https://www.linternaute.com/voyage/amerique-du-sud/1268312-les-merveilles-de-patagonie/1269321-aysen" target="_blank" rel="noopener"><img title="L'Internaute Voyage" src="site/file/source/patagonia/puerto_aysen.jpg" /></a> <div class="swiper-text">Puerto Ays&eacute;n</div> </div> </div> <div id="swiper-button-prev" class="swiper-button-prev swiper-button-white">&nbsp;</div> <div id="swiper-button-next" class="swiper-button-next swiper-button-white">&nbsp;</div> Enjoy ! Configuration d'un diaporama Préparez vos images pour qu'elles aient des formats et des dimensions identiques (c'est plus esthétique) et qu'elles soient d'un poids raisonnable. Vous pouvez bien sûr utiliser le format .png, pensez seulement à modifier l'extension dans le code. Le diaporama s'adaptant automatiquement à la largeur de votre site, concevez vos images en fonction de ce que vous souhaitez ou des évolutions envisagées : les images fournies pour la démo (1240 pixels) couvrent largement toutes les largeurs. Mettez les images dans l'ordre que vous souhaitez (en les numérotant, le cas échéant) dans un dossier que vous monterez sur le serveur dans le répertoire "site/file/source". Vous pouvez aussi passer par le gestionnaire de fichiers, mais il créera des vignettes inutiles. Adaptez ensuite le code ci-dessus. L'explication en quatre étapes Une image seule : <div class="swiper-slide><img src="site/file/source/répertoire/image.jpg"></div> Avec une bulle-titre au survol de la souris : <div class="swiper-slide"><img src="site/file/source/répertoire/image.jpg" title="Bulle-titre"></div> Avec un titre (éventuellement sur deux lignes) : <div class="swiper-slide><img src="site/file/source/répertoire/image.jpg" title="L'Internaute Voyage"><div class="swiper-text">Titre sur<br />deux lignes</div></div> La balise complète avec un lien vers la source de l'image (ou ailleurs) s'ouvrant dans un nouvel onglet : <div class="swiper-slide"><a href="http://adresse complète" target="_blank"><img src="site/file/source/répertoire/image.jpg" title="Bulle-titre"></a><div class="swiper-text">Titre</div></div> NB : La balise de la première image commence obligatoirement par <div class="swiper-slide swiper-slide-active">. Désinstallation de "Swiper" Copiez le contenu du dossier "swiper_restaure" (le dossier "site" et le fichier "index.php") à la racine du répertoire d'installation de votre site, acceptez le remplacement du fichier "index.php" et rafraîchissez la page. 2. Installation de "Banner" Procédez de la même façon avec le plugin "banner_install". La position du slider est fonction de celle du menu : avant ou après la bannière, dans le site ou dans le fond du site. Il faut donc cliquer sur la zone du menu dans la page de personnalisation du thème pour procéder à ces ajustements. Le paramétrage du slider se fait de la même façon dans le fichier "core/vendor/swiper/swiperslides.inc.php", à ceci près que les balises des images deviennent : <img src="<?php echo helper::baseUrl(false); ?>"site/file/source/répertoire/image.jpg"> Pour la désinstallation, désinstallez toujours "Banner" en premier en utilisant le plugin "banner_restaure" ! NB : En cas d'erreur de manipulation, pas de panique ! Remplacez simplement le fichier "core/layout/main.php" par la version d'origine prise dans l'archive de ZwiiCMS. Testé sur une 8.312 Contributeur PeterRabbit Soumis 04/09/2018 Catégorie Modules  
  2. PeterRabbit

    [Module] Zwiiper, le retour

    @augras, je crois que tu connais mieux ce plugin que moi : quand je ne suis plus dans les choses, je les oublie très vite (mon boulot m'a fait une mémoire LIFO). Je viens de survoler mon mode d'emploi et je comprends maintenant pourquoi tu parles de "Banner" : ça me semblait clair à l'époque, mais au temps pour moi... C'est le même Swiper, c'est seulement la position qui change.
  3. PeterRabbit

    [Module] Zwiiper, le retour

    @augras "Banner" ? Mon plugin peut s'installer en bannière ou dans une page, même si j'ai largement eu le temps de l'oublier. Sur mon site d'essais, il est en bannière, c'est tout. J'ai bien traduit "Swiper", d'autant que je sais qu'il te plaît. Je réponds dans ton sens depuis le début et je suis en phase avec les barres latérales, Je réexplique. Remplace le contenu de "swiperslides.inc.php" par celui-ci, et essaie : tu pourras revenir en arrière. <div class="swiper-container swiper-container-horizontal" id="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide">Slide 3</div> <div class="swiper-slide">Slide 4</div> <div class="swiper-slide">Slide 5</div> <div class="swiper-slide">Slide 6</div> <div class="swiper-slide">Slide 7</div> <div class="swiper-slide">Slide 8</div> <div class="swiper-slide">Slide 9</div> <div class="swiper-slide">Slide 10</div> </div> Je l'ai essayé pour te faire une copie d'écran. Avec un peu de css, ça peut faire un joli bandeau défilant sans aucun besoin d'image. Et sans flèches de navigation. Il suffit de remplacer "Slide x" par le texte que tu veux avec éventuellement des <br> pour passer à la ligne. Ça je n'ai pas essayé, mais je compte sur toi maintenant. 😄
  4. PeterRabbit

    Version 9.0.0 à tester !

    @augras Ça fait un moment que je fais de la publicité pour les barres latérales. 😄 La seule vraie restriction, depuis que @cybertaf a remplacé l'éditeur de code de TinyMCE, c'est la largeur max (1/3 de la page). Je n'ai pas essayé, mais je pense que tu peux y mettre Swiper, puisque les barres latérales sont des pages (presque) comme les autres. Tiens-moi au courant.
  5. PeterRabbit

    [Module] Zwiiper, le retour

    Non non. Suis le lien ci-dessus et regarde le source comme je t'y encourageais. Copie les divs du <body> dans "swiperslides.inc.php". Pas besoin d'images pour faire défiler du texte.
  6. PeterRabbit

    [Module] Zwiiper, le retour

    Non, @augras, Swiper ne veut pas absolument une image : les démos du site le montrent, et le code source le confirme, pas besoin d'image du tout : Avec un peu de css ce serait mieux... 😶 Mais à l'époque, il y avait des demandes pour un slider. Ceci explique cela. 🙂
  7. PeterRabbit

    déplacement en bloc de Zwii

    @roger En effet, j'ai dit une connerie : pour moi, la non activation de la réécriture des URL a fini par s'associer à Free et à son impossibilité d'activer cette fonction que j'active systématiquement. Mais ça ne change rien (enfin, j'espère tout en craignant le pire) au conseil que j'ai donné.
  8. PeterRabbit

    déplacement en bloc de Zwii

    Je comprends, @jean17. Le .htaccess mini suffit pour une installation à la racine : il fait ce que les commentaires expliquent, ce qui empêche entre autres qu'on puisse explorer tes répertoires comme je l'ai fait pour les besoins de la copie d'écran ci-dessus. Par rapport à la manip que je t'ai expliquée pour avoir un .htaccess tout neuf, ça ne prend pas vraiment pas beaucoup de temps : comme je t'ai expliqué, il suffit de le remplacer par le modèle d'origine pour une installation à la racine. Pour ce qui est des chemins dans "data.json", ça ne prend pas beaucoup plus de temps avec la fonction "Remplacer" de ton éditeur (CRTL-H). Pour une installation à la racine d'un site préparé dans un sous-répertoire, voici ce qu'il faut faire : Éditer "data.json". Avec CTRL-H mettre le nom du répertoire d'origine dans la case "Rechercher" (avec le slash et l'antislash), comme ceci : /nom de ton répertoire\ Ne rien mettre dans la case "Remplacer par". Lancer le remplacement. Même si on peut revenir en arrière (CTRL-Z), travaille sur une copie pour ne pas tout perdre bêtement. 😉
  9. PeterRabbit

    déplacement en bloc de Zwii

    Non non : le contenu du ".htaccess" minimum suffit pour une installation à la racine de l'hébergement. Après, tu peux le mettre où tu veux, le renommer ou le supprimer, c'est pareil : ça n'empêchera pas ton site de fonctionner malgré un avertissement éventuel... mais tu n'auras plus de protection, et sans d'autres ".htaccess" dans les répertoire sensibles, tout serait aussi accessible que ça : Je t'ai expliqué ce que je ferais pour reprendre la main sur ton site. Mais, sauf à interpréter que tu me remerciais de t'avoir donné la solution à ton problème, je ne sais pas grand chose de la suite... 🙄
  10. PeterRabbit

    déplacement en bloc de Zwii

    Sans ".htaccess" ? Je crois que c'est moi qui ai du mal à comprendre : ce fichier assure la première protection de ton site. Fais une copie de "data.json" — renomme-le simplement "data.json0", par exemple. Remplace le fichier ".htaccess" par un modèle d'origine — il suffit de peu pour le corrompre — et refais l'installation. Une fois que ton nouveau site sera gaillard, fais la manip inverse pour le "data.json", et rectifie les liens le cas échéant.
  11. "Mon gosier de métal parle toutes les langues" — de Baudelaire à Google, il n'y a qu'un pas — mais je ne connaissais pas l'expression "qui claque sa mère"... 😕 PS : Tant qu'à passer le plumeau, change aussi les dates des pages exemples : il n'y a guère qu'RJ — et peut-être RG — qui y étaient en 2015 ! Juste l'année : laisse "février", mais ajoute "août" pour les histoires d'accents.
  12. PeterRabbit

    déplacement en bloc de Zwii

    Tu as essayé de vérifier ton fichier .json ("site/data/data.json" pour une 8 ou "site/data/core.json pour une 9) ? Je te renvoie à nouveau aux tutos que nous avons créés avec @Xav7800. Regarde le dernier (la petite voiture jaune avec le capot ouvert). Mais je "suis ton ticket" 😄 N'hésite pas.
  13. PeterRabbit

    Version 9.0.0 à tester !

    Sauf que ce n'est pas ça. Mais si tu sais quelque chose sur le mystère que j'ai signalé ci-dessus, je suis preneur. Je pense d'ailleurs que @roger devrait avoir le même problème que moi, étant chez Ionos et @cybertaf aussi, sur ses sites Obambu. Pour l'instant je ne peux pas envoyer d'autres détails sur ma configuration : Obambu est aux abonnés absents depuis une heure. C'est la première fois qu'ils font le coup.
  14. @cybertaf Warum nicht ? Mais est-il nécessaire de violenter maman pour autant ? 😶
  15. PeterRabbit

    Version 9.0.0 à tester !

    Si... que tu as des cheveux ! 😃
  16. PeterRabbit

    déplacement en bloc de Zwii

    Bonjour @jean17. As-tu modifié l'URL de base dans le fichier ".htaccess" à la racine de ton installation ? # Cache le PHPSESSID de l'url SetEnv SESSION_USE_TRANS_SID 0 # Bloque l'accès à la liste des fichiers Options -Indexes # Attention, surtout ne rien modifier ci-dessous ! # URL rewriting <ifModule mod_rewrite.c> RewriteEngine on RewriteBase /nouveau répertoire/ RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php?$1 [L] </ifModule> Ce qu'explique @Xav7800 dans son excellent tuto sur la mise en ligne d'un site depuis une installation locale s'applique aussi à ton cas de figure. PS : Je ne vois pas bien comment le premier site pouvait fonctionner dans un sous-répertoire sans réécriture des URL...
  17. PeterRabbit

    Version 9.0.0 à tester !

    PHP 7.2.13 et imap activé à l'origine. J'ai passé ensuite en PHP 7.0, imap était déjà activé. J'ai fait les mêmes essais avec la dev17 chez trois hébergeurs (Obambu, PingFiles et Ionos), résultat : les mails à l'installation et à l'ajout de nouveau utilisateurs fonctionnent partout. Le même message d'erreur à l'installation chez Obambu et PingFiles, rien chez Ionos : Warning: array_key_exists() expects parameter 2 to be array, null given in /home/thgping1/public_html/9.beta17/core/core.php on line 1824 Warning: in_array() expects parameter 2 to be array, null given in /home/thgping1/public_html/9.beta17/core/core.php on line 1824 En revanche, seul PingFiles assure l'envoi des formulaires (Contact ou formulaire envoyé à un groupe) et ils sont bien en bcc. Je ne peux malheureusement pas mieux dire. PS : J'ai bien sûr vérifié que les messages n'ont pas été spammés par Free et La Poste.
  18. PeterRabbit

    Version 9.0.0 à tester !

    Possible, je ne suis pas compétent sur le fond, mais ça marchait. Je verrai demain. Là, je ne suis plus.
  19. PeterRabbit

    Version 9.0.0 à tester !

    Tu as le même que moi, c'est toi qui me l'as conseillé, et je n'en pense que du bien. 😶 J'ai seulement dit que les envois d'un formulaire ne marchent pas (voir plus haut), le reste est OK.
  20. PeterRabbit

    Version 9.0.0 à tester !

    Oui sans doute. Mais avec ça, ça marche : public function sendMail($to, $bcc, $subject, $content) Je referai les tests demain parce que ça m'ennuie d'affirmer comme ça. Je ne suis pas du soir. 😶
  21. ATELIER #3 La solution du problème... Pour @Thispy et ceux qui ont suivi dans l'ombre, il reste en effet un problème : comment éviter que la même ligne soit reproduite à chaque connexion, vu que le fichier "index.php" qui est en ligne contient votre script ? Et même dans le cas où le script ne trouverait rien à remplacer vu qu'il l'aurait déjà fait, ça fait désordre de laisser l'échafaudage quand on a fini de repeindre la maison... Bien sûr, on pourrait remplacer manuellement "index.php" par la version d'origine. Oui, mais bof... Non, nous allons demander à PHP de faire l'opération pour nous, en sous-main, au lancement de Zwii. Et pour ça, il faut réactiver ce que je vous ai montré dans le premier atelier : reproduire l'arborescence de Zwii. Mise en pratique Sur votre bureau, créez un nouveau répertoire que vous nommerez "Mon second plugin", par exemple. Placez-y votre fichier "index.php" modifié. Si vous n'avez pas fait vos devoirs – shame on you ! – placez-y celui-ci : index.php Dans ce répertoire, créez un dossier "site" à l'intérieur duquel vous créerez un dossier "tmp". Le dossier "tmp", comme son nom l'indique, est destiné à accueillir temporairement des fichiers. Placez à l'intérieur une copie du fichier "index.php" de la version de Zwii que vous avez téléchargée – la 8.45 ou une version plus récente, peu importe. Pour vous y reconnaître, renommez-le "index_distrib.php". Éditez votre "index.php" modifié et ajoutez cette ligne de code à la ligne 29 (c'est bien de sauter des lignes pour aérer le code) : rename("site/tmp/index_distrib.php", "index.php"); Elle va tout à la fois déplacer et renommer le fichier "index_distrib.php", ce qui remplacera l'index.php modifié par sa version d'origine. Vous me suivez ? Non ? La syntaxe est pourtant simple : renomme ("Fichier à déplacer avec son chemin", "Nouveau nom et nouveau chemin du fichier"); On vérifie ? Copiez le fichier "index.php" modifié et le dossier "site" à la racine de votre site. Acceptez le remplacement du fichier "index.php". Rafraîchissez votre page. C'est fait ! Si vous ne me croyez pas, éditez le fichier "index.php" de votre site et ouvrez le dossier "site/tmp". Il faut parfois actualiser l'affichage de Filezilla (F5), mais il est vide... Voilà, vous savez tout – en tout cas suffisamment pour pouvoir confectionner un "plugin" pour proposer une petite modification qui vous tiendrait à cœur... ou aller plus loin, pour intégrer un script que vous avez trouvé sur le net, par exemple. Ce pourrait être le sujet d'un atelier #4 si vous le souhaitez. Exercice : En utilisant le même principe, confectionnez le "plugin" qui désinstalle proprement la police "Display que vous venez d'installer avec le fichier index.php que je vous ai fourni et faites-le moi parvenir en MP. Ce n'est pas aussi compliqué que vous le pensez. Je récapitule : un "index.php" contenant un script qui utilise ce que nous avons vu dans les deux derniers ateliers – comme @Thispy veut pouvoir réfléchir, je n'en dirai pas davantage. un répertoire "site/tmp" contenant un "index.php" d'origine renommé "index_distrib" pour l'occasion... ... et le tour est joué.
  22. PeterRabbit

    Atelier "plugins" #3

    @roger Je me suis mal exprimé. Le concept, c'est cet atelier qui ne motive personne pour des questions de temps. Mais bon, si ça a pu te conforter dans tes compétences...
  23. PeterRabbit

    Atelier "plugins" #3

    @roger Thanks pour quoi ?
  24. PeterRabbit

    Version 9.0.0 à tester !

    @augras @roger Je vous laisse. Vous me semblez être les right persons pour ces tests. 🙂
  25. PeterRabbit

    Version 9.0.0 à tester !

    @augras Ici : le cadeau.
×