Modifications et astuces

10 fichiers

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

    38 téléchargements

       (1 avis)

    Mis à jour

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

     

    8 téléchargements

       (1 avis)

    Mis à jour

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

    13 téléchargements

       (1 avis)

    Mis à jour

  4. Ckeditor

    Envie d'essayer un autre éditeur que TinyMCE ? Ckeditor ne manque pas d'atouts et l'essai est sans risque.
     

     
    Ce plugin, établi sur la base de la version 8.29 de Zwii et testé sur une bêta de la 8.30, intègre la version 4.9.2 de CKEditor, nettement plus intéressante que la précédente.
    De plus, il a été entièrement réécrit pour respecter votre installation. Plus de fichiers remplacés, juste quelques écritures ponctuelles dans les huit fichiers concernés :
    "core/layout/main.php" "core/module/page/view/edit/edit.php" "module/blog/view/add/add.php" "module/blog/view/edit/edit.php" "module/blog/view/edit/edit.php" "module/news/view/add/add.php" "module/news/view/edit/edit.php" "core/vendor/filemanager/config/config.php" Si vous avez personnalisé ces fichiers, faites-en une copie de sécurité. A tout hasard...
     
    Installation
    Dézippez l'archive. Ouvrez le dossier "ckeditor_install". Téléversez le fichier "index.php" et le dossier "site" 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 fait.

    Configuration et personnalisation
    Dans un souci de légèreté et de facilité de configuration, on a préféré la distribution par réseau de diffusion de contenu — CDN (Content Delivery Network) en anglais.
    Si la distribution vous semble trop limitée, remplacez simplement "standard" par celle que vous souhaitez ("standard-all", "full" ou "full-all") dans la ligne 161 de "core/layout/main.php". Pour plus de précisions, consultez cette page.
    La distribution par CDN facilite aussi la mise à jour de CKEditor. Le cas échéant, il suffira d'actualiser la ligne 161 pour recevoir la toute dernière évolution de la version 4.
     
    Mais si, pour une raison ou pour une autre, cette solution ne vous convient pas, téléchargez CKEditor dans la distribution de votre choix et installez le dossier "ckeditor" contenu dans l'archive dans le répertoire "core/vendor".
    Remplacez ensuite la ligne 161 par celle-ci : 
    <script type="text/javascript" src="<?php echo helper::baseUrl(false); ?>core/vendor/ckeditor/ckeditor.js"></script>  
    A faire
    L'upload 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"... 

    55 téléchargements

       (1 avis)

    Mis à jour

  5. Fixe du bug d'affichage des vignettes dans "Responsive File Manager"

    Bug → les vignettes ne s’affichent pas au chargement du gestionnaire de fichier filemanager, il faut rafraîchir celui-ci pour qu’elles s’affichent (avec difficultés)
    Ce plugin corrige ce bug en intégrant le fichier "editor.js" dans Zwiicms.
    Ce bug est dû à une lenteur de réponse des serveurs de RFM, car, tel qu’initialement configuré, le fichier editor.js est appelé en ligne sur leurs serveurs depuis le gestionnaire de votre site, pour charger d’autres fichiers en ligne également sur leurs serveurs, ce qui est illogique et crée une boucle de connexion, ralentissant ainsi celle-ci.
    Mode d’emploi :
    Décompressez l’archive core.7z et envoyez le dossier core ainsi extrait à la racine de votre site, acceptez les fusions de dossiers et les remplacements de fichiers.

    28 téléchargements

       (3 avis)

    Mis à jour

  6. Page membre privée

    Page membre privée
     
    Installation
     
    .1 Remplacer à la ligne 99 de core/layout/main.php :  
    <section><?php $layout->showContent(); ?></section> Par :
    <section><?php include("membres.php"); $layout->showContent(); ?></section> .2 Placer dans le dossier core/layout/ le fichier : membres.php
    .3 Créer une page, la nommer 'Membres' avec ou sans majuscule*, et limiter son accès au groupe membre
     
    Fonctionnement :
    Ce script ajoute un espace privé sur une page commune au groupe requis pour y accéder, visible par le seul membre à qui il est dédié.
    Un dossier vide portant l'identifiant du membre est créé automatiquement dès que ce membre se connecte et affiche son espace privé.
    En tant que modérateur ou administrateur, placer dans ce dossier les fichiers confidentiels qui lui sont destinés, à l'aide du gestionnaire de fichiers.
    Pour y placer des fichiers avant que le membre se connecte, il faut préalablement lui créer son dossier avec pour nom son identifiant, dans le dossier 'source', depuis l'interface de gestion des fichiers.
    La gestion des fichiers dans les dossiers membres est supervisée par les groupes 'administrateur' et 'modérateur'.
    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.
    La sécurité de ce système est celle de la gestion des membres de Zwii.
     

     
    IMPORTANT :
    Il y a deux partie distinctes sur une page réservée à un groupe fonctionnant avec mon script :
    Une partie privée, consultable uniquement par le membre à qui elle est dédiée Une partie commune au groupe requis pour accéder à la page  
    Partie privée :
    La partie privée (haut de la page depuis "Page privée de .." jusqu'à "Fin de l'espace privé") n'est visible par aucune autre personne que celle à qui elle est destinée, sur l'exemple ci dessus, c'est Croqueweb.
    Cette fonction est fiable et sûre et peut donc être utilisée sur un site contenant des données confidentielles.
     
    Groupe requis pour accéder à la page :
    La partie du dessous est une page Zwii réservée au groupe membre telle qu'elle fonctionne dans ce CMS.
    Cette partie est visible par tous les membres et est éditable par les groupes administrateur et modérateur.
    Il est évident qu'un message à caractère privé ne doit pas être écrit dans la partie basse, qui est commune et destinée au groupe membre.
    Si vous ne souhaitez pas utiliser cette partie de page, éditez la et tapez un point. (on ne peut pas créer de page vide avec Zwiicms)
    ________________________________________________________________________________
    * Il est possible de nommer la page différemment, modifier alors la ligne 2 de membres.php en conséquence.
    Remplacer "membres" par "le-nom-de-la-page-tel-qu-il-apparait-dans-l-adresse"
     
    NB : ce script est conçu pour fonctionner avec le groupe membre, de part les prérogatives des groupes établies par Zwiicms, la confidentialité ne peut être assurée en utilisant ce script avec les groupes modérateur ou administrateur.
     
     

    28 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

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

    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.
     
    À propos de ce fichier
    Le formulaire de contact officiel fonctionne mal chez Free ou ne fonctionne pas du tout ...
    Aucun soucis , voici une alternative provenant justement de chez Free , un script qui permet d'envoyer des mail depuis votre site hébergé chez ce fournisseur d’accès web , script fonctionnel encore aujourd'hui .
    Ce script ( dérivé de celui que j'ai déjà proposé dans la section Téléchargement form2mail ). vous permet d'utiliser un formulaire de contact à l'origine conçu pour les pages persos hébergées chez  Free , abandonné par celui ci pour autre chose ; j'en ai modifié le formulaire visible par votre visiteur et y ai adjoins un css personnel pour le rendre bien plus agréable aux yeux , j'ajoute qu'il est aussi 100 responsif , donc s'adapte à tout les écrans quels qu'ils soient )
    En attendant il fonctionne à 100% avec les cms Zwii hébergé chez Free et peut être une alternative à tout ceux qui veulent fournir à leur visiteurs un formulaire de contact fiable .
    Ce formulaire ne contient pas de Captcha , donc c'est à prendre en considération tout de même .
    Vous trouverez à l'intérieur du fichier zip un dossier à envoyer sur votre espace FTP chez Free , il contient le m^me mode d'emploi que ci dessous et deux fichiers pour faire fonctionner le formulaire de contact dans votre site web .
    En espérant que ce script vous rendra les services attendus que ne fourni pas Free pour beaucoup de cms extérieurs à son écosystème .
    Vous pouvez bien entendu modifier le css facilement Pour le personnaliser à vos couleur ;
    je conseille aussi d'utiliser ce script dans une ouverture extérieure à votre site web , une fois le message posté par votre visiteur il sera automatiquement redirigé sur votre site.
     
    * Sources des fichiers modifiés :
    Aucuns j'ai crée les fichiers par moi m^me en suivant les tuto des pages perso Free : http://les.pages.perso.chez.free.fr/utiliser-correctement-les-formulaires-d-envoi-sur-les-pp-de-free.io
    Ensuite, juste un moteur de recherche et un custom des phrases par moi m^me pour faire plus joli dans le fichier html...
     
     
    * Posez vos questions ou découvrez des astuces pour ce plugin dans  le forum qui lui est consacré pour son support .
     
     
    MailerResponsiveModerne.zip

    8 téléchargements

       (0 avis)

    Mis à jour

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