Title: ACF Tooltip
Author: dreihochzwo
Published: <strong>21 مارچ 2017</strong>
Last modified: 22 ڊسمبر 2024

---

پلگ انس ڳولھيو

![](https://ps.w.org/acf-tooltip/assets/banner-772x250.png?rev=1620887)

ھي پلگ ان **WordPress جي جديد 3 وڏين رليزز** سان آزمايو نه ويو آھي. اهو ٿي سگهي 
ٿو وڌيڪ برقرار يا سپورٽ نه ٿي سگهي ۽ ٿي سگهي ٿو مطابقت جا مسئلا جڏهن ورڈپریس جي 
وڌيڪ تازي ورزن سان استعمال ڪيو وڃي.

![](https://ps.w.org/acf-tooltip/assets/icon-256x256.png?rev=1620887)

# ACF Tooltip

 کان: [dreihochzwo](https://profiles.wordpress.org/tmconnect/)

[ڊائون لوڊ ڪريو](https://downloads.wordpress.org/plugin/acf-tooltip.1.2.5.zip)

 * [تفصيل](https://snd.wordpress.org/plugins/acf-tooltip/#description)
 * [جائزو](https://snd.wordpress.org/plugins/acf-tooltip/#reviews)
 *  [تنصيب](https://snd.wordpress.org/plugins/acf-tooltip/#installation)
 * [ترقي](https://snd.wordpress.org/plugins/acf-tooltip/#developers)

 [سھائتا](https://wordpress.org/support/plugin/acf-tooltip/)

## وضاحت

If an ACF field requires a longer instruction text, the layout of the edit screen
is messy and a lot of space is wasted.

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.

#### New in Version 1.2.0

The tooltip will not hide if moused over, allowing create a tooltip with a link 
inside without hiding the tooltip.

#### Custom settings

There are 7 filters that allow adjusting the design and the behavior of the tooltips.

**This plugin works only with the [ACF PRO](https://www.advancedcustomfields.com/pro/)(
version 5.5.0 or higher).**

#### Localizations

 * English
 * Deutsch

### Custom settings with filter hooks

There are 7 filters that allow adjusting the design and the behavior of the tooltips
can be adjusted.

#### Set the design of the tooltips

    ```
    <?php
    function acf_tooltip_style() {
        $style = 'qtip-acf';

        return $style;
    }
    add_filter('acf/tooltip/style', 'acf_tooltip_style');
    ?>
    ```

The available styles can be found on the [qTip options page](http://qtip2.com/options#style)
and are shown on the [qTip demo site](http://qtip2.com/demos/).

You can mix the styles; e.g. “qtip-acf qtip-rounded qtip-shadow”

If you like, you can define your own style, with the class name of your style from
your own CSS file (see next filter).

The qtip-acf style is the standard style, which is set without a filter.

#### Define your own CSS file

    ```
    <?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');
    ?>
    ```

You will find a ‘qtip-example-style.css’ in the ‘/assets/css’ folder.

#### Positioning the corner of the tooltip

    ```
    <?php
    function acf_tooltip_position_my() {
        $position_my = 'center left';

        return $position_my;
    }
    add_filter('acf/tooltip/position/my', 'acf_tooltip_position_my');
    ?>
    ```

#### Position in relation to the tooltip icon

    ```
    <?php
    function acf_tooltip_position_at() {
        $position_at = 'center right';

        return $position_at;
    }
    add_filter('acf/tooltip/position/at', 'acf_tooltip_position_at');
    ?>
    ```

Check out the [qTip demo site](http://qtip2.com/demos/) to find your perfect positioning.

#### Apply tooltips only to fields with specific class

    ```
    <?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');
    ?>
    ```

Add the class to the fields where you want to show tooltips.

#### Exclude tooltips on fields with specific class

    ```
    <?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');
    ?>
    ```

Add the class to the fields where you _don’t_ want to show tooltips.

#### Add tooltips to the Field Editor

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.

    ```
    <?php
    add_filter('acf/tooltip/fieldeditor', '__return_true');
    ?>
    ```

## تصوير

[⌊ACF Tooltip in standard mode⌉⌊ACF Tooltip in standard mode⌉[

ACF Tooltip in standard mode

## انسٽاليشن

 1. Upload the `acf-tooltip` folder to your `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Done!

## جائزا

![](https://secure.gravatar.com/avatar/7c04aec7f8289d1c303076cda1c97a59ab17839df986f491cb33b2e7015bbb23?
s=60&d=retro&r=g)

### 󠀁[Works like charme](https://wordpress.org/support/topic/works-like-charme-2/)󠁿

 [indysigner](https://profiles.wordpress.org/indysigner/) 21 سيپٽمبر 2021

Installed it, activated it, and guess what? It just works! Great job, Thomas!

![](https://secure.gravatar.com/avatar/74653e09d86eca41f64dc2c33de34f923ade472a5bd1d6ed89ab55389e1f4174?
s=60&d=retro&r=g)

### 󠀁[Very useful plugin.](https://wordpress.org/support/topic/very-useful-plugin-959/)󠁿

 [dionysios](https://profiles.wordpress.org/dionysios/) 15 مَي 2020

Very useful plugin. Please keep it alive and updated! Thank you!

![](https://secure.gravatar.com/avatar/4d014efa87ba16a435aec963da1d15ad17246bf7a0d53e23e801e652a26648c6?
s=60&d=retro&r=g)

### 󠀁[Excellent!](https://wordpress.org/support/topic/excellent-7319/)󠁿

 [palmerijosh](https://profiles.wordpress.org/palmerijosh/) 7 فيبروري 2019

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.

![](https://secure.gravatar.com/avatar/d17ff61b1a90175bd9c750ce3a0aa795d30bc8539cf0c7c9b67882d2b75fe06d?
s=60&d=retro&r=g)

### 󠀁[Very useful](https://wordpress.org/support/topic/very-useful-1776/)󠁿

 [edmin](https://profiles.wordpress.org/edmin/) 16 ڊسمبر 2018

Thanks for keeping it maintained, too.

![](https://secure.gravatar.com/avatar/0c7a2d9183c117bb04031d4d3cfe6cc84b39a0ba9eaf15506ba2b51a64307907?
s=60&d=retro&r=g)

### 󠀁[Saves so much space!](https://wordpress.org/support/topic/saves-so-much-space/)󠁿

 [FriendlyWP](https://profiles.wordpress.org/mmcginnis/) 16 نومبر 2018

For those who like verbose instructions, this plugin is a lifesaver. Works exactly
as expected. Thank you so much!

 [ جمع: سڀ 6 تبصرا پڙهو ](https://wordpress.org/support/plugin/acf-tooltip/reviews/)

## تعاون ڪندڙ & ڊولپرز

“ACF Tooltip” اوپن سورس سافٽ ويئر آهي. ھيٺين ماڻھن ھن پلگ ان ۾ حصو ورتو آھي.

تعاون ڪندڙ

 *   [ dreihochzwo ](https://profiles.wordpress.org/tmconnect/)

جمع: “ACF Tooltip” 4 جڳهن ۾ ترجمو ڪيو ويو آهي. [ترجمي ڪندڙن](https://translate.wordpress.org/projects/wp-plugins/acf-tooltip/contributors)
جي مهرباني سندن تعاون لاءِ.

[ترجمو ڪريو “ACF Tooltip” توهان جي ٻولي ۾.](https://translate.wordpress.org/projects/wp-plugins/acf-tooltip)

### ڊولپمينٽ ۾ دلچسپي؟

[ڪوڊ براؤز ڪريو](https://plugins.trac.wordpress.org/browser/acf-tooltip/)، چيڪ ڪريو
[SVN مخزن](https://plugins.svn.wordpress.org/acf-tooltip/)، يا رڪنيت حاصل ڪريو [ڊولپمينٽ لاگ](https://plugins.trac.wordpress.org/log/acf-tooltip/)
پاران [RSS](https://plugins.trac.wordpress.org/log/acf-tooltip/?limit=100&mode=stop_on_copy&format=rss).

## لاگ تبدیل ڪريو

#### v1.2.5

 * Fixed PHP8 compatibilty

#### v1.2.2

 * Fixed compatibilty error of 1.2.1 update if ACF is < 5.7.0

#### v1.2.1

 * Fixed [White-space bug](https://wordpress.org/support/topic/white-space-where-instructions-would-be-2)

#### v1.2.0

 * Tooltip is no longer hidden on hover

#### v1.1.0

 * Changed class name to prevent future conflicts with ACF

#### v1.0.0

 * Initial release of this plugin, tested and stable.

## ميٽا

 *  Version **1.2.5**
 *  Last updated **2 سالَ اڳ**
 *  Active installations **1,000+**
 *  WordPress version ** 4.7 يا وڌيڪ **
 *  Tested up to **6.7.7**
 *  Languages
 * [English (US)](https://wordpress.org/plugins/acf-tooltip/), [French (France)](https://fr.wordpress.org/plugins/acf-tooltip/),
   [German](https://de.wordpress.org/plugins/acf-tooltip/), [Japanese](https://ja.wordpress.org/plugins/acf-tooltip/),
   ءِ [Swedish](https://sv.wordpress.org/plugins/acf-tooltip/).
 *  [پنھنجي ٻولي ۾ ترجمو ڪريو](https://translate.wordpress.org/projects/wp-plugins/acf-tooltip)
 * Tags
 * [acf](https://snd.wordpress.org/plugins/tags/acf/)[acfpro](https://snd.wordpress.org/plugins/tags/acfpro/)
   [advanced custom fields](https://snd.wordpress.org/plugins/tags/advanced-custom-fields/)
   [instructions](https://snd.wordpress.org/plugins/tags/instructions/)[tooltip](https://snd.wordpress.org/plugins/tags/tooltip/)
 *  [ترقي يافته ڏيک](https://snd.wordpress.org/plugins/acf-tooltip/advanced/)

## درجه بندي

 5 out of 5 stars.

 *  [  5 5-star reviews     ](https://wordpress.org/support/plugin/acf-tooltip/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/acf-tooltip/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/acf-tooltip/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/acf-tooltip/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/acf-tooltip/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/acf-tooltip/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/acf-tooltip/reviews/)

## تعاون ڪندڙ

 *   [ dreihochzwo ](https://profiles.wordpress.org/tmconnect/)

## سھائتا

چوڻ لاءِ ڪجهه آهي؟ مدد گهرجي؟

 [ڏسو سپورٽ فورم](https://wordpress.org/support/plugin/acf-tooltip/)

## عطيو

ڇا توھان ھن پلگ ان جي ترقي ۾ مدد ڪرڻ چاھيو ٿا؟

 [ هن پلگ ان ڏانھن مدد ڪريو ](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=XMLKD8H84HXB4&lc=US&item_name=Donation%20for%20WordPress%20Plugins&no_note=0&cn=Add%20a%20message%3a&no_shipping=1&currency_code=EUR)