dreihochzwo

<p>If an ACF field requires a longer instruction text, the layout of the edit screen is messy and a lot of space is wasted.</p>
<p>The ACF Tooltip plugin hides the field instructions, adds a help symbol to the field labels and generates a tooltip based on the instruction text.</p>
<h4>New in Version 1.2.0</h4>
<p>The tooltip will not hide if moused over, allowing create a tooltip with a link inside without hiding the tooltip.</p>
<h4>Custom settings</h4>
<p>There are 7 filters that allow adjusting the design and the behavior of the tooltips.</p>
<p><strong>This plugin works only with the <a href="https://www.advancedcustomfields.com/pro/" rel="nofollow ugc">ACF PRO</a> (version 5.5.0 or higher).</strong></p>
<h4>Localizations</h4>
<ul>
<li>English</li>
<li>Deutsch</li>
</ul>
<h3>Custom settings with filter hooks</h3>
<p>There are 7 filters that allow adjusting the design and the behavior of the tooltips can be adjusted.</p>
<h4>Set the design of the tooltips</h4>
<pre><code><?php
function acf_tooltip_style() {
    $style = 'qtip-acf';

    return $style;
}
add_filter('acf/tooltip/style', 'acf_tooltip_style');
?>
</code></pre>
<p>The available styles can be found on the <a href="http://qtip2.com/options#style" rel="nofollow ugc">qTip options page</a> and are shown on the <a href="http://qtip2.com/demos/" rel="nofollow ugc">qTip demo site</a>.</p>
<p>You can mix the styles; e.g. “qtip-acf qtip-rounded qtip-shadow”</p>
<p>If you like, you can define your own style, with the class name of your style from your own CSS file (see next filter).</p>
<p>The qtip-acf style is the standard style, which is set without a filter.</p>
<h4>Define your own CSS file</h4>
<pre><code><?php
function acf_tooltip_css() {
    $css_file = get_bloginfo('template_url') . '/qtip-own.css'; // if the file is saved in your themes folder

    return $css_file;
}
add_filter('acf/tooltip/css', 'acf_tooltip_css');
?>
</code></pre>
<p>You will find a ‘qtip-example-style.css’ in the ‘/assets/css’ folder.</p>
<h4>Positioning the corner of the tooltip</h4>
<pre><code><?php
function acf_tooltip_position_my() {
    $position_my = 'center left';

    return $position_my;
}
add_filter('acf/tooltip/position/my', 'acf_tooltip_position_my');
?>
</code></pre>
<h4>Position in relation to the tooltip icon</h4>
<pre><code><?php
function acf_tooltip_position_at() {
    $position_at = 'center right';

    return $position_at;
}
add_filter('acf/tooltip/position/at', 'acf_tooltip_position_at');
?>
</code></pre>
<p>Check out the <a href="http://qtip2.com/demos/" rel="nofollow ugc">qTip demo site</a> to find your perfect positioning.</p>
<h4>Apply tooltips only to fields with specific class</h4>
<pre><code><?php
function acf_tooltip_class() {
    $class = 'with__tooltip'; // edit this to your prefered class name

    return $class;
}
add_filter('acf/tooltip/class/only', 'acf_tooltip_class');
?>
</code></pre>
<p>Add the class to the fields where you want to show tooltips.</p>
<h4>Exclude tooltips on fields with specific class</h4>
<pre><code><?php
function acf_tooltip_class_exclude() {
    $class = 'no__tooltip'; // edit this to your prefered class name

    return $class;
}
add_filter('acf/tooltip/class/exclude', 'acf_tooltip_class_exclude');
?>
</code></pre>
<p>Add the class to the fields where you <em>don’t</em> want to show tooltips.</p>
<h4>Add tooltips to the Field Editor</h4>
<p>With this filter, you can specify whether the instructions in the Field Editor are displayed as tooltips as well. By default, the instructions are displayed.</p>
<pre><code><?php
add_filter('acf/tooltip/fieldeditor', '__return_true');
?>
</code></pre>


ACF Tooltip

Great plugin! Does the job well. However, a bit heavy; for large use cases where you have many ACF fields, I have seen a significant performance drop in the WP dashboard and increased load times.

Excellent!

Displays ACF field instructions as tooltips

Doodlebee

<p>WordPress developers: ever written awesome custom functions and script work for client’s site? Then you provide said client with instructions – either via printed manual, video tutorials, or even emails – but no matter how many ways you tell them how to use the site you just made for them, they keep asking you for instructions?</p>
<p>I’ve found this is typically because most clients want instructions that appear “in your face”.  They like immediate answers to their questions – they don’t want to have to find that file, or search their email for the answers.  It’s much faster for them to just call you and ask what to do.</p>
<p>This plugin solves the issue.  Now there can be no more excuses for not finding the answers you’ve already supplied for them <em>ad nauseum</em>.</p>
<h4>Features</h4>
<ol>
<li>Version 3.0 now has the option of using a custom tab, or the ability to be integrated in the WordPress “Help” tab.</li>
<li>Due to popular demand, I’ve added in a new feature where you can add a single instruction to multiple pages. </li>
<li>Choose the tab (named by your post title), and the “instructable” displays the content.
<ul>
<li>Content can be a written list of instructions, or some other form of media.</li>
<li>Content can be anything you like, and you can use it just like you would any other post – the only difference is, this stuff shows up in the back-end.</li>
</ul>
</li>
<li>The options page will allow you to set what user level can add/edit/delete “instructables”, as well as allow you to choose whether or not to make the instructions viewable from the front end. You can also choose to make front-end “instructables” viewable to the public, or only to logged-in users.  You can also give non-logged-in users “capabilities” to restrict what they see.</li>
<li>You can set what end user level can view which instructions. For example, you don’t want an Author to see the same instructions for “Edit Posts” that an Administrator would see – it would confuse them. So you can also create content and serve up specific information based on the user level, if you so desire. </li>
</ol>
<p>Note that upper levels will also see lower-level videos, so keep that in mind while preparing your instructions. I recommend making videos/content specific to the lowest level first, and then build onto that base as you go up the user-level chain of command.<br />
6. Multi-Site capable.<br />
If you have any questions, comments or suggestions for improvement, feel free to contact Shelly at <a href="http://brassblogs.com/contact" title="Web Design in Hartford, Farmington Valley, Granby, Avon, Simsbury, Weatogue CT" rel="nofollow ugc">Brass Blogs Web Design</a>. If you prefer Twitter, I’m <a href="http://twitter.com/brassblogs" rel="nofollow ugc">@brassblogs</a>.</p>
<p>Given that this is free, I offer limited support. Pretty much if you have issues with the plugin <em>working</em> I will do whatever I can to help you fix the issue, but when it comes to customizations, I’m in limited supply.  I’ll do what I can, but no guarantees.  Pretty much your standard “as-is” application.  In all honesty, ask customization questions in the forums – if I can’t help, perhaps someone else can.  (If you want to hire me to customize it, that’s another story – feel free to contact me to do so!)</p>


Back End Instructions

Plugin for WordPress developers to provide easy "how to use" instructions to their clients.

ACF Tooltip vs Back End Instructions