
前言介紹
- 這款 WordPress 外掛「e.nigma buttons」是 2014-12-21 上架。 目前已經下架不再更新,不建議安裝使用。
- 目前有 30 個安裝啟用數。
- 上一次更新是 2020-08-30,距離現在已有 2006 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 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 |
延伸相關外掛(你可能也想知道)
AddQuicktag 》這個外掛讓在 HTML 和可視化編輯器中添加快捷標籤非常容易。您可以將您的快捷標籤匯出為可供其他插件版本匯入的 JSON 格式文件。, WordPress 的 WP-AddQuickt...。
To Top 》To Top 外掛在使用者往下捲動頁面時會新增一個浮動式的向上卷軸按鈕,預設位置在頁面右下方,當使用者點擊按鈕時可以平滑地捲回頁面頂端。若是網頁內容特別長...。WP Edit 》歡迎使用, 歡迎來到 WP Edit,終於可以掌控預設 WordPress 編輯器,並解鎖額外編輯工具的強大功能。您可以按照自己的工作流程將按鈕排列成工具列。此外,WP E...。
Forget About Shortcode Buttons 》相容於 WordPress 傳統編輯器,Gutenberg 整合即將推出🙂, 歡迎提出功能需求/建議!, 即忘短碼(FASC)按鈕是在所見即所得編輯器中及網站佈景主題中加入 CSS 按...。
Scroll To Top 》這個外掛可以自動啟用一個客製化且靈活的「回到頂部」按鈕到您的 WordPress 網站,讓您的訪客只需點擊一下,即可將網頁滾動回頂端!, 功能包括:, , 無需設置...。Custom Add To Cart Button for WooCommerce 》WooCommerce Custom Add to Cart Button 是一個簡單的外掛,可自訂您商店的加入購物車按鈕。它讓您輕鬆更改「加入購物車」按鈕文字、將購物車圖示添加到按鈕...。
Ultimate TinyMCE 》注意:終止 Ultimate Tinymce, 此外掛在 WordPress 3.9 及以上版本不再適用, 建議改用 WP Edit, , WordPress 已發布 3.9 版本。, 更新後,Ultimate Tinymce ...。
Scroll Back To Top 》Scroll Back to Top 是一個 WordPress 外掛,它會在使用者向下滾動頁面時出現一個按鈕,允許使用者回到頁面頂部。外掛已經預先設定好,啟用後即可使用。該外...。
jQuery Pin It Button for Images 》如果您想要在博客文章和頁面中輕鬆釘住圖片,此外掛將會幫您完成這個任務。當使用者將滑鼠移到圖片上時,此外掛會突出顯示圖片並在圖片上方添加一個「釘住」...。
Dynamic "To Top" Plugin 》這個 WordPress 外掛可新增一個自動的動態「回到頂部」按鈕,方便使用者輕易捲回長頁面的頂部。, 外掛有一個直覺式控制面板,可以針對每個網站的需求進行風格...。
Button visually impaired 》, Button visually impaired* is a plugin that automatically changes the version of your website for visually impaired people., , The panel for visua...。
Add to Cart Button Custom Text 》這個外掛讓你可以更改在WooCommerce中用於購買產品的「加入購物車」按鈕上所顯示的文字。你可以針對以下不同的產品類型和位置選擇使用不同的自訂文字:, 單一...。
Easy Media Download 》媒體檔案需要提供下載,你可以使用 WordPress 的外掛 - Easy Media Download。這款免費的下載管理外掛能夠讓你的使用者從你的網站上下載電子檔案。該外掛體積...。
Magee Shortcodes 》Magee 短代码是一款提供一系列短代码的 WordPress 外掛。它基於 Bootstrap 平台編寫,使用 HTML5 和 CSS3 語言編寫,可以在桌面和移動設備上實現完全響應式。...。
For the visually impaired 》For the visually impaired 外掛, 此外掛包含以下功能:, , 打開或關閉圖像顯示,若關閉則會顯示圖像標題或替代文字,黑白圖片模式;, 選擇字型(兩種模式)...。
