WP_Customize_Background_Position_Control::content_template()publicWP 4.7.0

Render a JS template for the content of the position control.

Method of the class: WP_Customize_Background_Position_Control{}

No Hooks.

Return

null. Nothing (null).

Usage

$WP_Customize_Background_Position_Control = new WP_Customize_Background_Position_Control();
$WP_Customize_Background_Position_Control->content_template();

Changelog

Since 4.7.0 Introduced.

WP_Customize_Background_Position_Control::content_template() code WP 6.4.3

<?php
public function content_template() {
	$options = array(
		array(
			'left top'   => array(
				'label' => __( 'Top Left' ),
				'icon'  => 'dashicons dashicons-arrow-left-alt',
			),
			'center top' => array(
				'label' => __( 'Top' ),
				'icon'  => 'dashicons dashicons-arrow-up-alt',
			),
			'right top'  => array(
				'label' => __( 'Top Right' ),
				'icon'  => 'dashicons dashicons-arrow-right-alt',
			),
		),
		array(
			'left center'   => array(
				'label' => __( 'Left' ),
				'icon'  => 'dashicons dashicons-arrow-left-alt',
			),
			'center center' => array(
				'label' => __( 'Center' ),
				'icon'  => 'background-position-center-icon',
			),
			'right center'  => array(
				'label' => __( 'Right' ),
				'icon'  => 'dashicons dashicons-arrow-right-alt',
			),
		),
		array(
			'left bottom'   => array(
				'label' => __( 'Bottom Left' ),
				'icon'  => 'dashicons dashicons-arrow-left-alt',
			),
			'center bottom' => array(
				'label' => __( 'Bottom' ),
				'icon'  => 'dashicons dashicons-arrow-down-alt',
			),
			'right bottom'  => array(
				'label' => __( 'Bottom Right' ),
				'icon'  => 'dashicons dashicons-arrow-right-alt',
			),
		),
	);
	?>
	<# if ( data.label ) { #>
		<span class="customize-control-title">{{{ data.label }}}</span>
	<# } #>
	<# if ( data.description ) { #>
		<span class="description customize-control-description">{{{ data.description }}}</span>
	<# } #>
	<div class="customize-control-content">
		<fieldset>
			<legend class="screen-reader-text"><span>
				<?php
				/* translators: Hidden accessibility text. */
				_e( 'Image Position' );
				?>
			</span></legend>
			<div class="background-position-control">
			<?php foreach ( $options as $group ) : ?>
				<div class="button-group">
				<?php foreach ( $group as $value => $input ) : ?>
					<label>
						<input class="ui-helper-hidden-accessible" name="background-position" type="radio" value="<?php echo esc_attr( $value ); ?>">
						<span class="button display-options position"><span class="<?php echo esc_attr( $input['icon'] ); ?>" aria-hidden="true"></span></span>
						<span class="screen-reader-text"><?php echo $input['label']; ?></span>
					</label>
				<?php endforeach; ?>
				</div>
			<?php endforeach; ?>
			</div>
		</fieldset>
	</div>
	<?php
}