Using a custom template for the head container of a customizer section

When you are opening a panel in the customizer, either you get options directly (like in the »Site Identity« panel) or links to sections (like in the menu area). By default, these links look like in the screenshot below for Slider settings – the section title in a light area background with an arrow on the right side.

We want to change this so that we get a describing text with a button to open the section, as shown in the screenshot for Portfolio feature.

Continue reading "Using a custom template for the head container of a customizer section"

Creating dropdown-pages control with Customize JS API

All base controls from the core can be created with the Customize JS API, except the dropdown pages control, that renders as a select list with all pages of the site. This means, we usually need to create that control via the PHP API at the moment.

As a reaction to a question, Weston Ruter wrote a plugin that lets us create the dropdown pages control via the JS API (some details on that can be found in his answer to the question). The important part is the print_control_templates() method that creates a control template for the JS API to use when it should create a dropdown-pages control. This template is included in the customizer with the following call in the init() method:

add_action( 'customize_controls_print_footer_scripts', array( $this, 'print_control_templates' ) );
Code language: PHP (php)

Create code reference à la

In the code reference under you can find all functions, hooks, classes and methods of WordPress. For example, an entry for a function displays which parameters it expects, what return value there is and what the code looks like. Here I describe briefly how something similar can be done.

Continue reading "Create code reference à la"