Plonger dans les plugins
WordCamp Montréal 2015Francisco Sottolichio
www.utopsie.com
@fran6co
googlez-moi!
Plonger dans les plugins
WordCamp Montréal 2015Francisco Sottolichio
• Présentation
• Meilleures pratiques - et les autres...
Présentation
• Designer graphique
• Designer web depuis le début du web
• WordPress depuis 10 ans
WordCamp Montréal 2015Fr...
Plugins - quantité
• Permettent de tout faire
• Quantité vertigineuse
• On n’en a jamais assez
WordCamp Montréal 2015Franc...
Plugins - qualité
• Chaque plugin est long à apprivoiser
• On s’y perd rapidement
• 95% du chemin
WordCamp Montréal 2015Fr...
Plugins
• Il faut modifier votre plugin!
WordCamp Montréal 2015Francisco Sottolichio
Plugins
• Changer les CSS
• Modifier à la mitaine
• Utiliser les Thèmes et les Hooks
WordCamp Montréal 2015Francisco Sottol...
Plugins - CSS
WordCamp Montréal 2015Francisco Sottolichio
Inspecteur
Plugins - Mitaine
WordCamp Montréal 2015Francisco Sottolichio
Inspecteur
Plugins - Mitaine
WordCamp Montréal 2015Francisco Sottolichio
 Plugins 11
Users
Comments
Plugins - Mitaine
WordCamp Montréal 2015Francisco Sottolichio
Diff
Plugins - Thèmes
WordCamp Montréal 2015Francisco Sottolichio
Plugins - Hooks
WordCamp Montréal 2015Francisco Sottolichio
Filtres et Actions
• Filtres modifient les valeurs dans une fon...
Plugins - Hooks
Filtres et Actions
WordCamp Montréal 2015Francisco Sottolichio
Filtres : add_filter() et apply_filter()
Ac...
Plugins - Hooks
WordCamp Montréal 2015Francisco Sottolichio
Plugins - Hooks
Custom Hooks
WordCamp Montréal 2015Francisco Sottolichio
• Le moins de modifications au plugin original
Exemple
WordCamp Montréal 2015Francisco Sottolichio
Exemple - CSS
WordCamp Montréal 2015Francisco Sottolichio
Exemple - Thème
WordCamp Montréal 2015Francisco Sottolichio
Exemple - Template
WordCamp Montréal 2015Francisco Sottolichio
Exemple - Hooks
WordCamp Montréal 2015Francisco Sottolichio
Exemple
WordCamp Montréal 2015Francisco Sottolichio
Exemple
WordCamp Montréal 2015Francisco Sottolichio
• CSS
• Thème
• Filtre
Autre exemple
WordCamp Montréal 2015Francisco Sottolichio
Autre exemple - Plugin de base
WordCamp Montréal 2015Francisco Sottolichio
Autre exemple - CSS
WordCamp Montréal 2015Francisco Sottolichio
• Arranger la typo
• Changer la couleur du fond #overlay
•...
Autre exemple - CSS
WordCamp Montréal 2015Francisco Sottolichio
Autre exemple - CSS
WordCamp Montréal 2015Francisco Sottolichio
Autre exemple - PHP/JS
• Javascript : Trouver où on appelle le titre, ajouter
Metadata : Medium, Dimensions, Date
• PHP : ...
Autre exemple - PHP/JS
WordCamp Montréal 2015Francisco Sottolichio
Autre exemple - PHP/JS
WordCamp Montréal 2015Francisco Sottolichio
Autre exemple - PHP/JS
WordCamp Montréal 2015Francisco Sottolichio
Le bordel
Autre exemple
WordCamp Montréal 2015Francisco Sottolichio
• CSS
• JS
• PHP
Résumé
• Changer les CSS - simple et rapide
• Modifier à la mitaine - complexe et difficile à gérer
• Utiliser les Thèmes et...
• Liens
Plugin API : Hooks, Actions, Filters https://codex.wordpress.org/Plugin_API
Ian Dunn : The Right Way to Customize ...
WordCamp Montréal 2015
Francisco Sottolichio
www.utopsie.com
@fran6co
Merci!
Prochain SlideShare
Chargement dans…5
×

Plonger dans les plugins - WordCamp2015 - FSottolichio

794 vues

Publié le

0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
794
Sur SlideShare
0
Issues des intégrations
0
Intégrations
55
Actions
Partages
0
Téléchargements
8
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Plonger dans les plugins - WordCamp2015 - FSottolichio

  1. 1. Plonger dans les plugins WordCamp Montréal 2015Francisco Sottolichio www.utopsie.com @fran6co googlez-moi!
  2. 2. Plonger dans les plugins WordCamp Montréal 2015Francisco Sottolichio • Présentation • Meilleures pratiques - et les autres • Exemples
  3. 3. Présentation • Designer graphique • Designer web depuis le début du web • WordPress depuis 10 ans WordCamp Montréal 2015Francisco Sottolichio
  4. 4. Plugins - quantité • Permettent de tout faire • Quantité vertigineuse • On n’en a jamais assez WordCamp Montréal 2015Francisco Sottolichio
  5. 5. Plugins - qualité • Chaque plugin est long à apprivoiser • On s’y perd rapidement • 95% du chemin WordCamp Montréal 2015Francisco Sottolichio
  6. 6. Plugins • Il faut modifier votre plugin! WordCamp Montréal 2015Francisco Sottolichio
  7. 7. Plugins • Changer les CSS • Modifier à la mitaine • Utiliser les Thèmes et les Hooks WordCamp Montréal 2015Francisco Sottolichio
  8. 8. Plugins - CSS WordCamp Montréal 2015Francisco Sottolichio Inspecteur
  9. 9. Plugins - Mitaine WordCamp Montréal 2015Francisco Sottolichio Inspecteur
  10. 10. Plugins - Mitaine WordCamp Montréal 2015Francisco Sottolichio  Plugins 11 Users Comments
  11. 11. Plugins - Mitaine WordCamp Montréal 2015Francisco Sottolichio Diff
  12. 12. Plugins - Thèmes WordCamp Montréal 2015Francisco Sottolichio
  13. 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. 14. Plugins - Hooks Filtres et Actions WordCamp Montréal 2015Francisco Sottolichio Filtres : add_filter() et apply_filter() Actions : add_action() et do_action()
  15. 15. Plugins - Hooks WordCamp Montréal 2015Francisco Sottolichio
  16. 16. Plugins - Hooks Custom Hooks WordCamp Montréal 2015Francisco Sottolichio • Le moins de modifications au plugin original
  17. 17. Exemple WordCamp Montréal 2015Francisco Sottolichio
  18. 18. Exemple - CSS WordCamp Montréal 2015Francisco Sottolichio
  19. 19. Exemple - Thème WordCamp Montréal 2015Francisco Sottolichio
  20. 20. Exemple - Template WordCamp Montréal 2015Francisco Sottolichio
  21. 21. Exemple - Hooks WordCamp Montréal 2015Francisco Sottolichio
  22. 22. Exemple WordCamp Montréal 2015Francisco Sottolichio
  23. 23. Exemple WordCamp Montréal 2015Francisco Sottolichio • CSS • Thème • Filtre
  24. 24. Autre exemple WordCamp Montréal 2015Francisco Sottolichio
  25. 25. Autre exemple - Plugin de base WordCamp Montréal 2015Francisco Sottolichio
  26. 26. Autre exemple - CSS WordCamp Montréal 2015Francisco Sottolichio • Arranger la typo • Changer la couleur du fond #overlay • Changer le bouton «Close»
  27. 27. Autre exemple - CSS WordCamp Montréal 2015Francisco Sottolichio
  28. 28. Autre exemple - CSS WordCamp Montréal 2015Francisco Sottolichio
  29. 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. 30. Autre exemple - PHP/JS WordCamp Montréal 2015Francisco Sottolichio
  31. 31. Autre exemple - PHP/JS WordCamp Montréal 2015Francisco Sottolichio
  32. 32. Autre exemple - PHP/JS WordCamp Montréal 2015Francisco Sottolichio Le bordel
  33. 33. Autre exemple WordCamp Montréal 2015Francisco Sottolichio • CSS • JS • PHP
  34. 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. 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. 36. WordCamp Montréal 2015 Francisco Sottolichio www.utopsie.com @fran6co Merci!

×