ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
New Era
Of
Plugin Development in WordPress
Who am I?
Liton Arefin
WordPress Developer
Dhaka, Bangladesh
#wcbrt2018
What is WordPress Plugin?
#wcbrt2018
Source
Benefits of WordPress Plugin Development
1. Extends functionality of Website
2. Creates Backlinks
3. Increased Security
4. Seamless Communications
5. Speeds of Websites
6. Earn Money by Freemium/SaaS Model
Plugin Development Handbook
#wcbrt2018
Who can Develop Gutenberg Plugins?
#wcbrt2018
Gutenberg Development Technologies
#wcbrt2018
1. Modern JavaScript
2. ES5, ES 6/7/8/Next
3. Webpack
4. React
5. ESLint
6. Babel
7. NPM/Yarn
etc¡­.
Steps to writing JS in 2017, source:
https://twitter.com/iamdevloper/status/917826490443628544?lang=en
DO I Need to Learn all of Them ?
- No
Package Manager:
¡ñ NPM ( Node Package Manager )
¡ñ Yarn
#wcbrt2018
Required Files/Functions Structures
- Index.php ( Plugin Header File )
- Enqueue Scripts:
- enqueue_block_assets ( Frontend Scripts/Styles )
- enqueue_block_editor_assets ( Block Editor Scripts/Styles )
- package.json
- webpack.config.js
Examples: https://github.com/WordPress/gutenberg-examples
#wcbrt2018
ZERO Configuration ¡°Create Guten Block¡±
A zero configuration Gutenberg Developer Toolkit, created by ¡°Ahmed Awais¡±
https://github.com/ahmadawais/create-guten-block
#wcbrt2018
What about Themes?
#wcbrt2018
BigThanks to Biratnagar, Nepal
Facebook: https://www.facebook.com/litonice09
Twitter: @Litonice11
#wcbrt2018

More Related Content

New Era of Plugin Development in WordPress

  • 2. Who am I? Liton Arefin WordPress Developer Dhaka, Bangladesh #wcbrt2018
  • 3. What is WordPress Plugin? #wcbrt2018 Source
  • 4. Benefits of WordPress Plugin Development 1. Extends functionality of Website 2. Creates Backlinks 3. Increased Security 4. Seamless Communications 5. Speeds of Websites 6. Earn Money by Freemium/SaaS Model Plugin Development Handbook #wcbrt2018
  • 5. Who can Develop Gutenberg Plugins? #wcbrt2018
  • 6. Gutenberg Development Technologies #wcbrt2018 1. Modern JavaScript 2. ES5, ES 6/7/8/Next 3. Webpack 4. React 5. ESLint 6. Babel 7. NPM/Yarn etc¡­. Steps to writing JS in 2017, source: https://twitter.com/iamdevloper/status/917826490443628544?lang=en
  • 7. DO I Need to Learn all of Them ? - No Package Manager: ¡ñ NPM ( Node Package Manager ) ¡ñ Yarn #wcbrt2018
  • 8. Required Files/Functions Structures - Index.php ( Plugin Header File ) - Enqueue Scripts: - enqueue_block_assets ( Frontend Scripts/Styles ) - enqueue_block_editor_assets ( Block Editor Scripts/Styles ) - package.json - webpack.config.js Examples: https://github.com/WordPress/gutenberg-examples #wcbrt2018
  • 9. ZERO Configuration ¡°Create Guten Block¡± A zero configuration Gutenberg Developer Toolkit, created by ¡°Ahmed Awais¡± https://github.com/ahmadawais/create-guten-block #wcbrt2018
  • 11. BigThanks to Biratnagar, Nepal Facebook: https://www.facebook.com/litonice09 Twitter: @Litonice11 #wcbrt2018