Title: WP_Widget_Media_Gallery::render_control_template_scripts
Published: November 20, 2017
Last modified: May 20, 2026

---

# WP_Widget_Media_Gallery::render_control_template_scripts()

## In this article

 * [Source](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#source)
 * [Related](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#related)
 * [Changelog](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#changelog)

[ Back to top](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#wp--skip-link--target)

Render form template scripts.

## 󠀁[Source](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#source)󠁿

    ```php
    public function render_control_template_scripts() {
    	parent::render_control_template_scripts();
    	?>
    	<script type="text/html" id="tmpl-wp-media-widget-gallery-preview">
    		<#
    		var ids = _.filter( data.ids, function( id ) {
    			return ( id in data.attachments );
    		} );
    		#>
    		<# if ( ids.length ) { #>
    			<ul class="gallery media-widget-gallery-preview" role="list">
    				<# _.each( ids, function( id, index ) { #>
    					<# var attachment = data.attachments[ id ]; #>
    					<# if ( index < 6 ) { #>
    						<li class="gallery-item">
    							<div class="gallery-icon">
    								<img alt="{{ attachment.alt }}"
    									<# if ( index === 5 && data.ids.length > 6 ) { #> aria-hidden="true" <# } #>
    									<# if ( attachment.sizes.thumbnail ) { #>
    										src="{{ attachment.sizes.thumbnail.url }}" width="{{ attachment.sizes.thumbnail.width }}" height="{{ attachment.sizes.thumbnail.height }}"
    									<# } else { #>
    										src="{{ attachment.url }}"
    									<# } #>
    									<# if ( ! attachment.alt && attachment.filename ) { #>
    										aria-label="
    										<?php
    										echo esc_attr(
    											sprintf(
    												/* translators: %s: The image file name. */
    												__( 'The current image has no alternative text. The file name is: %s' ),
    												'{{ attachment.filename }}'
    											)
    										);
    										?>
    										"
    									<# } #>
    								/>
    								<# if ( index === 5 && data.ids.length > 6 ) { #>
    								<div class="gallery-icon-placeholder">
    									<p class="gallery-icon-placeholder-text" aria-label="
    									<?php
    										printf(
    											/* translators: %s: The amount of additional, not visible images in the gallery widget preview. */
    											__( 'Additional images added to this gallery: %s' ),
    											'{{ data.ids.length - 5 }}'
    										);
    									?>
    									">+{{ data.ids.length - 5 }}</p>
    								</div>
    								<# } #>
    							</div>
    						</li>
    					<# } #>
    				<# } ); #>
    			</ul>
    		<# } else { #>
    			<div class="attachment-media-view">
    				<button type="button" class="placeholder button-add-media"><?php echo esc_html( $this->l10n['add_media'] ); ?></button>
    			</div>
    		<# } #>
    	</script>
    	<?php
    }
    ```

[View all references](https://developer.wordpress.org/reference/files/wp-includes/widgets/class-wp-widget-media-gallery.php/)
[View on Trac](https://core.trac.wordpress.org/browser/tags/7.0/src/wp-includes/widgets/class-wp-widget-media-gallery.php#L175)
[View on GitHub](https://github.com/WordPress/wordpress-develop/blob/7.0/src/wp-includes/widgets/class-wp-widget-media-gallery.php#L175-L237)

## 󠀁[Related](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#related)󠁿

| Uses | Description | 
| [WP_Widget_Media::render_control_template_scripts()](https://developer.wordpress.org/reference/classes/wp_widget_media/render_control_template_scripts/)`wp-includes/widgets/class-wp-widget-media.php` |

Render form template scripts.

  | 
| [__()](https://developer.wordpress.org/reference/functions/__/)`wp-includes/l10n.php` |

Retrieves the translation of $text.

  | 
| [esc_attr()](https://developer.wordpress.org/reference/functions/esc_attr/)`wp-includes/formatting.php` |

Escaping for HTML attributes.

  | 
| [esc_html()](https://developer.wordpress.org/reference/functions/esc_html/)`wp-includes/formatting.php` |

Escaping for HTML blocks.

  |

[Show 2 more](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#)
[Show less](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#)

## 󠀁[Changelog](https://developer.wordpress.org/reference/classes/wp_widget_media_gallery/render_control_template_scripts/?output_format=md#changelog)󠁿

| Version | Description | 
| [4.9.0](https://developer.wordpress.org/reference/since/4.9.0/) | Introduced. |

## User Contributed Notes

You must [log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fdeveloper.wordpress.org%2Freference%2Fclasses%2Fwp_widget_media_gallery%2Frender_control_template_scripts%2F)
before being able to contribute a note or feedback.