palmerijosh

<p>Displays ACF field instructions as tooltips using only CSS.</p>
<h3>Overview</h3>
<p>The <a href="https://www.advancedcustomfields.com" rel="nofollow ugc">Advanced Custom Fields plugin</a> by <a href="https://www.elliotcondon.com/" rel="nofollow ugc">Elliot Condon</a> is a fantastic resource for developers, allowing us to structure custom data and create a great user experience for data entry personnel.</p>
<p>The instruction text for ACF fields is useful, but creates visual clutter in the WordPress interface when there is a lot of instructional text. Thomas Meyer has created a great plugin to address this issue with his <a href="https://wordpress.org/plugins/acf-tooltip/" rel="ugc">ACF Tooltip Plugin</a>. However, when using this plugin on implementations that have a large number of ACF fields, I have seen that performance drops and load-time of the WP Dashboard increases.</p>
<p>This plugin, ACF Simple Tooltip, is a lightweight solution that uses only two lines of JavaScript to add classes to ACF field labels which have instruction text. CSS takes care of the rest (creating the “info” ⓘ icon, styling the instruction text as a tooltip, and creating the hover functionality for showing the tooltip). Simply install the plugin, and the JS and CSS will enqueue on any post.php page in the WP Dashboard.</p>
<h3>Contact</h3>
<p>This is an initial version, so please contact me if you find any issues while using the plugin. Happy developing!</p>


ACF Simple Tooltip

Displays ACF field instructions as tooltips using only CSS.

Mickey Kay

MIGHTYminnow

<p><strong>The plugin <a href="https://wordpress.org/plugins/classic-widgets/" rel="ugc">Classic Widgets</a> is needed (this plugin doesn’t work with Gutenberg).</strong></p>
<p><strong>Compatible with PHP 8.2</strong></p>
<p><strong>Do you find this plugin helpful? Please consider <a href="https://wordpress.org/support/view/plugin-reviews/dashboard-notes" rel="ugc">leaving a 5-star review</a>.</strong></p>
<p>Dashboard Notes lets you create super simple notes and instructions for your clients within the WordPress dashboard. Choose the color of the notification, whether or not to include a logo, and exactly what pages to include the notification on (uses simple URL matching).</p>
<h4>Usage</h4>
<ol>
<li>Install the Dashboard Notes.</li>
<li>Go to Appearance > Widgets where you will see a new “Dashboard Notes” sidebar.</li>
<li>To create a note, simply drag a new widget into the sidebar and give it some content (we typically use a text/HTML widget).</li>
<li>Once you’ve added content to the widget, click save, and the Dashboard Notes settings for this widget will appear.</li>
<li>Adjust the settings to meet your needs, and click save when you’re done.</li>
<li>Refresh, or navigate to any page to see your new note in action.</li>
<li>Use the plugin settings found via <strong>Settings > Dashboard Notes</strong> to choose which user roles can/can’t see the notices.</li>
</ol>
<h4>Credits</h4>
<p>Special thanks to <a href="https://profiles.wordpress.org/kasparsd/" rel="nofollow ugc">Kaspars Dambis</a> for his work on <a href="https://wordpress.org/plugins/widget-context/" rel="ugc">Widget Context</a> – much of this project is based on that code.</p>


Dashboard Notes

Easily create notes/instructions in the WordPress admin using any widget you like!

ACF Simple Tooltip vs Dashboard Notes