[WordPress] 外掛分享: ACF Simple Tooltip

WordPress 外掛 ACF Simple Tooltip 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「ACF Simple Tooltip」是 2019-03-03 上架。
  • 目前有 100 個安裝啟用數。
  • 上一次更新是 2022-05-18,距離現在已有 1080 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.7 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

palmerijosh |

外掛標籤

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

內容簡介

使用只有 CSS 的方式,顯示 ACF 欄位說明為工具提示。

總覽

Advanced Custom Fields(由Elliot Condon開發的外掛程式)是開發人員的一個絕佳資源,它讓我們可以結構化客製文字並為輸入資料的人創造良好的使用者體驗。

ACF 欄位的指導文字很有用,但是在 WordPress 的介面中當有很多指導文字時就會造成視覺上的雜亂。Thomas Meyer 創建了一個很棒的外掛程式 ACF Tooltip Plugin,以解決這個問題。然而,當使用此外掛程式在有大量 ACF 欄位的實作時,我注意到其效能會下降,導致 WP 儀表板的載入時間增加。

這個外掛程式 ACF Simple Tooltip 是一個輕量級的解決方案,只使用兩行 JavaScript 將有指導文字的 ACF 欄位標籤加上類別。CSS 會處理其餘部分(建立「資訊」ⓘ 圖標,將指導文字設計為工具提示,以及建立滑鼠滑過顯示工具提示的功能)。安裝此外掛程式,JS 和 CSS 將在 WP 儀表板的任何 post.php 頁面上連接。

聯絡方式

這是一個初始版本,如果您在使用此外掛程式時發現任何問題,請聯絡我。祝開發愉快!

原文外掛簡介

Displays ACF field instructions as tooltips using only CSS.
Overview
The Advanced Custom Fields plugin by Elliot Condon is a fantastic resource for developers, allowing us to structure custom data and create a great user experience for data entry personnel.
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 ACF Tooltip Plugin. 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.
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.
Contact
This is an initial version, so please contact me if you find any issues while using the plugin. Happy developing!

各版本下載點

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

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


1.0.0 | 1.1.0 | 1.1.1 | trunk |

延伸相關外掛(你可能也想知道)

  • Advanced Custom Fields: Font Awesome Field 》在 Advanced Custom Fields 中添加一個Font Awesome 圖標字段類型。, , 指定要使用哪些 Font Awesome...。
  • ACF Content Analysis for Yoast SEO 》此外掛確保 Yoast SEO 分析包括所有 ACF 內容,包括彈性內容和重複器。, Yoast SEO for WordPress 內容和 SEO 分析不會考慮一篇文章的Advanced Custom Fields...。
  • Table Field Add-on for ACF and SCF 》表格欄位外掛程式增強了Advanced Custom Fields外掛程式的功能,讓表格編輯更易於使用。, 此外掛程式需要Advanced Custom Fields外掛程式或專業版!, 表格欄...。
  • ACF: Better Search 》此插件可為 WordPress 搜尋引擎添加額外功能,讓您可以在 Advanced Custom Fields 指定的欄位中搜尋內容。, 一切都是自動運作的,您無需添加任何額外的程式碼...。
  • Advanced Custom Fields: Gravity Forms Add-on 》提供進階自訂欄位 (Advanced Custom Field),讓 WordPress 編輯使用者或管理員可以在欄位群組配置中選擇 Gravity Form。, 可以在 外掛的 GitHub 存儲庫 中找...。
  • Advanced Custom Fields: Image Crop Add-on 》ACF圖像裁剪是ACF本地Image字段的擴展版本。, 該字段給開發人員 /管理員提供了一個選項,可以預定義圖像的大小,用戶會在各種編輯屏幕上被提示裁剪。這解決了...。
  • Advanced Custom Fields: Nav Menu Field 》使用 Nav Menu Field 外掛將導覽選單加入Advanced Custom Fields (ACF)。此外掛會在 ACF(版本 5 和 4)加入 Nav Menu 欄位類型,讓您從 WordPress 管理後台...。
  • ACF Theme Code for Advanced Custom Fields 》ACF Theme Code 外掛可以自動生成在主題中實現 Advanced Custom Fields 所需的程式碼。以下是該外掛的功能特色:, , - 縮短網站開發時間。, - 當您發布、編輯...。
  • ACF qTranslate 》此外掛提供 qTranslate-X 相容的 ACF4 和 ACF5PRO 欄位類型,包括文字、文字區域、所見即所得編輯器、影像和檔案。新增欄位至群組時,這些新的欄位類型將在欄...。
  • ACF Field For Contact Form 7 》此外掛為「Advanced Custom Fields」WordPress 外掛添加一個「Contact Form 7」欄位類型。, 您可以將一個或多個聯絡表單存儲在「Advanced Custom Fields」欄...。
  • Admin Columns for ACF Fields 》使用此外掛在 WordPress 後端的「所有文章」表格視圖中顯示 ACF 欄位。, 只需在任何常規字段的 ACF 字段設置中啟用新選項「管理列」(請參見以下例外),就會...。
  • ACF Columns 》使用 ACF Columns(ACF欄位佈局外掛)可以在文章編輯器中將ACF欄位排成欄位群組。, 使用新的ACF 5.7,可以在不同的欄位中使用條件邏輯。, 對於每個欄位,請在...。
  • LuckyWP ACF Menu Field 》將導覽選單欄位類型加入 Advanced Custom Fields 外掛。, 功能特色, , 可自訂回傳值:ID、物件(WP_Term)或 HTML(使用 wp_nav_menu() 函數)。, 引用過濾器...。
  • Advanced Custom Fields Repeater & Flexible Content Fields Collapser 》此外掛的「Repeater」和「Flexible Content Field」功能,讓 ACF 變得非常強大,但若有多個欄位使用這兩者中的一個或兩個以上,排序時會顯得相當不便。此外掛...。
  • Advanced Custom Fields: Typography Field 》「Advanced Custom Fields」外掛的排版類別欄位,讓你新增不同的文字屬性,例如字型大小、字型家族、字體顏色等。, 支援的子欄位, , 字型大小, 字型家族, 字...。

文章
Filter
Apply Filters
Mastodon