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

Timestamp:

08/14/2017 05:55:24 PM (7 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">