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

New Era of Plugin Development in WordPress

  • 1.
  • 2.
    Who am I? LitonArefin WordPress Developer Dhaka, Bangladesh #wcbrt2018
  • 3.
    What is WordPressPlugin? #wcbrt2018 Source
  • 4.
    Benefits of WordPressPlugin 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 DevelopGutenberg 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 Needto 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 “CreateGuten Block” A zero configuration Gutenberg Developer Toolkit, created by “Ahmed Awais” https://github.com/ahmadawais/create-guten-block #wcbrt2018
  • 10.
  • 11.
    BigThanks to Biratnagar,Nepal Facebook: https://www.facebook.com/litonice09 Twitter: @Litonice11 #wcbrt2018