theme-customizer - Read For Learn

Add custom background to div in home page

Use the wp-head-callback argument to specify your own handler: add_theme_support( ‘custom-background’, array( ‘wp-head-callback’ => ‘wpse_189361_custom_background_cb’, ‘default-color’ => ‘000000’, ‘default-image’ => ‘%1$s/images/background.jpg’, )); function wpse_189361_custom_background_cb() { ob_start(); _custom_background_cb(); // Default handler $style = ob_get_clean(); $style = str_replace( ‘body.custom-background’, ‘#featured-home-image’, $style ); echo $style; }

Get all registered wp theme customizer sections?

Have you tried sections method? You can use $wp_customize->sections(). Example: foreach ($wp_customize->sections() as $section_key => $section_object ) { echo $section_key . ‘<br />’; }

Customizer JS API dynamically add sections and controls

What you are looking for here is already 80% available already, if you use the Customize Posts plugin and enable the Testimonials content type in Jetpack. Sections for testimonial posts can be listed in a Testimonials panel, in addition to a Select2 to jump to one: And then when expanding the testimonial section there are … Read more

Add/remove controls dynamically based on other settings in Customizer

Ok so you can check out my repo with some custom controls https://github.com/dingo-d/wordpress-theme-customizer-extra-custom-controls I’ve adapted the contextual controls by Weston Ruters guide here: https://make.xwp.co/2016/07/24/dependently-contextual-customizer-controls/ In my example in the repo I have the boxed body checkbox control that toggles boxed body. You’ll need to enqueue a script to put the js code in add_action( ‘customize_controls_enqueue_scripts’, … Read more

How to print the value of a custom control in the Customizer?

Your code is perfect just need to change ‘theme_mod’ instead of ‘option’ it will solve this. function themename_customize_register($wp_customize){ $wp_customize->add_setting( ‘test_setting’, array( ‘default’ => ‘value_xyz’, ‘capability’ => ‘edit_theme_options’, ‘type’ => ‘theme_mod’, )); $wp_customize->add_control( ‘test_control’, array( ‘label’ => __(‘Text Test’, ‘themename’), ‘section’ => ‘spacious_slider_number_section1’, ‘settings’ => ‘test_setting’, )); } add_action(‘customize_register’, ‘themename_customize_register’); And to retrieve it get_theme_mod( ‘test_setting’ … Read more

Custom editable content for front page from Theme Customizer

It’s an interesting thought to use the theme customizer to completely build the front page. Here is how I would start it. First, let’s build a section that only shows on the front-page: add_action( ‘customize_register’, ‘wpse_205445_customizer’ ); function wpse_205445_customizer($wp_customize) { $wp_customize->add_section( ‘custom-front-page’, array( ‘title’ => “Custom Front Page”, ‘priority’ => 10, ‘active_callback’ => ‘is_front_page’ )); … Read more

How WP_Customize_Background_Image_Control is supposed to work?

There’s very little documentation on this class, but here below is the full example from WordPress core (here’s github). Note you’d be using the $wp_customize object you get as argument to your custom_register callback and not $this as does the core class. I’ve done a search and replace below and it works. /* CORE COPY … Read more

Is there any way to add placeholder for WordPress Customizer text input fields

You can use the input_attrs argument to pass attributes to the input: $wp_customize->add_control(‘directorist_address’, array( ‘label’ => __(‘Address’, ‘directorist’), ‘section’ => ‘directorist_contact’, ‘settings’ => ‘directorist_address’, ‘description’ => __(‘Enter your contact address. Eg. Abc Business Center, 123 Road, London, England’, ‘directorist’ ), ‘input_attrs’ => array( ‘placeholder’ => __( ‘Placeholder goes here…’, ‘directorist’ ), ) ) );

Different customizer previewUrls per section

You could use active_callback property to delegate section visibility depending on current preview screen. $wp_customize->add_section( ‘my-section’, array( ‘title’ => __( ‘Section Title’ ), ‘active_callback’ => ‘is_shop’, ) ); Or custom $wp_customize->add_section( ‘my-section’, array( ‘title’ => __( ‘Section Title’ ), ‘active_callback’ => ‘is_custom_condition’, ) ); function is_custom_condition(){ $condition_is_met = //Some boolean returning logic; if( ! $condition_is_met … Read more

How to upload multiple images with WP_Customize_Media_Control

Use this JQuery for multiple image uploads: <!– js multi image –> jQuery(document).ready(function($) { // add image uploader functionality var meta_image_frame; $(‘.meta-image-button’).live(‘click’, function(e){ e.preventDefault(); if( meta_image_frame ){ wp.media.editor.open(); return; } meta_image_frame = wp.media.frames.file_frame = wp.media({ title: ‘Portfolio Image Gallery Selection Window’, button: {text: ‘Add to Gallery’}, library: { type: ‘image’}, multiple: false }); meta_image_frame.on(‘select’, function(){ … Read more

+ More