How to use Customize API “postMessage” Method for Color Options

2

customizer-color-option-postmesssage

I’m not actually a fan of themes with tons of design options. I think as a designer, it’s our job to design theme.

However, it’s not always a bad idea to let user express their creativity.

Last weekend, I create another theme. Nevertheless, a simple one with classic design. And this time I create several color options for it. Usually I prefer “refresh” transport method for my themes, because it’s works, easier to code (and maintain in the future). But because this is a simple theme, I get it done relatively quickly. So I decide to “play” and use “postMessage” transport method for the color options.

There are problems I found when implementing this, and I want to share my solution.

Here’s the theme, you can download and check the source code:

Download or Fork at Github

Read More How to use Customize API “postMessage” Method for Color Options

How To Remove WordPress Admin Color Scheme Option

6

Admin-Color-X

Well, there was a time when I need to remove admin color scheme option. And this how I do that.

I was building a complex site with several user role, and to make it easier to know which user role I use to login, I set each user role to use different admin color scheme and disable admin color option in profile edit.

It’s actually pretty simple. And I will also explain the coding process, how to learn to code something in WordPress. (I’m sure it’s pretty useful trick if you wants to learn to code/problem solving in WP). Read More How To Remove WordPress Admin Color Scheme Option

How to use Customize API “postMessage” Method to Hide/Show Element

1

hide-masthead-customize

That was actually a question by a fellow WordPress designer/developer when he realized his code didn’t work (I’ll explain the problem below).

It’s actually a simple mistake and can be avoided if we use “refresh” transport method when creating customizer option. But I do understand that “postMessage” transport method is better (but needed more code).

So here’s a little example. I create a twentyfifteen child theme with customizer setting to hide/show header area. Read More How to use Customize API “postMessage” Method to Hide/Show Element


In the last 30 days. I was sick 3 times. I got a flu and terrible headache just a few days ago. Actually I’m still coughing and sneezing a lot. I wonder if I do something wrong in my training.

How to Create Admin Notice On Plugin Activation

1

plugin-activation-notice-example

Adding admin notice on plugin activation can be super useful. For example we can:

  • Add link to the settings page,
  • Giving info about minimum requirement of their server,
  • Tutorial links,
  • Promote pro version of our plugin,
  • Ask the user to rate our plugin,
  • Ask donation,
  • Or simply telling them that they are awesome.

If you ever try to create an “Admin Notice” on plugin activation. You’ll know that using admin_notices action inside your “activation hook function” will not work. But there’s a workaround for that. Read More How to Create Admin Notice On Plugin Activation

How to Add Settings Section in WordPress Default Settings

4

Additional-Reading-Settings

It’s very easy to create settings page in WordPress. But sometimes in our plugin we only need a single/few options. And creating dedicated settings page just for this option is overkill.

That’s what I think when I write “f(x) Private Site” Plugin yesterday. You can download the plugin for a full code example:

Download Plugin

When it make sense, we can add settings to WordPress default settings page such as “General Settings”, Writing Settings”, “Reading Settings”, etc. And this is how to do that. Read More How to Add Settings Section in WordPress Default Settings

Running Android Emulator in Your PC

Andy-Android-Emulator

Note: After several month, Andy start to give me issue. Cannot uninstall it. Broken. Please be careful.

Have you ever feel that your android phone and tablet in some case works better than your PC?

I think GMail Apps in Android is amazing. I wish I have that in my laptop. I don’t like to assign a browser tab constantly open just for email.

If you feel the same way, I think you need to at least try Andy.

It’s not only for Windows, It also support Ubuntu and OSX

Read More Running Android Emulator in Your PC

Validation in WordPress Dashboard Widget API

2

WP-Dashboard-Widget-Options

WordPress Dashboard Widget API is my favorite API in WordPress and sometimes dashboard is my preferred admin page to add simple settings in client site. It’s the screen they will see when they logged in. Why not use it more?

In this post I want to share a little about how to properly save the dashboard meta box “Configuration” with the build in nonce validation.

I read a lot of tutorial but no mention about this, I don’t even find any reference in Codex page. Read More Validation in WordPress Dashboard Widget API