plonger dans les plugins - wordcamp2015 - fsottolichio

Plonger dans les plugins

WordCamp Montréal 2015Francisco Sottolichio

www.utopsie.com

@fran6co

googlez-moi!

http://www.utopsie.com

Plonger dans les plugins


• Présentation

• Meilleures pratiques - et les autres

• Exemples

Présentation

• Designer graphique

• Designer web depuis le début du web

• WordPress depuis 10 ans


Plugins - quantité

• Permettent de tout faire

• Quantité vertigineuse

• On n’en a jamais assez


Plugins - qualité

• Chaque plugin est long à apprivoiser

• On s’y perd rapidement

• 95% du chemin


Plugins

• Il faut modifier votre plugin!


Plugins

• Changer les CSS

• Modifier à la mitaine

• Utiliser les Thèmes et les Hooks


Plugins - CSS


Inspecteur

Plugins - Mitaine


Inspecteur

Plugins - Mitaine


Plugins 11

Users

Comments

Plugins - Mitaine


Diff

Plugins - Thèmes


Plugins - Hooks


Filtres et Actions

• Filtres modifient les valeurs dans une fonction

• Actions modifient le comportement d’une fonction

• Beaucoup de Hooks sont built-in dans WordPress

Plugins - HooksFiltres et Actions


Filtres : add_filter() et apply_filter()

Actions : add_action() et do_action()

Plugins - Hooks


Plugins - HooksCustom Hooks


• Le moins de modifications au plugin original

Exemple


Exemple - CSS


Exemple - Thème


Exemple - Template


Exemple - Hooks


Exemple


Exemple


• CSS

• Thème

• Filtre

Autre exemple


Autre exemple - Plugin de base


Autre exemple - CSS


• Arranger la typo

• Changer la couleur du fond #overlay

• Changer le bouton «Close»

Autre exemple - CSS


Autre exemple - PHP/JS

• Javascript : Trouver où on appelle le titre, ajouter Metadata : Medium, Dimensions, Date

• PHP : Back-end, ajouter option Border Width




Le bordel

Autre exemple


• CSS

• JS

• PHP

Résumé

• Changer les CSS - simple et rapide

• Modifier à la mitaine - complexe et difficile à gérer

• Utiliser les Thèmes et les Hooks - idéalement


3 niveaux d’intervention pour modifier un plugin

• Liens Plugin API : Hooks, Actions, Filters https://codex.wordpress.org/Plugin_API Ian Dunn : The Right Way to Customize a WordPress Plugin https://iandunn.name/the-right-way-to-customize-a-wordpress-plugin/ Creating Custom Hooks https://developer.wordpress.org/plugins/hooks/creating-custom-hooks/

• Plugins WP Slick Slider https://wordpress.org/plugins/wp-slick-slider/ WP jQuery Lightbox https://wordpress.org/plugins/wp-jquery-lightbox/

• Éditeur Espresso http://macrabbit.com/espresso/

• Slideshare http://www.slideshare.net/utopsie/plonger-dans-les-plugins-wordcamp2015-fsottolichio


Ressources

https://codex.wordpress.org/Plugin_API

https://iandunn.name/the-right-way-to-customize-a-wordpress-plugin/

https://developer.wordpress.org/plugins/hooks/creating-custom-hooks/

https://wordpress.org/plugins/wp-slick-slider/

https://wordpress.org/plugins/wp-jquery-lightbox/

http://macrabbit.com/espresso/

http://www.slideshare.net/utopsie/plonger-dans-les-plugins-wordcamp2015-fsottolichio

WordCamp Montréal 2015

Francisco Sottolichio www.utopsie.com @fran6co

Merci!

http://www.utopsie.com

plonger dans les plugins - wordcamp2015 - fsottolichio

Documents