Please find the below image. It will be more clear to understand my question.

I want to display the title that has been shown on above image in the Customizer.

How can I do that?

Please find the below image. It will be more clear to understand my question.

I want to display the title that has been shown on above image in the Customizer.

How can I do that?

• theme-customizer

• Hey hey, what have you tried so far and where exactly are you stuck? Please update your question for clarification. – norman.lol Commented Mar 29, 2019 at 18:14

1 Answer 1

You can create a Custom Control for WP Customizer and use it.
For example:

    class Sub_Section_Heading_Custom_Control extends WP_Customize_Control {

        //The type of control being rendered
        public $type = 'sub_section_heading';



        //Render the control in the customizer

        public function render_content() {

        ?>
            <div class="sub-section-heading-control">
                <?php if( !empty( $this->label ) ) { ?>
                    <h4 class="customize-control-title">
                          <?php echo esc_html( $this->label ); ?>
                    </h4>
                <?php } ?>

            </div>
        <?php
        }
    }

Add some CSS

.sub-section-heading-control 
    .customize-control-title{ 

   text-align: center;
   color: white;
   background-color: saddlebrown;
   padding: 10px;

    }

And add it to a section in Customizer:

$wp_customize->add_setting('heading_post_content', array()); // dummy

$wp_customize->add_control( new Sub_Section_Heading_Custom_Control( 
            $wp_customize, 'heading_post_content',
            array(
                'label'   => __( 'Post Content', 'your-text-domain' ), // Set heading text here
                'section' => 'post_single', // set section id here
            )
        ) );

It should look like this:

I hope this helps.