How to crop image in customizer image field ?

Hello everyone, Today I am going to illustrate on , how to cropped image on customizer. Normally we use WP_Customize_Image_Control for selecting image on customizer section, but this doesn't provide you the featured to cropped image on your requirement. But WordPress provide us class called 'WP_Customize_Cropped_Image_Control' which provide you the featured to crop a image.You can …

How to make slider for woocommerce related product?

Hi everyone, today i am going to show you how to implement slider for woocommerce related products. Required condition: 1> Here we are using bx slider so i hope you everyone know how to set up bx slider on our theme. Here is the link: http://bxslider.com/ 2> All of you know how hook function on …

How to make blog post protected?

Hello Guys, today i am going to explain you simple logic on making blog page passport protected. Step 1: select one of the page as post page. You can select this from dashboard -> setting -> reading -> post page section step 2: Then you need to find which template is in use to display …

Customizer selective refresh is not working?

Hi Everyone, We can get many tutorial and article in making selective referesh on customizer, which is introduced on WordPress Version 4.5. Here is the answer of the question if you find your customizer selective referesh is now working even you followed the whole procedure that is given on wordpress codex or by many of …

How to add custom image size with metabox?

Here is the procedure for adding custom image size on metabox/metafield of post I hope you all are familiar with after_setup_theme theme hook. Here i first defined image size using add_image_size function: example: //adding function_exists() before function will let user to customize the same function on child theme if ( !function_exists( 'theme_slug_image_size_for_metabox')) : function theme_slug_image_size_for_metabox(){ //set …

All Customizer panel & section lost

Today after updating my site to latest WordPress  version 4.5. i came along this issue. My customizer  preview init is totally blank with no section and panel. Along with i got this error on console Uncaught TypeError: data.defaultValue.substring is not a function How i solved this issue? First I deactivated all plugin installed on a …

Error on WordPress

While debugging WordPress site, i found the following bug  that are really frustrating and brain storming. Grid mode may not work on media library Media gallery will  remain loading Admin panel may goes blank on switching theme or your front-end will remain totally blank without any error. Even if you had enable wp_debug mode. Widgets automatically close …

How to add Woocommerce product category on customizer?

Here is the steps you need to follow to add product category on customizer without extending customize class: Add section for the woocommerce  setting add setting for the category add select option on add control function Create custom function to list category create function for sanitization add_action('customize_register', 'your theme_theme_customize'); function your_theme_theme_customize($wp_customize) { //create section $wp_customize->add_section( …

What are hooks on WordPress?

Most of the people may gone through many article on filter or action hook, but still can't get concept on hook of WordPress , then you are on the best place to learn. Here i am not going to illustrate about basic theoritical meaning of hooks, just i will provide simple demonstration on hooks. Before …

How to change number of woocommerce related products through customizer setting?

Ok, lets start from creating  user interface  through customizer API. Hope you guys know about Customizer setting API API of WordPress. This is how i build user interface to choose number of related products on theme. First add this code inside "customize_register" hooks. //create section  for woocommerce setting $wp_customize->add_section( 'woocommerce_settings', array( 'title' => __( 'Woocommerce Settings', …