class WP_Customize_Background_Position_Control {}

Customize Background Position Control class.

Description

See also

Methods

NameDescription
WP_Customize_Background_Position_Control::content_templateRender a JS template for the content of the position control.
WP_Customize_Background_Position_Control::render_contentDon’t render the control content from PHP, as it’s rendered via JS on load.

Source

class WP_Customize_Background_Position_Control extends WP_Customize_Control {	/** * Type. * * @since 4.7.0 * @var string */	public $type = 'background_position';	/** * Don't render the control content from PHP, as it's rendered via JS on load. * * @since 4.7.0 */	public function render_content() {}	/** * Render a JS template for the content of the position control. * * @since 4.7.0 */	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	} } 

Changelog

VersionDescription
4.7.0Introduced.

User Contributed Notes

You must log in before being able to contribute a note or feedback.