How I created 3 official WordPress plugins
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
7 students enrolled
Wishlisted Wishlist

Please confirm that you want to add How I created 3 official WordPress plugins to your Wishlist.

Add to Wishlist

How I created 3 official WordPress plugins

Learn how to create real live production plugins from scratch and boost your WordPress knowledge
5.0 (1 rating)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
7 students enrolled
Created by Dessain saraiva
Last updated 8/2017
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 12 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Set up a WordPress development environment (Mac and Windows)
  • Load a WordPress project in Netbeans and Phpstorm
  • Best practices to create a WordPress plugin
  • Create custom shortcodes
  • Get and filter external data
  • Change other plugins to suit your needs
  • Load and filter events
  • Use transients to show warning messages
  • Among many other WordPress functions and methods to customize your website
View Curriculum
Requirements
  • Users with basic computers knowledge (2 years)
  • Basic WordPress knowledge: installation, login, create a page ...
Description

You might already have some WordPress knowledge but your clients are starting to ask for specific website features that WordPress doesn’t have by default and there's no plugin for it.

You are not going the stop your projects or deny others because you have not yet acquired the skills, please don’t get me wrong: you are not going to became a WordPress development plugin guru just by watching this course.

However, I am going to show you how I developped 3 WordPress official plugins from 0 to production and publication at the WordPress official plugins repository.

These 3 plugins address real live problems, such as a user login via QR code, JSON feed reader and check if the user is uploading an event picture that’s currently in use. Notice that the subjects are user roles, fetch external data and compare data that your WordPress site currently has - main subjects regarding WordPress development.

If you want to learn how real live productions plugins are made, improve your WordPress skills and learn the know how of someone that does this for more than five years on a daily base you are on the right place, hope to see you on the course.

Who is the target audience?
  • WordPress intermediate users
  • WordPress users who want to start coding plugins or improve their WordPress/Php skills
Students Who Viewed This Course Also Viewed
Curriculum For This Course
33 Lectures
01:51:36
+
Introduction
3 Lectures 07:17

This is what we are going to build, ready ?  

Preview 00:55

Get to know a little of who I am and you can also check my LinkedIn profile at:
linkedin.com/in/jo%C3%A3o-dessain-saraiva-87384129/

Hello
01:11

These plugins were written to address real life projects needs, they are currently in production and available at the WordPress repository:

Json reader: https://wordpress.org/plugins/json-reader/
Uses shortcodes to easily display data from a Json feed, the user can filter the data using the key parameter.

Login with QR: https://pt.wordpress.org/plugins/login-with-qr/
Allows users to login into their account with a QR code link, users must have a specific role for this permission.

Block used images: https://wordpress.org/plugins/block-used-images/
Check if the user is uploading an already used image into a new event.

Plugins are used to solve problems and add new features.

The plugins and Workflow
05:11
+
Development environment and IDEs
3 Lectures 11:06

Get to know the code editors: one is free and the other is paid.

Phpstorm and Netbeans
04:39

Download Vagrant: www.vagrantup.com/downloads.html

Download Virtualbox: https://www.virtualbox.org/wiki/Downloads

Download GIT: https://git-scm.com/download/win

Varying Vagrant Vagrants - Windows
00:32

Vagrant Press: https://github.com/vagrantpress/vagrantpress
Vagrant manager: http://vagrantmanager.com/ 

To create a new virtual machine open the terminal, go to your website's folder and run:
git clone https://github.com/vagrantpress/vagrantpress new-website 

Once it’s done open the website and run: vagrant up
This way all the files are downloaded, and the installation is good to go.

Your website should be running at vagrantpress.dev

To log in to the local Wordpress installation the username is admin, the password is vagrant.


Vagrant Press - Mac
05:55
+
Json Reader
11 Lectures 31:45

Get to know this plugin, and how it can make your live easier displaying JSON data feeds via shortcode.

Plugin Introduction
03:32

Same method for mostly every plugin available.

Create the plugin
08:38

Create the plugin - source code
00:43

Our plugin is called via shortcode, this means that the user just need to write [jsonReader src=”URL”] at WordPress text editor to get the data feed.

Preview 03:48

Custom shortcode - source code
00:32

Json file content

{
  "id": 1,
  "name": "A green door",
  "price": 12.50,
  "tags": ["home", "green"]
}
Create and save the Json file
01:17

Fetch external data
08:03

Fetch external data - source code
00:42

Data is flowing but we need to clean and filter it

Filter data
03:24

Filter data - source code
00:23

If you got lost at some point or  are spending too much time to find that little typo feel free to copy and paste the source code.

Plugin's source code
00:41
+
Login with QR
7 Lectures 31:58

This plugin wasn’t fully written by me.
It’s a mix of two plugins:
QR user login plugin - https://github.com/acasado86/qr-user-login
Autologin Links - http://www.craftware.nl/wordpress-autologin/

That results in a plugin that works in every website.

Preview 06:10

The other plugins are open source, we’ll keep the same licensing and indicate the authors names on the description.


/*
Plugin Name: Login with QR
Description: Allow users to login using a link (QR code).
Version: 1.0.0
Author: DessainSaraiva
Author URI: https://github.com/jdsaraiva
License: GPLv2

This plugin uses code from:
QR user login plugin - https://github.com/acasado86/qr-user-login
acasado

Autologin Links - http://www.craftware.nl/wordpress-autologin/
Paul Konstantin Gerke

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*/


Create the plugin
05:23

Create the plugin - description
01:10

Let’s get the working part inside our plugin and make it roar!

Code tweaks
07:07

Code Tweaks - source code
00:33

As we saw at the beginning of this course the initial version of the plugin did not work on the server.
Let’s compress the one we modified, upload and try it,

Production server check
02:59

Plugins source code
08:35
+
Block used images
7 Lectures 29:24

This plugin appeared as a suggestion of a client that said: it would be awesome if the event managers couldn't use images that were currently in use. Some days later this function was implemented on the website, happy customer.

Preview 02:49

Like JSON reader this plugin will be fully written by us.

Create the plugin
04:01

Create the plugin - source code
00:28

Run a function when the user saves the event, check the data and block it if needed

Block used image
12:28

Block used image - source code
00:41

We are using transients to show the warning message 

Use transients to display an error message
08:27

Use transients to display an error message - source code
00:29
+
Submit your plugin and thank you
2 Lectures 03:25
Got your plugin ? Cool, let's submit it!
02:15

Obrigado, thank you, gracias, merci, etc… 

Conclusion, thank you!
01:10
About the Instructor
Dessain saraiva
4.5 Average rating
25 Reviews
195 Students
5 Courses
Web developer and Virtual Reality enthusiast.

Hey, my name is João Dessain Saraiva and I am developer from Portugal. I been coding since 2001 and playing video games since I was 8, started in a ZX Spectrum all the way to the last Xbox and even my master degree project in design and multimedia was an immersive ski video game that uses a Oculus Rift headset and a Leap device to control the movements of the character.
Udemy now gives me the chance to share some of my knowledge and expertise in Unity 3D, video games and Virtual Reality however I also intend to learn a lot more from the community and keep improving as I teach.