How to Redirect On Theme Activation

0

theme-redirect-evil

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.

Read More How to Redirect On Theme Activation

WordPress Plugin: How to NOT Store API Key/Password in Plain Text

0

no-plain-text-api-key

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

Wifi Booster using Android Phone

0

usb-thetering-android-phone

Yesterday, I rented a work space. 5x4m , bathroom, AC, for kinda-an-office (I heard that separating work-space and house can improve productivity).

But apparently the wifi signal sucks. It works but sometimes the connection in my laptop stop for no reason. It’s not disconnected, but simply won’t open any webpage like there’s no connection. Updating driver, changing device setting, etc don’t work.

But it works fine on my mobile devices.

So, I try to use my android phone USB tethering feature and apparently it works like a charm. So the phone will get the internet via wifi and transfer it to my laptop via USB. (So, my phone works like an USB Wifi Adapter).

Works well on my old android phone. Nice and simple solution. So, if this happen to you, and you have unused android phone, you can use this method.

Note: I tested this method with Android 4.1.2 (Jelly Bean) / 5.0 (Lollipop) and Windows 10 laptop. No additional driver needed. Just plug and play.

How To Full Backup Windows 10

2

Several days ago, my old secondary laptop (Win 7) suddenly crash. But I did a full backup several months ago. I simply restore it, and everything is up and running again.

windows-10-full-image-backup

Then I remember that I never do full backup on my new laptop (Win 10). Windows 10 have a weird backup system and I’m not familiar with it. So, without further ado, here’s how I do full backup on Windows 10.

Table of contents

Read More How To Full Backup Windows 10

WP Page Builder From Scratch #4: Front-End Output, Theme Dependency, Saving Data to Content

4

This is Part #4 (Final) of Custom Page Builder Tutorials Series. Read the intro here.

You can download / check github repo for example plugin:

Download GitHub   Donate?

And here’s the video of the plugin in action:

Let’s start.

Table of contents

Read More WP Page Builder From Scratch #4: Front-End Output, Theme Dependency, Saving Data to Content

WP Page Builder From Scratch #3: Data Structure and Saving Page Builder Data

0

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.

page-builder-ss-order

Download example plugin to follow tutorial easier:

PART #3 .ZIP   Donate?

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

0

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:

page-builder-setting-selected

to this:

page-builder-template-unstyled

to this fancy drag-and-drop UI:

Table of contents

To follow this tutorial easier, you can download the source code for this tutorial:

PART #2 .ZIP   Donate?

Read More WP Page Builder From Scratch #2: Features, Design, and UI

WP Page Builder From Scratch #1: Create Page Builder Page Template

0

page-builder-setting-selected

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:

PART #1 .ZIP   Donate?

Read More WP Page Builder From Scratch #1: Create Page Builder Page Template

Create Your Own WordPress Page Builder Plugin From Scratch

0

doge-meme-page-builder

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

How to Add Ads after Read More Tag in WordPress

0

ads-after-more-tag

Today, this site finally reaches a new milestone, 500+ page views/day. Even though it’s very low, I decided to add ads in this blog.

This blog uses full content in archive, and I’m breaking long content using manual “read more tag” (not using excerpt).

Note: You can add more tag using the editor toolbar or using <!--more--> in text editor.

I want to add the Ads in all blog post after read more tag, so technically when visitor click the read more, they will see ads on the top of the page.

It’s tricky because when we use the_content filter, WordPress already transform <!--more--> tag into HTML tag, something like <span id="more-1325"></span>. Here’s the code:

Read More How to Add Ads after Read More Tag in WordPress

How to Add WordPress CPT Admin Menu as Sub Menu

4
cpt-menu-as-submenu
f(x) Photo Tag Admin Page

When I write f(x) Photo Tag plugin, I think it’s best to put the menu under “Media” because it’s simpler, and also make sense.

Sometimes we want to add custom post type admin menu as sub-menu item on other post type or under settings page, because it make sense (not all post type need to be parent menu), and I like this approach because it make WordPress Admin cleaner.

And Here’s how I do that:

Table of contents

Read More How to Add WordPress CPT Admin Menu as Sub Menu