前言介紹
- 這款 WordPress 外掛「e.nigma buttons」是 2014-12-21 上架。
- 目前有 30 個安裝啟用數。
- 上一次更新是 2020-08-30，距離現在已有 1707 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.0.1 以上版本才可以安裝。
- 有 2 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
chemiker |
外掛標籤
icon | page | post | button | Font Awesome |
內容簡介
e.nigma buttons是一款輕量級的WordPress外掛程式，可以解決許多使用WordPress的人所遇到的共同問題：視覺突顯連結（例如下載鏈接）。其中一個好的解決方案就是使用按鈕。
按鈕的目的是明確的。你按下該按鈕時，就會發生某些事情。這是大多數用戶都知道的一個熟悉的原則。相比普通文本連結（例如下載鏈接），按鈕更容易被注意到，特別是如果你與圖標結合使用。
e.nigma buttons可以讓你使用簡單的短碼環境輕鬆地創建這些視覺上有吸引力的按鈕。
外掛程式的開發是一個開放的過程。當前版本可在github上獲得:
https://github.com/chemiker/enigma-buttons
歡迎通過github做出貢獻、修正錯誤或提供改進意見。
短碼和屬性
e.nigma buttons在你的安裝中添加了短碼[button]。你可以使用以下選項來調整按鈕以滿足你的需求:
label: 按鈕標籤
icon: 按鈕圖標
link: 按鈕鏈接
color: 按鈕顏色
border: yes（預設）或no
size: 小，中（預設）或大
class: 附加CSS類，將添加到您的按鈕圖標中
大多數短碼屬性都是自我說明的。但需要注意的是，可以使用修改後的Font Awesome短碼來填寫icon屬性。
例如: 如果你想使用GitHub圖標，你需要在所有圖標的列表中搜索該圖標。你會發現對應的CSS類。對於e.nigma buttons，使用圖標的名稱（如果去掉CSS類開始的“fa-”）即可。對於GitHub，CSS類為fa-github。因此，github是您icon屬性的值。
顏色
以下顏色可用：
* 綠色
* 橙色
* 紫色
* 青色
* 白色
* 紅色
* 黑色
除了這些值之外，您還可以使用16進位色碼（例如＃ff3600）
圖標
e.nigma buttons使用Dave Gandy的Font Awesome作為圖標資源。您可以在其網站上找到所有可用圖標的概述。
示例
[button label="My GitHub account" icon="github" color="orange" link="https://github.com/chemiker"]
帶有連結的中型橙色按鈕，帶有GitHub圖標和標籤“My GitHub account”。
[button icon="github" color="orange" link="https://github.com/chemiker" size="large"]
帶有連結的大型橙色GitHub圖標。
原文外掛簡介
e.nigma buttons is a lightweight plugin that adresses a common problem that applies to many WordPress users: Visually highlight a link (e.g. a download link). One great solution is the use of buttons
The purpose of a button is clear. You press that button and something happens. This is a well known principle that most users are aware of. In contrast to regular text links (e.g. a download link), buttons are more likely to be noticed, especially if you use them in combination with an icon.
e.nigma buttons allows you to easily create those visually attractive buttons using a simple shortcode environment.
Development of the plugin is an open process. The current version is available on github:
https://github.com/chemiker/enigma-buttons
Feel free to contribute and to fix errors or send improvements via github.
Shortcodes & Attributes
e.nigma buttons adds the shortcode [button] to your installation. The following options can be used to adjust the button for your needs:
label: The label of your button
icon: The icon of your button
link: The link of your button
color: The color of button
border: yes (default) or no
size: small, medium (default) or large
class: Additional CSS classes that will be added to your buttons icon
Most of the shortcodes attributes are self explaining. However, it must be noted that the icon attribute can be filled by using modififed Font Awesome shortcodes.
For instance: If you want to use the GitHub icon you would search for that icon in the list of all icons. What you will find is the corresponding CSS class. For e.nigma buttons the name of the icon (which is obtained if stripping the “fa-” in the beginning of the CSS class) is used. For GitHub the CSS class would be fa-github. Thus, github is your value for the icon attribute.
Colors
The following colors are avaible:
* green
* orange
* purple
* cyan
* white
* red
* black
In addition to those values you can also use a hex color code (e.g. #ff3600)
Icons
e.nigma buttons uses Font Awesome by Dave Gandy as icon resource. An overview over all available icons can be found on their website.
Examples
[button label="My GitHub account" icon="github" color="orange" link="https://github.com/chemiker"]
Brings you an linked, medium-sized, orange button that has a GitHub icon and the label “My GitHub account”.
[button icon="github" color="orange" link="https://github.com/chemiker" size="large"]
Brings you an orange, large-sized, linked GitHub icon.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「e.nigma buttons」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.1 | 1.0.0 | 1.0.1 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | trunk |
延伸相關外掛（你可能也想知道）
Font Awesome 》這是一個官方的 WordPress 外掛，讓你可以使用 Font Awesome Free 或 Pro 圖示，由 Font Awesome 團隊提供。此外掛提供以下功能：, , 使用 Pro 或 Free 的圖...。
Favicon by RealFaviconGenerator 》生成並設置桌面瀏覽器、iPhone/iPad、Android 設備、Windows 8 平板電腦等各種裝置的網站圖示。只需要幾秒鐘，即可設計出在所有主要平台上看起來很棒的圖示。...。
Better Font Awesome 》me 可以讓你自動將最新版本的 Font Awesome 及其相應的 CSS、短碼和 TinyMCE 圖示短碼生成器集成到你的 WordPress 項目中。, 功能, , 始終保持最新版本- 自動...。
To Top 》To Top 外掛在使用者往下捲動頁面時會新增一個浮動式的向上卷軸按鈕，預設位置在頁面右下方，當使用者點擊按鈕時可以平滑地捲回頁面頂端。若是網頁內容特別長...。
Icon Element – Elementor Page Builder Icon Pack (6718 icons) 》使用自訂圖示字型增強您在 Elementor 頁面建構中的體驗。, 18 個免費圖示包（共 6,718 個圖示）, , Material Design - 931 個圖示, Metrize - 299 個圖示, Ca...。
The Icon Block 》Icon Block 外掛會註冊一個單一且易於使用的區塊，讓您可以在 WordPress 區塊編輯器 (Gutenberg) 中加入自訂的 SVG 圖示和圖形。, 該外掛還包含完整的 WordPr...。
Favicon Rotator 》Favicon Rotator 外掛能夠讓您輕鬆客製化您網站上的圖示。只需透過管理頁面新增 favicon，並在每次訪客訪問您的網站時展示。, 亮點, , 新功能：為觸控裝置（A...。
Mobile Contact Bar 》Mobile Contact Bar 是一款簡潔而高度可自定義的外掛程式，允許您的訪客直接透過手機與您聯繫，或即時存取您網站上的頁面。, 在 WordPress 管理儀表板中，設...。
Custom Icons for Elementor and WPBakery 》Custom Elementor Icons 是一個免費的 WordPress 外掛，讓使用者可以無限制地上傳自訂圖示到他們的網站上。, 我們想要讓你在你的 WordPress 平台上創建獨特且...。
Heroic Favicon Generator 》“最佳的網站圖示外掛程式” ★★★★★ - WordPress.org 使用者評論。, 簡單強大的 WordPress 網站圖示外掛程式。, 使用 Heroic Favicon Generator 快...。
Icon Widget 》Icon Widget 創建一個新的 WordPress 小工具，顯示圖示、標題和描述。使用易於使用的下拉選項選擇大小、顏色和文字對齊方式。, 包括的圖示字型, , Font Aweso...。
Site Favicon 》新增網站圖示。, 在外觀 > 自訂 > 網站身分 > 網站圖示下設置網站圖示的 URL。, 如果您想要設置一個網站圖示，但也需要另外設置一個獨特的 favicon...。
All-in-one contact buttons – WPSHARE247 》這個外掛可以創建一個包含熱線電話、Zalo、Facebook、Messenger和電子郵件的綜合聯繫按鈕，以提高客戶呼叫和聊天轉換率。, 您可以輕鬆自由定制按鈕的位置，左...。
Themify Icons 》這個外掛讓你可以輕鬆地在你的文章內容、WordPress選單和小工具標題中插入 Themify 圖示。。
Flat Preloader 》Flat Preloader 是一款可幫助您創建具有多個精彩 GIF 圖示的加載頁面的 WordPress 外掛。, 您可以選擇顯示加載頁面的位置，例如首頁或全部頁面。, 功能請求 ...。