[WordPress] 外掛分享： ACF Tooltip

WordPress 外掛 ACF Tooltip 的封面圖片。

前言介紹

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

外掛協作開發者

tmconnect |

外掛標籤

acf | acfpro | tooltip | instructions | advanced custom fields |

內容簡介

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

英語
德語

使用過濾器鉤子進行自定義設置
有7個過濾器可調整工具提示框的設計和行為。
設置工具提示框的設計
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樣式表
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" 文件。
定位工具提示框的角落
function acf_tooltip_position_my() {
$position_my = 'center left';

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

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

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

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

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

請將該類添加到需要顯示工具提示框的字段中。
排除具有特定類別的字段中的工具提示
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 |

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

  • ACF RGBA Color Picker 》RGBA Color Picker 是一個支援 RGBA 模式透明顏色的顏色選取器外掛。, 自訂顏色調板, 這個外掛提供了根據自己的需要客製化顏色調板的功能。使用acf/rgba_colo...。
  • ACF Columns 》使用 ACF Columns（ACF欄位佈局外掛）可以在文章編輯器中將ACF欄位排成欄位群組。, 使用新的ACF 5.7，可以在不同的欄位中使用條件邏輯。, 對於每個欄位，請在...。
  • ACF Repeater & Flexible Content Collapser 》如果在 Repeater 或 Flexible Content 欄位中有很多列，你需要不斷地滾動頁面以找到需要編輯的欄位，並且很難找到正確的欄位，同時也不容易變更欄位的順序。,...。
  • ACF Admin Flexible Content Collapse 》這個WordPress外掛是為了在ACF欄位編輯器中折疊和展開版面設置，以便更好地概覽版面或更輕鬆地在版面之間移動欄位。, 如果您在ACF欄位編輯器中創建了一個具有...。
  • ACF Tab & Accordion Title Icons 》ACF Tab & Accordion Title Icons 外掛擴充了 ACF Tab 和 Accordion 欄位設定，讓您可以在標題中加入圖示。, 這個外掛提供超過 240 種圖示可以使用於您的...。
  • ACF Simple Tooltip 》使用只有 CSS 的方式，顯示 ACF 欄位說明為工具提示。, 總覽, Advanced Custom Fields（由Elliot Condon開發的外掛程式）是開發人員的一個絕佳資源，它讓我們...。
  • ACF 5 Pro JSON Storage 》我在大部分自訂 WordPress 專案中使用 Advanced Custom Fields 5 Pro，而最新版本支援將你的欄位群組存為 JSON。要啟用這個功能，你只需在你的佈景主題內建立...。
  • ACF WPML Theme Options 》ACF WPML Theme Options 可以讓您使用另一種方式來顯示由 ACF 定義並使用 WPML 翻譯的佈景主題選項欄位，讓您避免在翻譯過程中出現任何問題。, 告別在您的主...。

文章
Filter
Apply Filters
Close
Mastodon