How to add Navigation on Live composer gallery slider?

download.png

Live composer  gallery slider lacks the prev and next button. Hope this tutorial helps to add this button on live composer. Continue reading

Advertisements

Image

How to Add Metabox On Houzez Child Theme ?

houzez-preview

Hello everyone,
Today I am going to share my experience while adding metabox on child theme using metabox.io on Houzez child Theme
Houzez Theme use metabox.io plugin to create metabox field on custom post type property as well default WordPress Post type. While using “”rwmb_meta_boxes” filter hook on child theme I came to lost all the metafield created by Houzez Parent Theme. So I start to dig on the code and found that houzez theme provides “houzez_theme_meta” to extend metabox field. You can see this filed on this template:

houzez -> frameworkd -> metabox -> houzez-meta-boxes.php.

Continue reading

Image

How to use wp_dropdown_categories() on widget field?

usingwidgets

Hello Guys,

Let’s see how we can implement wp_dropdown_categories() on widget field.

Here I am implementing codex way of making widgets: see here for reference: https://codex.wordpress.org/Widgets_API

You can see more about wp_dropdown_categories() here: https://codex.wordpress.org/Function_Reference/wp_dropdown_categories

So here we go-> Continue reading

Image

How to crop image in customizer image field ?

theme-customization

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 see full code here: https://core.trac.wordpress.org/browser/tags/4.6/src/wp-includes/customize/class-wp-customize-cropped-image-control.php#L17
Before starting the tutorial I hope you all guys know how to add section, setting and control on customizer.
Step 1: First create section: Continue reading