CroqueWeb

Membres
  • Compteur de contenus

    730
  • Inscription

  • Dernière visite

Tout ce qui a été posté par CroqueWeb

  1. Editeur TinyMCE plus complet que celui installé d’origine Voir le fichier Editeur TinyMCE plus complet que celui installé d’origine Nombreux plugins ajoutés* Modification de l’interface *Le plugin CodeSample nécessite la modification d’un des fichiers coeur de ZwiiCMS, voir ce plugin proposé séparément pour une installation complète de celui-ci : Utilisation : Connectez-vous en FTP à votre espace Internet Remplacez le dossier /core/vendor/tinymce par celui contenu dans l’archive Contributeur CroqueWeb Soumis 23/04/2018 Catégorie Modules  
  2. Plugin TinyMCE : codesample Voir le fichier Plugin TinyMCE : codesample Pour afficher du code avec la coloration syntaxique dans vos pages Comment l'installer dans le cms ? - envoyer par FTP le dossier core à la racine de votre ZwiiCMS - accepter de fusionner les dossiers et de remplacer les fichiers c'est tout Contributeur CroqueWeb Soumis 13/03/2018 Catégorie Modules  
  3. [Module] Plugin TinyMCE : codesample

    Bien sur que non, vu la quantité disponible ! J'ai choisi d'intégrer ceux me paraissant les plus utiles pour un développeur web, à savoir : "HTML/XML", "JavaScript", "CSS", "PHP", "Json", "C", "Apache", "Markdown" Mais il est possible d'y ajouter ceux qui te manquent, télécharge le fichier JavaScript te convenant sur site officiel de prism, puis place le en remplacement de celui contenu dans /core/vendor/tinymce/plugins/codesample Répercute ensuite les changements dans /core/vendor/tinymce/init.js "codesample_languages"
  4. Galerie de fichiers mp3

    J'arrive un peu après la bataille, mais ce plugin lit le contenu d'un dossier et certains fichiers sont affichés dans la page, tels que : mp3, mp4, m4v, gif, jpg, png, txt, et ont en plus un lien de téléchargement. Les autre types de fichiers sont accessibles via un lien de téléchargement seul. Essaye-le, et si ça correspond à ce que tu cherches, il sera très facile de l'adapter
  5. Galerie de fichiers mp3

    C'est sur ce principe que fonctionne ce plugin :
  6. Récupération des infos des balises title et description

    Oui, il faut toujours en garder pour le lendemain A demain PS : voici les fichiers à remplacer (dernière Zwii 8314f) : implementation-opengraph.7z
  7. Récupération des infos des balises title et description

    Ajout dans les fichiers .php de core/layout : <?php $layout = new layout($this); ?> <!DOCTYPE html> <html xmlns:og="http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <?php $layout->showMetaTitle(); ?> <?php $layout->showMetaDescription(); ?> <?php $layout->showOGmeta(); ?> <?php $layout->showFavicon(); ?> <?php $layout->showVendor(); ?>
  8. Récupération des infos des balises title et description

    Ben tiens, justement vu que tu passes dans le coin, que penses-tu de cette avancée, en l'état des débats ?
  9. Récupération des infos des balises title et description

    Méthode incluant le nom du site : /** * Affiche les meta balises pour l'open graph */ public function showOGmeta() { echo '<meta property="og:title" content="' . $this->core->output['metaTitle'] . '">'; echo '<meta property="og:description" content="' . $this->core->output['metaDescription'] . '">'; echo '<meta property="Og:site_name" content="'. $this->getData(['config', 'title']) . '">'; echo '<meta property="og:type" content="website">'; }
  10. Récupération des infos des balises title et description

    Extrait de la dernière 8.3.14 : /** * Affiche le meta titre */ public function showMetaTitle() { echo '<title>' . $this->core->output['metaTitle'] . '</title>'; echo '<meta property="og:title" content="' . $this->core->output['metaTitle'] . '" />'; } /** * Affiche la meta description */ public function showMetaDescription() { echo '<meta name="description" content="' . $this->core->output['metaDescription'] . '" />'; echo '<meta property="og:description" content="' . $this->core->output['metaDescription'] . '" />'; } /** * Affiche le type */ public function showMetaType() { echo '<meta property="og:type" content="website" />'; } Je pense que ce n'est pas la bonne méthode, je te rappelle qu'il manque encore d'autres balises, comment feras-tu ? Tu ajoutes une 2ème méthode, puis une 3ème pour Og:site_name ? (par ex.) A mon sens le mieux est de regrouper ces meta balises dans une seule méthode, comme ceci : /** * Affiche le meta titre */ public function showMetaTitle() { echo '<title>' . $this->core->output['metaTitle'] . '</title>'; } /** * Affiche la meta description */ public function showMetaDescription() { echo '<meta name="description" content="' . $this->core->output['metaDescription'] . '">'; } /** * Affiche les meta balises pour l'open graph */ public function showOGmeta() { echo '<meta property="og:title" content="' . $this->core->output['metaTitle'] . '">'; echo '<meta property="og:description" content="' . $this->core->output['metaDescription'] . '">'; echo '<meta property="og:type" content="website">'; } Méthode à laquelle il faudra ajouter l'image et éventuellement le nom du site. Puis renseigner les fichiers correspondants dans layout avec : <?php $layout->showOGmeta(); ?> Ce sera plus clair, ça permettra à qui le veut d'ajouter manuellement d'autres balises OG sans trop se perdre dans le code source entre <head> et </head> tout en libérant les balises html obligatoires, et ça laissera la possibilité de choisir de mettre son site en relation avec Facebook, ou pas. C'est plus qu'une option, c'est une liberté.
  11. Récupération des infos des balises title et description

    En complément : Les principales balises OpenGraph Les balises obligatoires: Og:titre C’est le titre de votre page pour l’Open Graph. Il n’y a pas de recommandations spécifiques si ce n’est que vous ne devez pas dépasser les 65 caractères si vous ne voulez pas que votre titre soit tronqué. Cela marche de la même façon pour la balise méta du titre et si Facebook ne trouve pas le og:titre, il utilisera seulement la balise titre. Souvenez vous que celui-ci doit être attirant afin d’optimiser votre taux de clic. exemple: <meta properiété=”og:titre” contenu=”Votre titre attirant ici” /> Og:type Cette balise spécifie le type de votre page (site web, article, video, musique) et décrit le sujet principal de votre page. La liste des possibilités est très longue donc vous pouvez la consulter ici. exemple : <meta properiété=”og:type” contenu=”siteweb” /> Og:image C’est l’URL de votre image qui sera affichée dans l’OpenGraph. C’est très utile puisque vous pouvez choisir quelle miniature afficher et éviter ainsi les visuels qui ne sont pas en rapport. De plus, cela aide à augmenter votre taux de conversion. En effet, le marketing d’image est quelque chose que vous devez prendre en considération puisqu’une bonne image vaut 1,000 mots. Habituellement, une bonne résolution pour une og image est de 1200 pixels x 627 pixels pour une taille de 5MB. Si vous installez le plugin adapté dans votre CMS, la bonne image sera automatiquement affichée. exemple : <proprieté meta=”og:image” contenu=”http://www.votresiteweb.com/image-nom.jpg”/> Og:url C’est l’URL canonique de votre page. La plupart du temps, c’est seulement l’URL affichée sur votre page mais cela peut être utile si plusieurs URLs dynamiques renvoient à la même page. exemple : <propriété meta=”og:url” contenu=”http://www.votresitewebcom” /> Les balises non obligatoires : Og:description C’est le snippet de votre page qui devrait contenir entre 150 et 200 caractères (Facebook peut en afficher jusqu’à 300) et décrire le contenu de votre page. Cela marche de la même manière que pour la balise description meta mais cela n’affectera pas votre SEO, donc ne perdez pas de temps à optimiser vos mots-clés et essayez d’écrire quelque chose de convaincant. example : <propriete meta=”og:description” contenu=”Votre super description qui décrit parfaitement ce dont vous allez parler.” /> Og:video Si vous avez une vidéo sur votre page, c’est ici que vous devriez placer son URL. Og:local Cela indique la langue de votre page Og:site_name C’est le nom de votre site Fb:app_id Relier votre objet à une application Facebook (par exemple les commentaires Facebook). Pour vous aider, Facebook a développé un outil appelé Open Graph Object Debugger qui possède deux fonctionnalités: Il dresse un résumé précis des erreurs possibles ou vous pouvez tout simplement vérifier à quoi ressemblent vos partages Il enlève le cache de Facebook. C’est très utile si vous apercevez une faute dans votre miniature d’image par exemple. Même si vous l’avez changé dans vos balises og, elle restera pareil à cause du cache. Cet outil va rafraîchir le cache après tout ajustements réalisés. Gardez cela en tête! (https://fr.oncrawl.com/referencement/tout-ce-que-vous-devez-savoir-sur-lopen-graph/)
  12. Récupération des infos des balises title et description

    Je pense que l'ajout de l'Open Graph Protocol devrait faire l'objet d'un plugin, plutôt que d'une implémentation définitive dans Zwii, et ainsi laisser le choix à l'utilisateur de ZwiiCMS d'utiliser, ou pas, les réseaux sociaux.
  13. Récupération des infos des balises title et description

    Il me semble plus pertinent d'ajouter une méthode, tel que je l"ai proposé, pour la clarté du code source d'une part, et pour éventuellement pouvoir supprimer cette obligation de se conformer aux réseaux sociaux en général, et à Facebook en particulier. De plus il manque les balises propriétaires de Twitter, et si encore un autre réseau social nous impose ses balises il nous faudra également les ajouter ? N'est pas suffisant la balise d'ouverture <html> doit également être modifiée comme suit : <html xmlns:og="http://ogp.me/ns#"> Et il y avait 3 CSS à modifier : blank ; light et main Problème résolu... Ce n'est toujours pas suffisant, en plus des balises Twitter, il manque la balise og image et la balise og type Voici un exemple précis d'insertion de données Open Graph: <html xmlns:og="http://ogp.me/ns#"> <head> <title>Article sur l'Open Graph</title> <meta property="og:title" content="Article sur l'Open Graph par Yakaferci" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.yakaferci.com/open-graph/" /> <meta property="og:image" content="http://www.yakaferci.com/images/yakaferci_small.jpg" /> ... </head> ... </html> (https://www.yakaferci.com/open-graph/)
  14. [Résolu] Bug ou pas V 8.3.13

    Ah tiens oui, c'est vrai, je ne l'avais pas remarqué, il s'agit bien d'un défaut, on va corriger ça avec @cybertaf
  15. Récupération des infos des balises title et description

    Il y a une balise mal renseignée sur ton site : <link rel="prefetch" href="https://www.lafermedupaquisfleury.fr"> Le pré-chargement ne peut se faire que sur un fichier précis, tq une page, une feuille de style, une image ou un fichier JavaScript, cette mise en cache ne peut pas fonctionner avec une adresse globale de répertoire, ici la racine de ton site
  16. Récupération des infos des balises title et description

    Je vois que tu as ajouté une série de balises pour Twitter, je suppose sur le même principe : <meta property="og:title" content="Les nouvelles de la ferme - La ferme Du-Pâquis Fleury"><meta property="og:description" content="Exploitation maraîchère bio de légumes, aromates et fruits dans les respects de la nature et des animaux."><meta property="og:type" content="website" > <meta property="og:site_name" content="La ferme Du-Pâquis Fleury" > <meta name="twitter:title" content="Les nouvelles de la ferme - La ferme Du-Pâquis Fleury"><meta name="twitter:description" content="Exploitation maraîchère bio de légumes, aromates et fruits dans les respects de la nature et des animaux."> ça présente tout de même l'inconvénient d'alourdir le code des pages, donc leurs poids. Les rézosocios pourraient aussi bien utiliser les informations contenues dans les balises html disponibles, c'est un avis personnel, mais je trouve cette obligation d'ajout de balises propriétaires, bien que dites "open", abusive.
  17. Récupération des infos des balises title et description

    Merci, ça fait toujours plaisir un mot gentil
  18. Récupération des infos des balises title et description

    C'est un peu ce que je viens de faire, j'ai simplement ajouté une méthode, plutôt qu'ajouter les balises dans les méthodes existantes
  19. Récupération des infos des balises title et description

    Ceci peut être utilisé par @Marie-Anne bien sur, mais aussi par ceux qui trouvent une utilité à Facebook et consorts
  20. Récupération des infos des balises title et description

    Bonsoir Je n'avais pas saisi qu'il faut que ce soit le titre et la description de chacune des pages qui doit apparaître dans ces balises Mon exemple ne permet d'afficher que le titre et la description commune à tout le site Pour afficher ces renseignements automatiquement pour chaque page, voici comment procéder : Edite core/core.php, et place les lignes de code ci-desous à la ligne 1963 // Affiche les meta titre & description pour l'open graph public function showOGmeta() { echo '<meta property="og:title" content="' . $this->core->output['metaTitle'] . '">'; echo '<meta property="og:description" content="' . $this->core->output['metaDescription'] . '">'; } Edite ensuite core/layout/main.php et ajoute ceci ligne 11 <?php $layout->showOGmeta(); ?> Tu auras alors les meta balises og renseignées avec le meta titre et la meta description de chacune de tes pages
  21. Récupération des infos des balises title et description

    Bonjour @Marie-Anne Et bienvenue chez ZwiiCMS Pour renseigner ces balises de manière automatique, édite comme tu l'as déjà fait le fichier core/layout/main.php et ajoute ceci : <meta property="og:title" content="<?php echo $this->getData(['config', 'title']); ?>"> <meta property="og:description" content="<?php echo $this->getData(['config', 'metaDescription']); ?>"> à partir de la ligne 11
  22. [Modification et astuce] Ckeditor Easy

    C'est ballot ! @creatifmen semblait apprécier CE défaut...
  23. Mon site

    Bonjour @Thierry Et bienvenue sur ce forum Tu utilises une version 8.3.12 de Zwii que tu as probablement téléchargé avant le 1er octobre, cette version était faussement estampillée 8.3.13, cette erreur a été corrigée et tu peux mettre à jour ton site en envoyant sur ton espace web les dossiers core et module contenus dans l’archive : https://zwiicms.com/public/archive/ZwiiCMS-8313.zip Par ailleurs, je me permets quelques remarques, que je souhaite constructives : Le contenu de ton site provient en partie d'un copié-collé, probablement depuis un autre de tes sites, et s'en trouve alourdi par des balises redondantes et complètement inutiles, telles que : <p style="margin-bottom: 0cm; line-height: 100%;"> Un code java-script est utilisé pour le "lazy-load", celui-ci est obsolète : <table style="height: 107px; width: 42.974%; border-collapse: collapse; border-style: hidden; margin-left: auto; margin-right: auto;" border="1"> <tbody> <tr style="height: 107px;"> <td style="width: 100%; height: 107px;"><script data-pagespeed-no-defer>//<![CDATA[ (function(){var g=this;function h(b,d){var a=b.split("."),c=g;a[0]in c||!c.execScript||c.execScript("var "+a[0]);for(var e;a.length&&(e=a.shift());)a.length||void 0===d?c[e]?c=c[e]:c=c[e]={}:c[e]=d};function l(b){var d=b.length;if(0<d){for(var a=Array(d),c=0;c<d;c++)a[c]=b[c];return a}return[]};function m(b){var d=window;if(d.addEventListener)d.addEventListener("load",b,!1);else if(d.attachEvent)d.attachEvent("onload",b);else{var a=d.onload;d.onload=function(){b.call(this);a&&a.call(this)}}};var n;function p(b,d,a,c,e){this.h=b;this.j=d;this.l=a;this.f=e;this.g={height:window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,width:window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth};this.i=c;this.b={};this.a=[];this.c={}}function q(b,d){var a,c,e=d.getAttribute("data-pagespeed-url-hash");if(a=e&&!(e in b.c))if(0>=d.offsetWidth&&0>=d.offsetHeight)a=!1;else{c=d.getBoundingClientRect();var f=document.body;a=c.top+("pageYOffset"in window?window.pageYOffset:(document.documentElement||f.parentNode||f).scrollTop);c=c.left+("pageXOffset"in window?window.pageXOffset:(document.documentElement||f.parentNode||f).scrollLeft);f=a.toString()+","+c;b.b.hasOwnProperty(f)?a=!1:(b.b[f]=!0,a=a<=b.g.height&&c<=b.g.width)}a&&(b.a.push(e),b.c[e]=!0)}p.prototype.checkImageForCriticality=function(b){b.getBoundingClientRect&&q(this,b)};h("pagespeed.CriticalImages.checkImageForCriticality",function(b){n.checkImageForCriticality(b)});h("pagespeed.CriticalImages.checkCriticalImages",function(){r(n)});function r(b){b.b={};for(var d=["IMG","INPUT"],a=[],c=0;c<d.length;++c)a=a.concat(l(document.getElementsByTagName(d[c])));if(0!=a.length&&a[0].getBoundingClientRect){for(c=0;d=a[c];++c)q(b,d);a="oh="+b.l;b.f&&(a+="&n="+b.f);if(d=0!=b.a.length)for(a+="&ci="+encodeURIComponent(b.a[0]),c=1;c<b.a.length;++c){var e=","+encodeURIComponent(b.a[c]);131072>=a.length+e.length&&(a+=e)}b.i&&(e="&rd="+encodeURIComponent(JSON.stringify(t())),131072>=a.length+e.length&&(a+=e),d=!0);u=a;if(d){c=b.h;b=b.j;var f;if(window.XMLHttpRequest)f=new XMLHttpRequest;else if(window.ActiveXObject)try{f=new ActiveXObject("Msxml2.XMLHTTP")}catch(k){try{f=new ActiveXObject("Microsoft.XMLHTTP")}catch(v){}}f&&(f.open("POST",c+(-1==c.indexOf("?")?"?":"&")+"url="+encodeURIComponent(b)),f.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),f.send(a))}}}function t(){var b={},d=document.getElementsByTagName("IMG");if(0==d.length)return{};var a=d[0];if(!("naturalWidth"in a&&"naturalHeight"in a))return{};for(var c=0;a=d[c];++c){var e=a.getAttribute("data-pagespeed-url-hash");e&&(!(e in b)&&0<a.width&&0<a.height&&0<a.naturalWidth&&0<a.naturalHeight||e in b&&a.width>=b[e].o&&a.height>=b[e].m)&&(b[e]={rw:a.width,rh:a.height,ow:a.naturalWidth,oh:a.naturalHeight})}return b}var u="";h("pagespeed.CriticalImages.getBeaconData",function(){return u});h("pagespeed.CriticalImages.Run",function(b,d,a,c,e,f){var k=new p(b,d,a,e,f);n=k;c&&m(function(){window.setTimeout(function(){r(k)},0)})});})();pagespeed.CriticalImages.Run('/mod_pagespeed_beacon','https://root-54.zd.fr/accueil','7ezE1Vpqzb',true,false,'ISg5q5xVSmI'); //]]></script><img src="/site/file/source/logo_debian.png" alt="Logo debian" width="100" height="100" data-pagespeed-url-hash="3395706025" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"/> <img src="/site/file/source/logo_mysql.png" alt="logo mysql" width="100" height="100" data-pagespeed-url-hash="3187636636" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"/> <img src="/site/file/source/logo_vbnet.png" alt="logo vb.net" width="100" height="100" data-pagespeed-url-hash="540264751" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"/> <img src="/site/file/source/logo_pi.png" alt="logo pi" width="85" height="100" data-pagespeed-url-hash="3706246361" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"/></td> </tr> </tbody> </table> PageSpeed est fermé depuis le 3 aout 2015 : https://developers.google.com/speed/pagespeed/service/Deprecation L'optimisation de PageSpeed n'est donc plus appliquée à ton site, mais le code source est encore présent, ce qui alourdi tes pages pour rien, de plus un "lazy-load" pour les 4 petites images en bas de ta page d'accueil n'est pas justifié. Une dernière remarque, le lien vers ton forum s'ouvre dans la même fenêtre, ce qui a pour effet de te faire perdre les visiteurs de ton site.
  24. Module calendrier

    Salut @Iron 2 ans plus tard, c'est ce qu'on appelle un déterrage de post ! Un grand ménage a été fait dans les modules proposés en téléchargement, ceux non fonctionnels ou non compatibles avec les dernières versions de Zwii ont été mis à l'écart pendant un moment, laissant ainsi le temps à leurs développeurs de les mettre à jour, puis définitivement supprimés. Concernant les très bonnes contributions de @saywhat49, il les a toutes lui même retirées et il n'est plus réapparu sur ce forum depuis 2016...
  25. ZwiiCMS : versions de test à découvrir

    Il semble que le problème vient du fichier .htaccess comme je le supposais, et que Win10 est venu le tripatouiller... Un fichier de configuration Apache doit être écrit sous Linux pour éviter les problèmes de lecture