get_link(), $dropdown );
printf(
'',
$this->label,
$dropdown
);
echo '' . esc_html__( 'Hold down the Ctrl (windows) / Command (Mac) button to select multiple options.', 'audioman' ) . '
';
}
}
// Custom control for any note, use label as output description.
class Audioman_Note_Control extends WP_Customize_Control {
public $type = 'description';
public function render_content() {
echo '' . $this->label . '
';
}
}
/**
* Customize Custom Background Control class.
*
* @since 1.0.0
*
* @see WP_Customize_Upload_Control
*/
class Audioman_Background_Control extends WP_Customize_Upload_Control {
/**
* The type of customize control being rendered.
*
* @since 1.0.0
* @access public
* @var string
*/
public $type = 'background-image';
/**
* Mime type for upload control.
*
* @since 1.0.0
* @access public
* @var string
*/
public $mime_type = 'image';
/**
* Labels for upload control buttons.
*
* @since 1.0.0
* @access public
* @var array
*/
public $button_labels = array();
/**
* Field labels
*
* @since 1.0.0
* @access public
* @var array
*/
public $field_labels = array();
/**
* Background choices for the select fields.
*
* @since 1.0.0
* @access public
* @var array
*/
public $background_choices = array();
/**
* Constructor.
*
* @since 1.0.0
* @uses WP_Customize_Upload_Control::__construct()
*
* @param WP_Customize_Manager $manager Customizer bootstrap instance.
* @param string $id Control ID.
* @param array $args Optional. Arguments to override class property defaults.
*/
public function __construct( $manager, $id, $args = array() ) {
// Calls the parent __construct
parent::__construct( $manager, $id, $args );
// Set button labels for image uploader
$button_labels = $this->get_button_labels();
$this->button_labels = apply_filters( 'customizer_background_button_labels', $button_labels, $id );
// Set field labels
$field_labels = $this->get_field_labels();
$this->field_labels = apply_filters( 'customizer_background_field_labels', $field_labels, $id );
// Set background choices
$background_choices = $this->get_background_choices();
$this->background_choices = apply_filters( 'customizer_background_choices', $background_choices, $id );
}
/**
* Add custom parameters to pass to the JS via JSON.
*
* @since 1.0.0
* @access public
* @return void
*/
public function to_json() {
parent::to_json();
$background_choices = $this->background_choices;
$field_labels = $this->field_labels;
// Loop through each of the settings and set up the data for it.
foreach ( $this->settings as $setting_key => $setting_id ) {
$this->json[ $setting_key ] = array(
'link' => $this->get_link( $setting_key ),
'value' => $this->value( $setting_key ),
'label' => isset( $field_labels[ $setting_key ] ) ? $field_labels[ $setting_key ] : ''
);
if ( 'image_url' === $setting_key ) {
if ( $this->value( $setting_key ) ) {
// Get the attachment model for the existing file.
$attachment_id = attachment_url_to_postid( $this->value( $setting_key ) );
if ( $attachment_id ) {
$this->json['attachment'] = wp_prepare_attachment_for_js( $attachment_id );
}
}
}
elseif ( 'repeat' === $setting_key ) {
$this->json[ $setting_key ]['choices'] = $background_choices['repeat'];
}
elseif ( 'size' === $setting_key ) {
$this->json[ $setting_key ]['choices'] = $background_choices['size'];
}
elseif ( 'position' === $setting_key ) {
$this->json[ $setting_key ]['choices'] = $background_choices['position'];
}
elseif ( 'attach' === $setting_key ) {
$this->json[ $setting_key ]['choices'] = $background_choices['attach'];
}
}
}
/**
* Render a JS template for the content of the media control.
*
* @since 1.0.0
*/
public function content_template() {
parent::content_template();
?>
<# if ( data.attachment && data.repeat && data.repeat.choices ) { #>
<# if ( data.repeat.label ) { #>
{{ data.repeat.label }}
<# } #>
<# } #>
<# if ( data.attachment && data.size && data.size.choices ) { #>
<# if ( data.size.label ) { #>
{{ data.size.label }}
<# } #>
<# } #>
<# if ( data.attachment && data.position && data.position.choices ) { #>
<# if ( data.position.label ) { #>
{{ data.position.label }}
<# } #>
<# } #>
<# if ( data.attachment && data.attach && data.attach.choices ) { #>
<# if ( data.attach.label ) { #>
{{ data.attach.label }}
<# } #>
<# } #>
esc_html__( 'Select Image', 'audioman' ),
'change' => esc_html__( 'Change Image', 'audioman' ),
'remove' => esc_html__( 'Remove', 'audioman' ),
'default' => esc_html__( 'Default', 'audioman' ),
'placeholder' => esc_html__( 'No image selected', 'audioman' ),
'frame_title' => esc_html__( 'Select Image', 'audioman' ),
'frame_button' => esc_html__( 'Choose Image', 'audioman' ),
);
return $button_labels;
}
/**
* Returns field labels.
*
* @since 1.0.0
*/
public static function get_field_labels() {
$field_labels = array(
'repeat' => esc_html__( 'Background Repeat', 'audioman' ),
'size' => esc_html__( 'Background Size', 'audioman' ),
'position' => esc_html__( 'Background Position', 'audioman' ),
'attach' => esc_html__( 'Background Attachment', 'audioman' )
);
return $field_labels;
}
/**
* Returns the background choices.
*
* @since 1.0.0
* @return array
*/
public static function get_background_choices() {
$choices = array(
'repeat' => array(
'no-repeat' => esc_html__( 'No Repeat', 'audioman' ),
'repeat' => esc_html__( 'Tile', 'audioman' ),
'repeat-x' => esc_html__( 'Tile Horizontally', 'audioman' ),
'repeat-y' => esc_html__( 'Tile Vertically', 'audioman' )
),
'size' => array(
'auto' => esc_html__( 'Default', 'audioman' ),
'cover' => esc_html__( 'Cover', 'audioman' ),
'contain' => esc_html__( 'Contain', 'audioman' )
),
'position' => array(
'left-top' => esc_html__( 'Left Top', 'audioman' ),
'left-center' => esc_html__( 'Left Center', 'audioman' ),
'left-bottom' => esc_html__( 'Left Bottom', 'audioman' ),
'right-top' => esc_html__( 'Right Top', 'audioman' ),
'right-center' => esc_html__( 'Right Center', 'audioman' ),
'right-bottom' => esc_html__( 'Right Bottom', 'audioman' ),
'center-top' => esc_html__( 'Center Top', 'audioman' ),
'center-center' => esc_html__( 'Center Center', 'audioman' ),
'center-bottom' => esc_html__( 'Center Bottom', 'audioman' )
),
'attach' => array(
'fixed' => esc_html__( 'Fixed', 'audioman' ),
'scroll' => esc_html__( 'Scroll', 'audioman' )
)
);
return $choices;
}
}
}
add_action( 'customize_register', 'audioman_custom_controls', 1 );