Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Dernière révision Les deux révisions suivantes | ||
webdev:plugins [30/11/2017 17:01] dolo [Plugin vulnerabilities] |
webdev:plugins [06/09/2018 17:07] dolo [Piwik] |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | ====== Plugins, avis ====== | ||
+ | ====== Plugins javascript ====== | ||
+ | ==== nanoGALLERY ==== | ||
+ | Galerie intéressante. | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | ==== Featherlight ==== | ||
+ | Lightbox ultra légère, qui marche bien sur mobile. Plugin JQuery. | ||
+ | |||
+ | Modifier les paramètres par défaut directement dans featherlight.js | ||
+ | |||
+ | Icône des chargement (3 kO) : {{: | ||
+ | |||
+ | |||
+ | Hack des styles par défaut (style noir) : | ||
+ | < | ||
+ | .featherlight .featherlight-content { | ||
+ | background-color: | ||
+ | border-bottom: | ||
+ | padding: | ||
+ | max-width: | ||
+ | max-height: | ||
+ | min-width: | ||
+ | overflow: | ||
+ | } | ||
+ | |||
+ | .featherlight .featherlight-close-icon { | ||
+ | color: | ||
+ | background-color: | ||
+ | } | ||
+ | |||
+ | .featherlight-next: | ||
+ | background-color: | ||
+ | top: 10px; | ||
+ | } | ||
+ | .featherlight-next {right: 10px;} | ||
+ | .featherlight-previous {left: 10px;} | ||
+ | |||
+ | .featherlight-next span, .featherlight-previous span { | ||
+ | color: | ||
+ | text-shadow: | ||
+ | }</ | ||
+ | |||
+ | Peut être nécessaire : | ||
+ | < | ||
+ | .featherlight { | ||
+ | box-sizing: | ||
+ | padding: 1%; | ||
+ | |||
+ | * { | ||
+ | box-sizing: | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .gallery-item: | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Bonne syntaxe de la gallerie en js : | ||
+ | < | ||
+ | $(document).ready(function(e) { | ||
+ | // Featherlight for Wordpress gallery | ||
+ | $(' | ||
+ | { | ||
+ | gallery: { | ||
+ | previousIcon: | ||
+ | nextIcon: | ||
+ | galleryFadeIn: | ||
+ | galleryFadeOut: | ||
+ | }, | ||
+ | namespace: | ||
+ | targetAttr: | ||
+ | variant: | ||
+ | resetCss: | ||
+ | background: | ||
+ | openTrigger: | ||
+ | closeTrigger: | ||
+ | filter: | ||
+ | root: | ||
+ | openSpeed: | ||
+ | closeSpeed: | ||
+ | closeOnClick: | ||
+ | closeOnEsc: | ||
+ | closeIcon: | ||
+ | loading: | ||
+ | persist: | ||
+ | otherClose: | ||
+ | beforeOpen: | ||
+ | beforeContent: | ||
+ | beforeClose: | ||
+ | afterOpen: | ||
+ | afterContent: | ||
+ | afterClose: | ||
+ | onKeyUp: | ||
+ | onResize: | ||
+ | // type: ' | ||
+ | contentFilters: | ||
+ | // jquery/ | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | </ | ||
+ | </ | ||
+ | [[http:// | ||
+ | |||
+ | ==== iScroll ==== | ||
+ | Plugin qui récréé le scroll pour corriger les problèmes mobiles. Sur iPad : bloque purement et simplement le scroll, naze. Peut être à approfondir mais il me parait mal foutu... | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | ==== PDF.js ==== | ||
+ | Permet d' | ||
+ | [[http:// | ||
+ | |||
+ | ==== Slick ==== | ||
+ | Carousel, jQuery. Fonctionne mais avec un nombre insupportable de bugs, le meilleur atout de ce plugin est la charte graphique de son site. Malgré ça on peut lui faire faire ce qu'on veut, à condition de passer des heures à le débugger... Open source. [[http:// | ||
+ | |||
+ | ==== Cloud 9 carousel ==== | ||
+ | Carousel 3d, jQuery. Open source. Marche plutôt bien, pas de fonction responsive de base mais on peut le hacker, voir plus bas. [[https:// | ||
+ | |||
+ | Hack responsive : | ||
+ | < | ||
+ | function change_size() | ||
+ | { | ||
+ | jQuery('# | ||
+ | jQuery('# | ||
+ | jQuery('# | ||
+ | jQuery('# | ||
+ | jQuery('# | ||
+ | | ||
+ | for(var i = 0, MAX = jQuery('# | ||
+ | { | ||
+ | jQuery('# | ||
+ | } | ||
+ | jQuery('# | ||
+ | } | ||
+ | |||
+ | jQuery(window).resize(function(e) | ||
+ | { | ||
+ | change_size(); | ||
+ | }); | ||
+ | </ | ||
+ | |||
+ | Pour lancer une fonction à la fin d'un animation, il faut utiliser la méthode onRendered et vérifier que floatIndex est un nombre entier : | ||
+ | < | ||
+ | onRendered: function( carousel ) | ||
+ | { | ||
+ | var n = jQuery('# | ||
+ | if( n === +n && n === (n|0) ) | ||
+ | { | ||
+ | // Fonction à exécuter | ||
+ | } | ||
+ | else if( jQuery('# | ||
+ | { | ||
+ | // On a atteint la dernière image et on est pas sur un floatIndex entier, donc on est tout près | ||
+ | jQuery('# | ||
+ | jQuery('# | ||
+ | jQuery('# | ||
+ | jQuery('# | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | ==== Flex ==== | ||
+ | Effet de grille qui s' | ||
+ | |||
+ | ==== TouchSwipe ==== | ||
+ | Plugin pour jQuery qui ajoute des événements swipe pour mobile, avec pas mal d' | ||
+ | |||
+ | < | ||
+ | jQuery(window).swipe( { swipeUp: move_down, swipeRight: move_left, swipeDown: move_up, swipeLeft: move_right }); | ||
+ | });</ | ||
+ | |||
+ | ---- | ||
+ | ====== Plugins Wordpress ====== | ||
+ | ==== Advanced Custom Fields ==== | ||
+ | Aucun problème, fonctionne correctement sans conflits. [[https:// | ||
+ | |||
+ | ==== CMB2 ==== | ||
+ | Plugin qui gère les champs personnalisés comme ACF, mais plus poussé et moins graphique. Il a des systèmes de boucles. Intéressant, | ||
+ | |||
+ | ==== Google XML Sitemaps ==== | ||
+ | Aucun soucis. Fait son boulot. [[https:// | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== WP Mobile Detect ==== | ||
+ | Non mis à jour, mais on peut remplacer le fichier par une version récente et ça fonctionne. | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== WP Statistics ==== | ||
+ | Propose des statistiques sur le Tableau de bord, esthétique, | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== WP Power Stats ==== | ||
+ | Juste installé, à voir. Erreur à l' | ||
+ | Ne semble enregistrer des stats que quand on s'y connecte en tant qu' | ||
+ | |||
+ | < | ||
+ | |||
+ | ==== SEO Stats Widget ==== | ||
+ | Non testé, potentiellement intéressant. | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Disable Google Fonts ==== | ||
+ | Permet de désactiver l' | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== MainWP Dashboard ==== | ||
+ | Système de gestion d' | ||
+ | [[https:// | ||
+ | |||
+ | ---- | ||
+ | ===== Formulaires de contact ===== | ||
+ | |||
+ | ==== Contact Form by BestWebSoft ==== | ||
+ | Formulaire de contact. Limité à un seul formulaire pour cette version. Pub pour leurs autres plugins. La personnalisation du formulaire via le backoffice est limitée à la version pro. Entreprise (BestWebSoft) avec des plugins payants douteux (captcha, htaccess, etc). Pas d' | ||
+ | |||
+ | ==== Very Simple Contact Form ==== | ||
+ | 1 erreur W3C. Protection anti-spam. Simple à éditer visuellement, | ||
+ | |||
+ | < | ||
+ | [contact email_to="" | ||
+ | </ | ||
+ | |||
+ | Ce plugin aussi charge son CSS sur toutes les pages, qu'il y ait un formulaire ou pas. | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Contact form 7 ==== | ||
+ | Plugin de formulaire de contact gratuit. Réputé. À tester. | ||
+ | |||
+ | > In its default settings, Contact Form 7 loads its JavaScript and CSS stylesheet on every page. [[http:// | ||
+ | |||
+ | Il semblerait que quand on ajoute le code suivant dans functions.php, | ||
+ | |||
+ | < | ||
+ | add_filter( ' | ||
+ | |||
+ | À confirmer, sinon il faut créer un modèle de page avec les fonctions de l' | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Ninja forms ==== | ||
+ | Formulaire de contact " | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ===== Éditeur de texte ===== | ||
+ | |||
+ | ==== tinyWYM Editor ==== | ||
+ | Plugin qui permet d' | ||
+ | |||
+ | ==== TinyMCE Advanced ==== | ||
+ | Ajoute des fonctionnalités à TinyMCE. Résoud le problème des <p> et des <br/> qui disparaissent et ajoute des options intéressantes pour l' | ||
+ | ---- | ||
+ | ===== Traduction ===== | ||
+ | [[http:// | ||
+ | ==== Sublanguage ==== | ||
+ | Plugin de traduction qui passe par des champs personnalisés. Très bon dans le concept, mais le plugin est jeune et très peu d' | ||
+ | Fonctionnement étrange, incompatible avec les ACF. N'a pas l'air de sauvegarder les champs...\\ | ||
+ | Il est quand même intéressant dans l' | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== qTranslate X ==== | ||
+ | Plugin de traduction basé sur des champs personnalisés. Possède un plugin qui permet de le synchroniser avec ACF.\\ | ||
+ | "If you test qTranslate-X for the first time and you are not sure if you will use it later, then do your testing on a test-copy of your site, since after a translated content is added, **site becomes unusable without qTranslate-X**." | ||
+ | **Douteux. En plus il n'a pas l'air compatible avec ACF même avec le plugin de synchro. Les champs ont l'air de ne pas être pris en compte. Autant l' | ||
+ | |||
+ | < | ||
+ | |||
+ | ==== WPGlobus ==== | ||
+ | Héritier de qTranslate X mais amélioré (apparemment). À tester pour voir ce que ça donne. Attention il a aussi le problème de l' | ||
+ | ==== Bogo ==== | ||
+ | Plugin de traduction par le créateur de contact form 7. À étudier. Approche "one post per langage" | ||
+ | |||
+ | ---- | ||
+ | ===== Gestion des médias ====== | ||
+ | |||
+ | ==== Kaltura All-in-One Video Plugin for WordPress ==== | ||
+ | Gestion des vidéos diverses. À tester. Recommandé par Charlène. | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== PDF Embedder ==== | ||
+ | À tester. Quel langage ? Dépendances ? Sécurité ? | ||
+ | [[https:// | ||
+ | |||
+ | ==== PDF Viewer ==== | ||
+ | Permet d' | ||
+ | |||
+ | **Hacking :** | ||
+ | < | ||
+ | **Utiliser la dernière version :**\\ | ||
+ | - Récupérer le dernier pre-built [[http:// | ||
+ | - Copier et dézipper le dossier téléchargé dans le répertoire du plugin. | ||
+ | - Renommer le dossier beta en beta-backup, | ||
+ | |||
+ | **Modifier les menus :**\\ | ||
+ | Le plugin utilise une iframe de la page viewer.html de PDF.js. Pour désactiver une option, il suffit de commenter le menu en rapport sur cette page. | ||
+ | {{ : | ||
+ | |||
+ | **Personnaliser le CSS et cacher les boutons en trop :**\\ | ||
+ | style.css : | ||
+ | < | ||
+ | /*--- Hack des styles de PDF viewer */ | ||
+ | iframe.pdfjs-viewer { | ||
+ | border: none; | ||
+ | border-bottom: | ||
+ | } | ||
+ | </ | ||
+ | viewer.css : | ||
+ | < | ||
+ | /*--- Hack des styles de PDF viewer */ | ||
+ | body { | ||
+ | background-color: | ||
+ | background-image: | ||
+ | } | ||
+ | |||
+ | # | ||
+ | border-radius: | ||
+ | } | ||
+ | |||
+ | #openFile, #print, #download, # | ||
+ | # | ||
+ | # | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | # | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Velvet Blues Update URLs ==== | ||
+ | Mise à jour rapide des URLs des images pour les changements de domaine. [[https:// | ||
+ | |||
+ | ==== Simple Image Sizes ==== | ||
+ | Aucun soucis. | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ---- | ||
+ | ===== Sécurité ===== | ||
+ | |||
+ | ==== Acunetix WP Security ==== | ||
+ | Douteux, semble être une porte ouverte aux hackers plus qu'un vrai plugin de sécurité. **À éviter.**\\ | ||
+ | < | ||
+ | |||
+ | ==== Wordfence Security ==== | ||
+ | Plugin de sécurité.\\ | ||
+ | Nul à chier d' | ||
+ | |||
+ | < | ||
+ | |||
+ | ==== Sucuri Security ==== | ||
+ | Plugin de sécurité générale. L' | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Login LockDown ==== | ||
+ | Aucun soucis. | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Limit Login Attempts ==== | ||
+ | Comme login lockdown, mais bloque aussi les connexions par cookies. Plugin non mis à jour depuis 2 ans. | ||
+ | |||
+ | < | ||
+ | |||
+ | ==== WP Security Audit Log ==== | ||
+ | Problèmes de base de données étrange, apparition d' | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | ==== Plugin vulnerabilities ==== | ||
+ | Donne des infos sur les vulnérabilités des programmes installés. À tester. [[https:// | ||
+ | |||
+ | |||
+ | ==== All in one WP security & firewall ==== | ||
+ | Good shit. [[https:// | ||
+ | |||
+ | ---- | ||
+ | ===== Sauvegarde ===== | ||
+ | ==== UpdraftPlus Backup and Restoration ==== | ||
+ | Intéressant, | ||
+ | |||
+ | ==== UpdraftCentral ==== | ||
+ | Gestion centralisée des backups depuis une install locale, style MainWP + maj plugin il me semble. À tester quand même. [[https:// | ||
+ | ==== BackWPup Free - WordPress Backup Plugin ==== | ||
+ | Intéressant, | ||
+ | |||
+ | ==== BackUpWordPress ==== | ||
+ | Système de sauvegarde simple. Mal codé apparemment... À tester. [[https:// | ||
+ | |||
+ | ==== WP-DB-Backup ==== | ||
+ | Sauvegarde des bases de données. Ne marche pas à priori. [[https:// | ||
+ | |||
+ | ---- | ||
+ | ===== WooCommerce ===== | ||
+ | À tester voir si ça tient vraiment la route. [[https:// | ||
+ | |||
+ | Thème officiel : [[https:// | ||
+ | |||
+ | Les produits sont bien des posts type ⇒ risque de trop grosse table dans la BDD ? | ||
+ | ==== WooCommerce Services ==== | ||
+ | [[https:// | ||
+ | |||
+ | ==== Mollie Payments pour WooCommerce ==== | ||
+ | [[https:// | ||
+ | |||
+ | ==== MailChimp for WooCommerce ==== | ||
+ | [[https:// | ||
+ | |||
+ | ---- | ||
+ | ====== Plugins PHP ====== | ||
+ | ==== Matomo ==== | ||
+ | [[https:// | ||
+ | Anciennement Piwik.\\ | ||
+ | Alternative à Google analytics intéressante. | ||
+ | |||
+ | < | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ==== Open web analytics ==== | ||
+ | Analyse de trafic open source. À tester. | ||
+ | [[http:// | ||
+ | |||
+ | ---- | ||
+ | |||
+ | **À trier** | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | [[http:// | ||
+ | |||
+ | [[https:// | ||
+ | |||
+ | Animation avancées et performantes (il parait) : [[http:// | ||
+ | |||
+ | [[http:// | ||