Changeset 41252 for trunk/src/wp-includes/widgets/class-wp-widget-media-image.php

Timestamp:

08/14/2017 05:55:24 PM (9 years ago)

Author:

westonruter

Message:

Widgets: Expose link URL input field in Image widget to avoid having to open media modal to discover.

Props timmydcrawford, westonruter.
See #39993.
Fixes #41274.

File:

• trunk/src/wp-includes/widgets/class-wp-widget-media-image.php (modified) (3 diffs)

trunk/src/wp-includes/widgets/class-wp-widget-media-image.php

@@ -96 +96 @@
                                         'media_prop' => 'link',
                                         'description' => __( 'Link To' ),
-                                        'should_preview_update' => false,
+                                        'should_preview_update' => true,
                                 ),
                                 'link_url' => array(
@@ -104 +104 @@
                                         'media_prop' => 'linkUrl',
                                         'description' => __( 'URL' ),
-                                        'should_preview_update' => false,
+                                        'should_preview_update' => true,
                                 ),
                                 'image_classes' => array(
@@ -308 +308 @@
 
                 ?>
+                <script type="text/html" id="tmpl-wp-media-widget-image-fields">
+                        <# var elementIdPrefix = 'el' + String( Math.random() ) + '_'; #>
+                        <# if ( data.url ) { #>
+                        <p class="media-widget-image-link">
+                                <label for="{{ elementIdPrefix }}linkUrl"><?php esc_html_e( 'Link to:' ); ?></label>
+                                <input id="{{ elementIdPrefix }}linkUrl" type="url" class="widefat link" value="{{ data.link_url }}" placeholder="http://">
+                        </p>
+                        <# } #>
+                </script>
                 <script type="text/html" id="tmpl-wp-media-widget-image-preview">
-                        <#
-                        var describedById = 'describedBy-' + String( Math.random() );
-                        #>
+                        <# var describedById = 'describedBy-' + String( Math.random() ); #>
                         <# if ( data.error && 'missing_attachment' === data.error ) { #>
                                 <div class="notice notice-error notice-alt notice-missing-attachment">