WP_Customize_Site_Icon_Control

19class WP_Customize_Site_Icon_Control extends WP_Customize_Cropped_Image_Control {20 21	/**22	 * Control type.23	 *24	 * @since 4.3.025	 * @var string26	 */27	public $type = 'site_icon';28 29	/**30	 * Constructor.31	 *32	 * @since 4.3.033	 *34	 * @see WP_Customize_Control::__construct()35	 *36	 * @param WP_Customize_Manager $manager Customizer bootstrap instance.37	 * @param string               $id      Control ID.38	 * @param array                $args    Optional. Arguments to override class property defaults.39	 *                                      See WP_Customize_Control::__construct() for information40	 *                                      on accepted arguments. Default empty array.41	 */42	public function __construct( $manager, $id, $args = array() ) {43		parent::__construct( $manager, $id, $args );44		add_action( 'customize_controls_print_styles', 'wp_site_icon', 99 );45	}46 47	/**48	 * Renders a JS template for the content of the site icon control.49	 *50	 * @since 4.5.051	 */52	public function content_template() {53		?>54		<# if ( data.label ) { #>55			<span class="customize-control-title">{{ data.label }}</span>56		<# } #>57 58		<# if ( data.attachment && data.attachment.id ) { #>59			<div class="attachment-media-view">60				<# if ( data.attachment.sizes ) { #>61					<style>62						:root{63							--site-icon-url: url( '{{ data.attachment.sizes.full ? data.attachment.sizes.full.url : data.attachment.url }}' );64						}65					</style>66					<div class="site-icon-preview customizer">67						<div class="direction-wrap">68							<img src="{{ data.attachment.sizes.full ? data.attachment.sizes.full.url : data.attachment.url }}" class="app-icon-preview" alt="{{69								data.attachment.alt ?70									wp.i18n.sprintf(71										<?php72										/* translators: %s: The selected image alt text. */73										echo wp_json_encode( __( 'App icon preview: Current image: %s' ) )74										?>75										,76										data.attachment.alt77									) :78									wp.i18n.sprintf(79										<?php80										/* translators: %s: The selected image filename. */81										echo wp_json_encode( __( 'App icon preview: The current image has no alternative text. The file name is: %s' ) );82										?>83										,84										data.attachment.filename85									)86							}}" />87							<div class="site-icon-preview-browser">88								<svg role="img" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg" class="browser-buttons"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 20a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm18 0a6 6 0 1 1 12 0 6 6 0 0 1-12 0Zm24-6a6 6 0 1 0 0 12 6 6 0 0 0 0-12Z" /></svg>89								<div class="site-icon-preview-tab">90									<img src="{{ data.attachment.sizes.full ? data.attachment.sizes.full.url : data.attachment.url }}" class="browser-icon-preview" alt="{{91										data.attachment.alt ?92											wp.i18n.sprintf(93												<?php94												/* translators: %s: The selected image alt text. */95												echo wp_json_encode( __( 'Browser icon preview: Current image: %s' ) );96												?>97												,98												data.attachment.alt