158 |
158 |
159 $alt_text_description = sprintf( |
159 $alt_text_description = sprintf( |
160 /* translators: 1: Link to tutorial, 2: Additional link attributes, 3: Accessibility text. */ |
160 /* translators: 1: Link to tutorial, 2: Additional link attributes, 3: Accessibility text. */ |
161 __( '<a href="%1$s" %2$s>Describe the purpose of the image%3$s</a>. Leave empty if the image is purely decorative.' ), |
161 __( '<a href="%1$s" %2$s>Describe the purpose of the image%3$s</a>. Leave empty if the image is purely decorative.' ), |
162 esc_url( 'https://www.w3.org/WAI/tutorials/images/decision-tree' ), |
162 esc_url( 'https://www.w3.org/WAI/tutorials/images/decision-tree' ), |
163 'target="_blank" rel="noopener noreferrer"', |
163 'target="_blank" rel="noopener"', |
164 sprintf( |
164 sprintf( |
165 '<span class="screen-reader-text"> %s</span>', |
165 '<span class="screen-reader-text"> %s</span>', |
166 /* translators: Accessibility text. */ |
166 /* translators: Accessibility text. */ |
167 __( '(opens in a new tab)' ) |
167 __( '(opens in a new tab)' ) |
168 ) |
168 ) |
250 </div> |
250 </div> |
251 <?php else : ?> |
251 <?php else : ?> |
252 <div class="upload-ui"> |
252 <div class="upload-ui"> |
253 <h2 class="upload-instructions drop-instructions"><?php _e( 'Drop files to upload' ); ?></h2> |
253 <h2 class="upload-instructions drop-instructions"><?php _e( 'Drop files to upload' ); ?></h2> |
254 <p class="upload-instructions drop-instructions"><?php _ex( 'or', 'Uploader: Drop files here - or - Select Files' ); ?></p> |
254 <p class="upload-instructions drop-instructions"><?php _ex( 'or', 'Uploader: Drop files here - or - Select Files' ); ?></p> |
255 <button type="button" class="browser button button-hero"><?php _e( 'Select Files' ); ?></button> |
255 <button type="button" class="browser button button-hero" aria-labelledby="post-upload-info"><?php _e( 'Select Files' ); ?></button> |
256 </div> |
256 </div> |
257 |
257 |
258 <div class="upload-inline-status"></div> |
258 <div class="upload-inline-status"></div> |
259 |
259 |
260 <div class="post-upload-ui"> |
260 <div class="post-upload-ui" id="post-upload-info"> |
261 <?php |
261 <?php |
262 /** This action is documented in wp-admin/includes/media.php */ |
262 /** This action is documented in wp-admin/includes/media.php */ |
263 do_action( 'pre-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores |
263 do_action( 'pre-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores |
264 /** This action is documented in wp-admin/includes/media.php */ |
264 /** This action is documented in wp-admin/includes/media.php */ |
265 do_action( 'pre-plupload-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores |
265 do_action( 'pre-plupload-upload-ui' ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores |
307 </div> |
307 </div> |
308 </script> |
308 </script> |
309 |
309 |
310 <?php // Template for the view switchers, used for example in the Media Grid. ?> |
310 <?php // Template for the view switchers, used for example in the Media Grid. ?> |
311 <script type="text/html" id="tmpl-media-library-view-switcher"> |
311 <script type="text/html" id="tmpl-media-library-view-switcher"> |
312 <a href="<?php echo esc_url( add_query_arg( 'mode', 'list', $_SERVER['REQUEST_URI'] ) ); ?>" class="view-list"> |
312 <a href="<?php echo esc_url( add_query_arg( 'mode', 'list', admin_url( 'upload.php' ) ) ); ?>" class="view-list"> |
313 <span class="screen-reader-text"><?php _e( 'List view' ); ?></span> |
313 <span class="screen-reader-text"><?php _e( 'List view' ); ?></span> |
314 </a> |
314 </a> |
315 <a href="<?php echo esc_url( add_query_arg( 'mode', 'grid', $_SERVER['REQUEST_URI'] ) ); ?>" class="view-grid current" aria-current="page"> |
315 <a href="<?php echo esc_url( add_query_arg( 'mode', 'grid', admin_url( 'upload.php' ) ) ); ?>" class="view-grid current" aria-current="page"> |
316 <span class="screen-reader-text"><?php _e( 'Grid view' ); ?></span> |
316 <span class="screen-reader-text"><?php _e( 'Grid view' ); ?></span> |
317 </a> |
317 </a> |
318 </script> |
318 </script> |
319 |
319 |
320 <?php // Template for the uploading status UI. ?> |
320 <?php // Template for the uploading status UI. ?> |
364 <# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #> |
364 <# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #> |
365 <img class="details-image icon" src="{{ data.icon }}" draggable="false" alt="" /> |
365 <img class="details-image icon" src="{{ data.icon }}" draggable="false" alt="" /> |
366 <# } #> |
366 <# } #> |
367 |
367 |
368 <# if ( 'audio' === data.type ) { #> |
368 <# if ( 'audio' === data.type ) { #> |
369 <div class="wp-media-wrapper"> |
369 <div class="wp-media-wrapper wp-audio"> |
370 <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none"> |
370 <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none"> |
371 <source type="{{ data.mime }}" src="{{ data.url }}"/> |
371 <source type="{{ data.mime }}" src="{{ data.url }}" /> |
372 </audio> |
372 </audio> |
373 </div> |
373 </div> |
374 <# } else if ( 'video' === data.type ) { |
374 <# } else if ( 'video' === data.type ) { |
375 var w_rule = ''; |
375 var w_rule = ''; |
376 if ( data.width ) { |
376 if ( data.width ) { |
382 <div style="{{ w_rule }}" class="wp-media-wrapper wp-video"> |
382 <div style="{{ w_rule }}" class="wp-media-wrapper wp-video"> |
383 <video controls="controls" class="wp-video-shortcode" preload="metadata" |
383 <video controls="controls" class="wp-video-shortcode" preload="metadata" |
384 <# if ( data.width ) { #>width="{{ data.width }}"<# } #> |
384 <# if ( data.width ) { #>width="{{ data.width }}"<# } #> |
385 <# if ( data.height ) { #>height="{{ data.height }}"<# } #> |
385 <# if ( data.height ) { #>height="{{ data.height }}"<# } #> |
386 <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>> |
386 <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>> |
387 <source type="{{ data.mime }}" src="{{ data.url }}"/> |
387 <source type="{{ data.mime }}" src="{{ data.url }}" /> |
388 </video> |
388 </video> |
389 </div> |
389 </div> |
390 <# } #> |
390 <# } #> |
391 |
391 |
392 <div class="attachment-actions"> |
392 <div class="attachment-actions"> |
403 <span class="spinner"></span> |
403 <span class="spinner"></span> |
404 <span class="saved"><?php esc_html_e( 'Saved.' ); ?></span> |
404 <span class="saved"><?php esc_html_e( 'Saved.' ); ?></span> |
405 </span> |
405 </span> |
406 <div class="details"> |
406 <div class="details"> |
407 <h2 class="screen-reader-text"><?php _e( 'Details' ); ?></h2> |
407 <h2 class="screen-reader-text"><?php _e( 'Details' ); ?></h2> |
|
408 <div class="uploaded"><strong><?php _e( 'Uploaded on:' ); ?></strong> {{ data.dateFormatted }}</div> |
|
409 <div class="uploaded-by"> |
|
410 <strong><?php _e( 'Uploaded by:' ); ?></strong> |
|
411 <# if ( data.authorLink ) { #> |
|
412 <a href="{{ data.authorLink }}">{{ data.authorName }}</a> |
|
413 <# } else { #> |
|
414 {{ data.authorName }} |
|
415 <# } #> |
|
416 </div> |
|
417 <# if ( data.uploadedToTitle ) { #> |
|
418 <div class="uploaded-to"> |
|
419 <strong><?php _e( 'Uploaded to:' ); ?></strong> |
|
420 <# if ( data.uploadedToLink ) { #> |
|
421 <a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a> |
|
422 <# } else { #> |
|
423 {{ data.uploadedToTitle }} |
|
424 <# } #> |
|
425 </div> |
|
426 <# } #> |
408 <div class="filename"><strong><?php _e( 'File name:' ); ?></strong> {{ data.filename }}</div> |
427 <div class="filename"><strong><?php _e( 'File name:' ); ?></strong> {{ data.filename }}</div> |
409 <div class="filename"><strong><?php _e( 'File type:' ); ?></strong> {{ data.mime }}</div> |
428 <div class="file-type"><strong><?php _e( 'File type:' ); ?></strong> {{ data.mime }}</div> |
410 <div class="uploaded"><strong><?php _e( 'Uploaded on:' ); ?></strong> {{ data.dateFormatted }}</div> |
|
411 |
|
412 <div class="file-size"><strong><?php _e( 'File size:' ); ?></strong> {{ data.filesizeHumanReadable }}</div> |
429 <div class="file-size"><strong><?php _e( 'File size:' ); ?></strong> {{ data.filesizeHumanReadable }}</div> |
413 <# if ( 'image' === data.type && ! data.uploading ) { #> |
430 <# if ( 'image' === data.type && ! data.uploading ) { #> |
414 <# if ( data.width && data.height ) { #> |
431 <# if ( data.width && data.height ) { #> |
415 <div class="dimensions"><strong><?php _e( 'Dimensions:' ); ?></strong> |
432 <div class="dimensions"><strong><?php _e( 'Dimensions:' ); ?></strong> |
416 <?php |
433 <?php |
438 <strong><?php _e( 'Bitrate:' ); ?></strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s |
455 <strong><?php _e( 'Bitrate:' ); ?></strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s |
439 <# if ( data.meta.bitrate_mode ) { #> |
456 <# if ( data.meta.bitrate_mode ) { #> |
440 {{ ' ' + data.meta.bitrate_mode.toUpperCase() }} |
457 {{ ' ' + data.meta.bitrate_mode.toUpperCase() }} |
441 <# } #> |
458 <# } #> |
442 </div> |
459 </div> |
|
460 <# } #> |
|
461 |
|
462 <# if ( data.mediaStates ) { #> |
|
463 <div class="media-states"><strong><?php _e( 'Used as:' ); ?></strong> {{ data.mediaStates }}</div> |
443 <# } #> |
464 <# } #> |
444 |
465 |
445 <div class="compat-meta"> |
466 <div class="compat-meta"> |
446 <# if ( data.compat && data.compat.meta ) { #> |
467 <# if ( data.compat && data.compat.meta ) { #> |
447 {{{ data.compat.meta }}} |
468 {{{ data.compat.meta }}} |
483 </span> |
504 </span> |
484 <span class="setting" data-setting="description"> |
505 <span class="setting" data-setting="description"> |
485 <label for="attachment-details-two-column-description" class="name"><?php _e( 'Description' ); ?></label> |
506 <label for="attachment-details-two-column-description" class="name"><?php _e( 'Description' ); ?></label> |
486 <textarea id="attachment-details-two-column-description" {{ maybeReadOnly }}>{{ data.description }}</textarea> |
507 <textarea id="attachment-details-two-column-description" {{ maybeReadOnly }}>{{ data.description }}</textarea> |
487 </span> |
508 </span> |
488 <span class="setting"> |
|
489 <span class="name"><?php _e( 'Uploaded By' ); ?></span> |
|
490 <span class="value">{{ data.authorName }}</span> |
|
491 </span> |
|
492 <# if ( data.uploadedToTitle ) { #> |
|
493 <span class="setting"> |
|
494 <span class="name"><?php _e( 'Uploaded To' ); ?></span> |
|
495 <# if ( data.uploadedToLink ) { #> |
|
496 <span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a></span> |
|
497 <# } else { #> |
|
498 <span class="value">{{ data.uploadedToTitle }}</span> |
|
499 <# } #> |
|
500 </span> |
|
501 <# } #> |
|
502 <span class="setting" data-setting="url"> |
509 <span class="setting" data-setting="url"> |
503 <label for="attachment-details-two-column-copy-link" class="name"><?php _e( 'File URL:' ); ?></label> |
510 <label for="attachment-details-two-column-copy-link" class="name"><?php _e( 'File URL:' ); ?></label> |
504 <input type="text" class="attachment-details-copy-link" id="attachment-details-two-column-copy-link" value="{{ data.url }}" readonly /> |
511 <input type="text" class="attachment-details-copy-link" id="attachment-details-two-column-copy-link" value="{{ data.url }}" readonly /> |
505 <span class="copy-to-clipboard-container"> |
512 <span class="copy-to-clipboard-container"> |
506 <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-two-column-copy-link"><?php _e( 'Copy URL' ); ?></button> |
513 <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-two-column-copy-link"><?php _e( 'Copy URL to clipboard' ); ?></button> |
507 <span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span> |
514 <span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span> |
508 </span> |
515 </span> |
509 </span> |
516 </span> |
510 <div class="attachment-compat"></div> |
517 <div class="attachment-compat"></div> |
511 </div> |
518 </div> |
512 |
519 |
513 <div class="actions"> |
520 <div class="actions"> |
514 <a class="view-attachment" href="{{ data.link }}"><?php _e( 'View attachment page' ); ?></a> |
521 <# if ( data.link ) { #> |
515 <# if ( data.can.save ) { #> | |
522 <a class="view-attachment" href="{{ data.link }}"><?php _e( 'View attachment page' ); ?></a> |
|
523 <# } #> |
|
524 <# if ( data.can.save ) { #> |
|
525 <# if ( data.link ) { #> |
|
526 <span class="links-separator">|</span> |
|
527 <# } #> |
516 <a href="{{ data.editLink }}"><?php _e( 'Edit more details' ); ?></a> |
528 <a href="{{ data.editLink }}"><?php _e( 'Edit more details' ); ?></a> |
517 <# } #> |
529 <# } #> |
518 <# if ( ! data.uploading && data.can.remove ) { #> | |
530 <# if ( ! data.uploading && data.can.remove ) { #> |
|
531 <# if ( data.link || data.can.save ) { #> |
|
532 <span class="links-separator">|</span> |
|
533 <# } #> |
519 <?php if ( MEDIA_TRASH ) : ?> |
534 <?php if ( MEDIA_TRASH ) : ?> |
520 <# if ( 'trash' === data.status ) { #> |
535 <# if ( 'trash' === data.status ) { #> |
521 <button type="button" class="button-link untrash-attachment"><?php _e( 'Restore from Trash' ); ?></button> |
536 <button type="button" class="button-link untrash-attachment"><?php _e( 'Restore from Trash' ); ?></button> |
522 <# } else { #> |
537 <# } else { #> |
523 <button type="button" class="button-link trash-attachment"><?php _e( 'Move to Trash' ); ?></button> |
538 <button type="button" class="button-link trash-attachment"><?php _e( 'Move to Trash' ); ?></button> |
534 <script type="text/html" id="tmpl-attachment"> |
549 <script type="text/html" id="tmpl-attachment"> |
535 <div class="attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}"> |
550 <div class="attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}"> |
536 <div class="thumbnail"> |
551 <div class="thumbnail"> |
537 <# if ( data.uploading ) { #> |
552 <# if ( data.uploading ) { #> |
538 <div class="media-progress-bar"><div style="width: {{ data.percent }}%"></div></div> |
553 <div class="media-progress-bar"><div style="width: {{ data.percent }}%"></div></div> |
539 <# } else if ( 'image' === data.type && data.sizes ) { #> |
554 <# } else if ( 'image' === data.type && data.size && data.size.url ) { #> |
540 <div class="centered"> |
555 <div class="centered"> |
541 <img src="{{ data.size.url }}" draggable="false" alt="" /> |
556 <img src="{{ data.size.url }}" draggable="false" alt="" /> |
542 </div> |
557 </div> |
543 <# } else { #> |
558 <# } else { #> |
544 <div class="centered"> |
559 <div class="centered"> |
593 <span class="spinner"></span> |
608 <span class="spinner"></span> |
594 <span class="saved"><?php esc_html_e( 'Saved.' ); ?></span> |
609 <span class="saved"><?php esc_html_e( 'Saved.' ); ?></span> |
595 </span> |
610 </span> |
596 </h2> |
611 </h2> |
597 <div class="attachment-info"> |
612 <div class="attachment-info"> |
598 <div class="thumbnail thumbnail-{{ data.type }}"> |
613 |
599 <# if ( data.uploading ) { #> |
614 <# if ( 'audio' === data.type ) { #> |
600 <div class="media-progress-bar"><div></div></div> |
615 <div class="wp-media-wrapper wp-audio"> |
601 <# } else if ( 'image' === data.type && data.sizes ) { #> |
616 <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none"> |
602 <img src="{{ data.size.url }}" draggable="false" alt="" /> |
617 <source type="{{ data.mime }}" src="{{ data.url }}" /> |
603 <# } else { #> |
618 </audio> |
604 <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> |
619 </div> |
605 <# } #> |
620 <# } else if ( 'video' === data.type ) { |
606 </div> |
621 var w_rule = ''; |
|
622 if ( data.width ) { |
|
623 w_rule = 'width: ' + data.width + 'px;'; |
|
624 } else if ( wp.media.view.settings.contentWidth ) { |
|
625 w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;'; |
|
626 } |
|
627 #> |
|
628 <div style="{{ w_rule }}" class="wp-media-wrapper wp-video"> |
|
629 <video controls="controls" class="wp-video-shortcode" preload="metadata" |
|
630 <# if ( data.width ) { #>width="{{ data.width }}"<# } #> |
|
631 <# if ( data.height ) { #>height="{{ data.height }}"<# } #> |
|
632 <# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>> |
|
633 <source type="{{ data.mime }}" src="{{ data.url }}" /> |
|
634 </video> |
|
635 </div> |
|
636 <# } else { #> |
|
637 <div class="thumbnail thumbnail-{{ data.type }}"> |
|
638 <# if ( data.uploading ) { #> |
|
639 <div class="media-progress-bar"><div></div></div> |
|
640 <# } else if ( 'image' === data.type && data.size && data.size.url ) { #> |
|
641 <img src="{{ data.size.url }}" draggable="false" alt="" /> |
|
642 <# } else { #> |
|
643 <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> |
|
644 <# } #> |
|
645 </div> |
|
646 <# } #> |
|
647 |
607 <div class="details"> |
648 <div class="details"> |
608 <div class="filename">{{ data.filename }}</div> |
649 <div class="filename">{{ data.filename }}</div> |
609 <div class="uploaded">{{ data.dateFormatted }}</div> |
650 <div class="uploaded">{{ data.dateFormatted }}</div> |
610 |
651 |
611 <div class="file-size">{{ data.filesizeHumanReadable }}</div> |
652 <div class="file-size">{{ data.filesizeHumanReadable }}</div> |
632 <# if ( data.fileLength && data.fileLengthHumanReadable ) { #> |
673 <# if ( data.fileLength && data.fileLengthHumanReadable ) { #> |
633 <div class="file-length"><?php _e( 'Length:' ); ?> |
674 <div class="file-length"><?php _e( 'Length:' ); ?> |
634 <span aria-hidden="true">{{ data.fileLength }}</span> |
675 <span aria-hidden="true">{{ data.fileLength }}</span> |
635 <span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span> |
676 <span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span> |
636 </div> |
677 </div> |
|
678 <# } #> |
|
679 |
|
680 <# if ( data.mediaStates ) { #> |
|
681 <div class="media-states"><strong><?php _e( 'Used as:' ); ?></strong> {{ data.mediaStates }}</div> |
637 <# } #> |
682 <# } #> |
638 |
683 |
639 <# if ( ! data.uploading && data.can.remove ) { #> |
684 <# if ( ! data.uploading && data.can.remove ) { #> |
640 <?php if ( MEDIA_TRASH ) : ?> |
685 <?php if ( MEDIA_TRASH ) : ?> |
641 <# if ( 'trash' === data.status ) { #> |
686 <# if ( 'trash' === data.status ) { #> |
692 </span> |
737 </span> |
693 <span class="setting" data-setting="url"> |
738 <span class="setting" data-setting="url"> |
694 <label for="attachment-details-copy-link" class="name"><?php _e( 'File URL:' ); ?></label> |
739 <label for="attachment-details-copy-link" class="name"><?php _e( 'File URL:' ); ?></label> |
695 <input type="text" class="attachment-details-copy-link" id="attachment-details-copy-link" value="{{ data.url }}" readonly /> |
740 <input type="text" class="attachment-details-copy-link" id="attachment-details-copy-link" value="{{ data.url }}" readonly /> |
696 <div class="copy-to-clipboard-container"> |
741 <div class="copy-to-clipboard-container"> |
697 <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link"><?php _e( 'Copy URL' ); ?></button> |
742 <button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link"><?php _e( 'Copy URL to clipboard' ); ?></button> |
698 <span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span> |
743 <span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span> |
699 </div> |
744 </div> |
700 </span> |
745 </span> |
701 </script> |
746 </script> |
702 |
747 |
973 /** This filter is documented in wp-admin/includes/media.php */ |
1018 /** This filter is documented in wp-admin/includes/media.php */ |
974 if ( ! apply_filters( 'disable_captions', '' ) ) : |
1019 if ( ! apply_filters( 'disable_captions', '' ) ) : |
975 ?> |
1020 ?> |
976 <span class="setting caption"> |
1021 <span class="setting caption"> |
977 <label for="embed-image-settings-caption" class="name"><?php _e( 'Caption' ); ?></label> |
1022 <label for="embed-image-settings-caption" class="name"><?php _e( 'Caption' ); ?></label> |
978 <textarea id="embed-image-settings-caption" data-setting="caption" /> |
1023 <textarea id="embed-image-settings-caption" data-setting="caption"></textarea> |
979 </span> |
1024 </span> |
980 <?php endif; ?> |
1025 <?php endif; ?> |
981 |
1026 |
982 <fieldset class="setting-group"> |
1027 <fieldset class="setting-group"> |
983 <legend class="name"><?php _e( 'Align' ); ?></legend> |
1028 <legend class="name"><?php _e( 'Align' ); ?></legend> |
1444 <strong aria-hidden="true"><?php _e( 'As a browser icon' ); ?></strong> |
1489 <strong aria-hidden="true"><?php _e( 'As a browser icon' ); ?></strong> |
1445 <div class="favicon-preview"> |
1490 <div class="favicon-preview"> |
1446 <img src="<?php echo esc_url( admin_url( 'images/' . ( is_rtl() ? 'browser-rtl.png' : 'browser.png' ) ) ); ?>" class="browser-preview" width="182" height="" alt="" /> |
1491 <img src="<?php echo esc_url( admin_url( 'images/' . ( is_rtl() ? 'browser-rtl.png' : 'browser.png' ) ) ); ?>" class="browser-preview" width="182" height="" alt="" /> |
1447 |
1492 |
1448 <div class="favicon"> |
1493 <div class="favicon"> |
1449 <img id="preview-favicon" src="{{ data.url }}" alt="<?php esc_attr_e( 'Preview as a browser icon' ); ?>"/> |
1494 <img id="preview-favicon" src="{{ data.url }}" alt="<?php esc_attr_e( 'Preview as a browser icon' ); ?>" /> |
1450 </div> |
1495 </div> |
1451 <span class="browser-title" aria-hidden="true"><# print( '<?php bloginfo( 'name' ); ?>' ) #></span> |
1496 <span class="browser-title" aria-hidden="true"><# print( '<?php bloginfo( 'name' ); ?>' ) #></span> |
1452 </div> |
1497 </div> |
1453 |
1498 |
1454 <strong aria-hidden="true"><?php _e( 'As an app icon' ); ?></strong> |
1499 <strong aria-hidden="true"><?php _e( 'As an app icon' ); ?></strong> |
1455 <div class="app-icon-preview"> |
1500 <div class="app-icon-preview"> |
1456 <img id="preview-app-icon" src="{{ data.url }}" alt="<?php esc_attr_e( 'Preview as an app icon' ); ?>"/> |
1501 <img id="preview-app-icon" src="{{ data.url }}" alt="<?php esc_attr_e( 'Preview as an app icon' ); ?>" /> |
1457 </div> |
1502 </div> |
1458 </script> |
1503 </script> |
1459 |
1504 |
1460 <?php |
1505 <?php |
1461 |
1506 |