Before you read this tutorial, please read earlier tutorial: WordPress AJAX for Beginners.
In this tutorial, I will explain several method in how to secure AJAX request using nonce. Read More How to Secure WordPress AJAX using Nonce
Category: WordPress
How to Debug WordPress Bug Like a Boss
Here’s a guide to debug if you have bug on your WordPress website:
How to Get Current Address Using HTML 5 Geolocation and Google Maps API
In my new plugin f(x) Maps, I create a location search with ability to get current address/location using HTML 5 Geolocation and Google Maps Geocoding API. And in this post I want to share how I did it. Read More How to Get Current Address Using HTML 5 Geolocation and Google Maps API
WordPress AJAX for Beginners
In recent projects I use AJAX more, and I think it’s time to share my knowledge. This tutorial is just a simple guide to understand the basic about using AJAX in WordPress.
To follow this tutorial you will need to understand the basic of:
- Simple jQuery / JavaScript
- Simple PHP
- How form works
- Register and Enqueue Scripts in WordPress
- Register WordPress shortcode (example plugin)
Table of contents
How to Redirect On Theme Activation
WordPress plugin have a activation method, It’s very useful, and we can use it for various things.
One of the popular method in plugin, is “Activation Redirect”, this is a method used by a lot ( I mean **A LOT**) of popular plugins to redirect user to plugin settings page, setup page, or even plugin about page (of course, within the admin panel) when user activate plugin.
This is (probably) useful for user on-boarding purpose, annoy user, keep the user inform about the feature of the plugin or help them setup the pages required by the plugin or install additional plugins/add-on.
Note: I actually really hate it when plugin/theme author did this. But in some case it could be useful.
Usually plugin use register_activation_hook() function to do this. But theme don’t have similar method/function. However, there’s a workaround for that.
WordPress Plugin: How to NOT Store API Key/Password in Plain Text
Sometime we need to save API key, or password, for external services in our WordPress plugin. It’s problematic, since we have to use that key to make API connection, but we don’t want to save it in plain text (because it’s just plain dumb). So we need a way to encrypt this key and save it to database, and decrypt it to use. Read More WordPress Plugin: How to NOT Store API Key/Password in Plain Text
New Page Builder Plugin: f(x) Builder
Update: f(x) Builder Now Available!
This is the 3rd day of working on my own WordPress Page Builder plugin. And this is the current progress:
I was looking for a WordPress page builder to use on my own sites, but I can’t find one that “fit”. All seem too complex. Read More New Page Builder Plugin: f(x) Builder
WP Page Builder From Scratch #4: Front-End Output, Theme Dependency, Saving Data to Content
This is Part #4 (Final) of Custom Page Builder Tutorials Series. Read the intro here.
You can download / check github repo for example plugin:
And here’s the video of the plugin in action:
Let’s start.
Table of contents
WP Page Builder From Scratch #3: Data Structure and Saving Page Builder Data
This is Part #3 of Custom Page Builder Tutorials Series. Read the intro here.
In earlier tutorial, I cover all about the page builder design, and how to make all the control works (create, delete, and reorder rows).
In this post I want to explain how I structure the data and save it as custom fields. Specially in how to update the row order number so we can properly save each rows data.
Download example plugin to follow tutorial easier:
Table of contents
Read More WP Page Builder From Scratch #3: Data Structure and Saving Page Builder Data
WP Page Builder From Scratch #2: Features, Design, and UI
This is Part #2 of Custom Page Builder Tutorials Series. Read the intro here.
In this post I will explain how to create page builder from this:
to this:
to this fancy drag-and-drop UI:
Table of contents
To follow this tutorial easier, you can download the source code for this tutorial:
Read More WP Page Builder From Scratch #2: Features, Design, and UI
WP Page Builder From Scratch #1: Create Page Builder Page Template
This is Part #1 of Custom Page Builder Tutorials Series.
Read the intro here.
In this post, I will explain:
Table of contents
So, the basic idea is to register “Page Builder” page template, and use it to toggle/switch between Visual Editor and Page Builder when user change the page template.
To follow this tutorial easier, you can download the source code:
Read More WP Page Builder From Scratch #1: Create Page Builder Page Template
Create Your Own WordPress Page Builder Plugin From Scratch
This is the introduction of Custom Page Builder Tutorials Series.
Page Builder is very popular in WordPress. This post is not about how to use page builder. In this tutorial, we are going to build page builder plugin from scratch.
It’s not going to be a complex page builder, a simple one so we can understand how the code works, and possibly use it as base/example for more complex system.
This is the page builder in action:
Table of contents
Read More Create Your Own WordPress Page Builder Plugin From Scratch