Changeset 42013

Timestamp:

10/24/2017 11:34:31 PM (7 years ago)

Author:

melchoyce

Message:

Code Editors: Add a persistent notification on CSS files, encouraging people to use the CSS panel in the Customizer instead of editing their CSS files directly.

Props helen, westonruter, nic.bertino, michelleweber.
Fixes #42100.

File:

• trunk/src/wp-admin/theme-editor.php (modified) (1 diff)

trunk/src/wp-admin/theme-editor.php

@@ -184 +184 @@
         <p><?php _e( 'There was an error while trying to update the file. You may need to fix something and try updating again.' ); ?></p>
         <pre><?php echo esc_html( $edit_error->get_error_message() ? $edit_error->get_error_message() : $edit_error->get_error_code() ); ?></pre>
+    </div>
+<?php endif; ?>
+<?php if ( preg_match( '/\.css$/', $file ) ) : ?>
+    <div id="message" class="notice-info notice">
+        <p><strong><?php _e( 'Did you know?' ); ?></strong></p>
+        <p>
+            <?php
+            echo sprintf(
+                /* translators: %s is a link to Custom CSS section in the Customizer. */
+                __( 'There&#8217;s no need to change your CSS here &mdash; you can edit and live preview CSS changes in the <a href="%s">built-in CSS editor</a>.' ),
+                esc_url( add_query_arg( 'autofocus[section]', 'custom_css', admin_url( 'customize.php' ) ) )
+            );
+            ?>
+        </p>
     </div>
 <?php endif; ?>