[WordPress] 外掛分享： ACF Tooltip

內容目錄

1 前言介紹
2 外掛協作開發者
3 外掛標籤
4 內容簡介
5 原文外掛簡介
6 各版本下載點
7 延伸相關外掛（你可能也想知道）

前言介紹

這款 WordPress 外掛「ACF Tooltip」是 2017-03-20 上架。
目前有 2000 個安裝啟用數。
上一次更新是 2024-12-22，距離現在已有 430 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
外掛最低要求 WordPress 4.7 以上版本才可以安裝。
有 5 人給過評分。
還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

tmconnect |

外掛標籤

內容簡介

如果ACF字段需要更長的指示文字，編輯頁面的版面會變得凌亂，浪費很多空間。
ACF Tooltip外掛程序隱藏了字段指示，將幫助符號添加到字段標籤上，並基於指示文本生成工具提示框。
版本1.2.0中的新功能
如果懸停，工具提示窗口將不會隱藏，從而允許在其中創建帶有鏈接項目的工具提示。
自定義設置
有7個過濾器可調整工具提示框的設計和行為。
此外掛程式僅適用於ACF PRO（版本5.5.0或更高版本）。
本地化

英語
德語

使用過濾器鉤子進行自定義設置
有7個過濾器可調整工具提示框的設計和行為。
設置工具提示框的設計
<?php
function acf_tooltip_style() {
$style = 'qtip-acf';

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

可在qTip選項頁面上找到可用的樣式，並在qTip演示網站上顯示。您可以混合使用樣式，例如 "qtip-acf qtip-rounded qtip-shadow"。如果需要，您可以定義自己的樣式，使用自己CSS文件的類名（下一個過濾器中有說明）。qtip-acf樣式是標準樣式，無需過濾器即可設置。
定義您自己的CSS樣式表
<?php
function acf_tooltip_css() {
$css_file = get_bloginfo('template_url') . '/qtip-own.css'; // 如果在主題文件夾中保存此文件

返回$css_file;
}
add_filter('acf/tooltip/css'，'acf_tooltip_css');
?>

您可以在 /assets/css 文件夾中找到 "qtip-example-style.css" 文件。
定位工具提示框的角落
<?php
function acf_tooltip_position_my() {
$position_my = 'center left';

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

相對於工具提示符號的位置
<?php
function acf_tooltip_position_at() {
$position_at = 'center right';

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

訪問 qTip 演示網站，找到最佳位置。
僅將工具提示應用於具有特定類的字段
<?php
function acf_tooltip_class() {
$class = 'with__tooltip'; // 按您喜好的類名編輯

return $class;
}
add_filter('acf/tooltip/class/only'，'acf_tooltip_class');
?>

請將該類添加到需要顯示工具提示框的字段中。
排除具有特定類別的字段中的工具提示
<?php
function acf_tooltip_class_exclude() {
$class = 'no__tooltip'; // 按您喜好的類名編輯

返回$class;
}
add_filter('acf/tooltip/class/exclude'，'acf_tooltip_class_exclude');
?>

請將該類添加到不想顯示工具提示框的字段中。
在字段編輯器中添加工具提示
使用此過濾器可以指定是否顯示字段指示。

原文外掛簡介

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 (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

The available styles can be found on the qTip options page and are shown on the qTip demo site.
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

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

Position in relation to the tooltip icon

Check out the qTip demo site to find your perfect positioning.
Apply tooltips only to fields with specific class

Add the class to the fields where you want to show tooltips.
Exclude tooltips on fields with specific class

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.

各版本下載點

方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「ACF Tooltip」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.1.0 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | trunk |

延伸相關外掛（你可能也想知道）

Advanced Custom Fields (ACF®) 》Advanced Custom Fields 可以讓 WordPress 網站成為一個完整的內容管理系統，提供您所有工具以更好管理您的數據。, 使用 Advanced Custom Fields 外掛，完全...。
Advanced Custom Fields: Font Awesome Field 》在 Advanced Custom Fields 中添加一個< a href="http://fontawesome.io/" rel="nofollow ugc">Font Awesome 圖標字段類型。, , 指定要使用哪些 Font Awesome...。
Advanced Custom Fields: Extended 》🚀 全方位增強套件，可改進WordPress和Advanced Custom Fields。此外掛旨在提供一個強大的管理框架，涵蓋了眾多改進和優化。, 此外掛需要至少 ACF Pro 5.8。,...。
ACF Content Analysis for Yoast SEO 》此外掛確保 Yoast SEO 分析包括所有 ACF 內容，包括彈性內容和重複器。, Yoast SEO for WordPress 內容和 SEO 分析不會考慮一篇文章的Advanced Custom Fields...。
ACF Photo Gallery Field 》t; 'Status', , 'name' => 'status', , 'choices' => array(, 'public' => 'Public', , 'private' => ...。
Table Field Add-on for ACF and SCF 》表格欄位外掛程式增強了Advanced Custom Fields外掛程式的功能，讓表格編輯更易於使用。, 此外掛程式需要Advanced Custom Fields外掛程式或專業版！, 表格欄...。
Really Simple CSV Importer 》替代 CSV 導入外掛程式。簡單而強大，最適合於技術狂熱者。, , 類別支援, 標籤支援, 自訂欄位支援, Smart Custom Fields 支援, Custom Field Suite 支援, Adv...。
ACF to REST API 》此 WordPress 外掛在WordPress REST API中提供了Advanced Custom Fields的端點, 詳細資訊請參閱GitHub：https://github.com/airesvsg/acf-to-rest-api/。
ACF Quick Edit Fields 》這個 WordPress 外掛為 Advanced Custom Fields Plugin（Pro 和 Free 5+）增加了快速編輯功能。, 特色, , 在清單檢視中顯示 ACF 欄位值, 支援的 ACF 欄位類型...。
Advanced Custom Fields: Gravity Forms Add-on 》提供進階自訂欄位 (Advanced Custom Field)，讓 WordPress 編輯使用者或管理員可以在欄位群組配置中選擇 Gravity Form。, 可以在外掛的 GitHub 存儲庫中找...。
Advanced Custom Fields: Image Aspect Ratio Crop Field 》這是一個進階自訂欄位 (Advanced Custom Fields) 的外掛，會在使用者上傳圖片後強制執行特定的長寬比例或像素大小裁剪。使用長寬比例對於回應式圖片的使用情...。
ACF Theme Code for Advanced Custom Fields 》ACF Theme Code 外掛可以自動生成在主題中實現 Advanced Custom Fields 所需的程式碼。以下是該外掛的功能特色：, , - 縮短網站開發時間。, - 當您發布、編輯...。
ACF Options For Polylang 》您使用了高級自訂欄位來建立選項頁面，並且安裝了 Polylang 外掛以獲得令人驚嘆的多語言網站嗎？, 可惜的是，Polylang 並不處理 ACF 的選項頁面。這意味著您...。
ACF Field For CF7 》此外掛為「Advanced Custom Fields」WordPress 外掛添加一個「Contact Form 7」欄位類型。, 您可以將一個或多個聯絡表單存儲在「Advanced Custom Fields」欄...。
WPGraphQL for ACF 》- WPGraphQL for Advanced Custom Fields 是一個免費的開源 WordPress 外掛，將 ACF Fields 和 Field Groups 添加到 WPGraphQL Schema 中。, - 創建 ACF Fiel...。

文章

文章