WP_Customize_Section::render_template │ protected │ WP 4.3.0

An Underscore (JS) template for rendering this section.

Class variables for this section class are available in the data JS object; export custom variables by overriding WP_Customize_Section::json().

Method of the class: WP_Customize_Section{}

No Hooks.

Returns

null. Nothing (null).

Usage

// protected - for code of main (parent) or child class
$result = $this->render_template();

Notes

• See: WP_Customize_Section::print_template()

Changelog

WP_Customize_Section::render_template() WP Customize Section::render template code ^{WP 6.8.3}

<?php
protected function render_template() {
	?>
	<li id="accordion-section-{{ data.id }}" class="accordion-section control-section control-section-{{ data.type }}">
		<h3 class="accordion-section-title">
			<button type="button" class="accordion-trigger" aria-expanded="false" aria-controls="{{ data.id }}-content">
				{{ data.title }}
			</button>
		</h3>
		<ul class="accordion-section-content" id="{{ data.id }}-content">
			<li class="customize-section-description-container section-meta <# if ( data.description_hidden ) { #>customize-info<# } #>">
				<div class="customize-section-title">
					<button class="customize-section-back" tabindex="-1">
						<span class="screen-reader-text">
							<?php
							/* translators: Hidden accessibility text. */
							_e( 'Back' );
							?>
						</span>
					</button>
					<h3>
						<span class="customize-action">
							{{{ data.customizeAction }}}
						</span>
						{{ data.title }}
					</h3>
					<# if ( data.description && data.description_hidden ) { #>
						<button type="button" class="customize-help-toggle dashicons dashicons-editor-help" aria-expanded="false"><span class="screen-reader-text">
							<?php
							/* translators: Hidden accessibility text. */
							_e( 'Help' );
							?>
						</span></button>
						<div class="description customize-section-description">
							{{{ data.description }}}
						</div>
					<# } #>

					<div class="customize-control-notifications-container"></div>
				</div>

				<# if ( data.description && ! data.description_hidden ) { #>
					<div class="description customize-section-description">
						{{{ data.description }}}
					</div>
				<# } #>
			</li>
		</ul>
	</li>
	<?php
}