1. Plonger dans les plugins
WordCamp Montréal 2015Francisco Sottolichio
www.utopsie.com
@fran6co
googlez-moi!

2. Plonger dans les plugins
WordCamp Montréal 2015Francisco Sottolichio
• Présentation
• Meilleures pratiques - et les autres
• Exemples

3. Présentation
• Designer graphique
• Designer web depuis le début du web
• WordPress depuis 10 ans
WordCamp Montréal 2015Francisco Sottolichio

4. Plugins - quantité
• Permettent de tout faire
• Quantité vertigineuse
• On n’en a jamais assez
WordCamp Montréal 2015Francisco Sottolichio

5. Plugins - qualité
• Chaque plugin est long à apprivoiser
• On s’y perd rapidement
• 95% du chemin
WordCamp Montréal 2015Francisco Sottolichio

6. Plugins
• Il faut modifier votre plugin!
WordCamp Montréal 2015Francisco Sottolichio

7. Plugins
• Changer les CSS
• Modifier à la mitaine
• Utiliser les Thèmes et les Hooks
WordCamp Montréal 2015Francisco Sottolichio

8. Plugins - CSS
WordCamp Montréal 2015Francisco Sottolichio
Inspecteur

9. Plugins - Mitaine
WordCamp Montréal 2015Francisco Sottolichio
Inspecteur

10. Plugins - Mitaine
WordCamp Montréal 2015Francisco Sottolichio
 Plugins 11
Users
Comments

11. Plugins - Mitaine
WordCamp Montréal 2015Francisco Sottolichio
Diff

12. Plugins - Thèmes
WordCamp Montréal 2015Francisco Sottolichio

13. Plugins - Hooks
WordCamp Montréal 2015Francisco Sottolichio
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

14. Plugins - Hooks
Filtres et Actions
WordCamp Montréal 2015Francisco Sottolichio
Filtres : add_filter() et apply_filter()
Actions : add_action() et do_action()

15. Plugins - Hooks
WordCamp Montréal 2015Francisco Sottolichio

16. Plugins - Hooks
Custom Hooks
WordCamp Montréal 2015Francisco Sottolichio
• Le moins de modifications au plugin original

17. Exemple
WordCamp Montréal 2015Francisco Sottolichio

18. Exemple - CSS
WordCamp Montréal 2015Francisco Sottolichio

19. Exemple - Thème
WordCamp Montréal 2015Francisco Sottolichio

20. Exemple - Template
WordCamp Montréal 2015Francisco Sottolichio

21. Exemple - Hooks
WordCamp Montréal 2015Francisco Sottolichio

22. Exemple
WordCamp Montréal 2015Francisco Sottolichio

23. Exemple
WordCamp Montréal 2015Francisco Sottolichio
• CSS
• Thème
• Filtre

24. Autre exemple
WordCamp Montréal 2015Francisco Sottolichio

25. Autre exemple - Plugin de base
WordCamp Montréal 2015Francisco Sottolichio

26. Autre exemple - CSS
WordCamp Montréal 2015Francisco Sottolichio
• Arranger la typo
• Changer la couleur du fond #overlay
• Changer le bouton «Close»

27. Autre exemple - CSS
WordCamp Montréal 2015Francisco Sottolichio

28. Autre exemple - CSS
WordCamp Montréal 2015Francisco Sottolichio

29. Autre exemple - PHP/JS
• Javascript : Trouver où on appelle le titre, ajouter
Metadata : Medium, Dimensions, Date
• PHP : Back-end, ajouter option Border Width
WordCamp Montréal 2015Francisco Sottolichio

30. Autre exemple - PHP/JS
WordCamp Montréal 2015Francisco Sottolichio

31. Autre exemple - PHP/JS
WordCamp Montréal 2015Francisco Sottolichio

32. Autre exemple - PHP/JS
WordCamp Montréal 2015Francisco Sottolichio
Le bordel

33. Autre exemple
WordCamp Montréal 2015Francisco Sottolichio
• CSS
• JS
• PHP

34. 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
WordCamp Montréal 2015Francisco Sottolichio
3 niveaux d’intervention pour modifier un plugin

35. • 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
WordCamp Montréal 2015Francisco Sottolichio
Ressources

36. WordCamp Montréal 2015
Francisco Sottolichio
www.utopsie.com
@fran6co
Merci!