前言介紹
- 這款 WordPress 外掛「Magic Buttons for Elementor」是 2021-04-02 上架。
- 目前有 30 個安裝啟用數。
- 上一次更新是 2021-04-03，距離現在已有 1492 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.3 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
addon | addons | buttom | widget | elementor |
內容簡介
這款外掛以新增一個鈕扣元件來擴充 Elementor，具有驚人的特色和滑鼠滑過效果！
外掛示範
點擊這裡觀看外掛示範
概述
這款外掛以新增一個鈕扣元件來擴充 Elementor，具有驚人的特色和滑鼠滑過效果！
您可以利用這些新的鈕扣效果來吸引觀眾，以提高點擊率和轉換率！
特色
在 Elementor 中新增「Magic Button」元件
15 種獨家的滑鼠滑過效果和動畫
易於自定義，具有許多選項可供選擇
與 Elementor (Magic Button Widget) 相容
與任何頁面建構器相容 (如果您使用簡碼)
與 Gutenberg 相容 (如果您使用簡碼)
安裝說明 / 如何使用
將 magic-buttons-for-elementor 資料夾上傳至 /wp-content/plugins/ 目錄
透過 WordPress 中的「外掛」選單啟用外掛
使用 Elementor 編輯頁面
將「Magic Button」元件拖放至您的頁面中。
使用元件選項自訂元件，並發佈該頁面。
完成！您的魔法鈕扣已完成！=)
如何使用簡碼來顯示可過濾的作品集網格
「Magic Button」元件將可在 Elementor 元件中使用，只需將其拖放至您的網站上，然後選擇自訂選項即可🙂
您還可以使用簡碼在頁面 / 文章上顯示作品集網格，或是使用 Gutenberg 和其他頁面建構器：
[magic-button]
[magic-button link=”‘.$linkurl.'” target=”‘.$target.'” nofollow=”‘.$nofollow.'” align=”‘.$align.'” style=”‘.$style.'” text=”‘.$text.'” icon=”‘.$iconvalue.'” icon_position=”‘.$icon_align.'” size=”‘.$size.'”]
您可以使用以下選項進行自訂：
link：設定按鈕的連結 (例如：link=”http://wordpress.org”)
target：您可以使用它來在新窗口中開啟連結。選項：true/false (例如：target=”true”)
nofollow：使用它來設置連結為「nofollow」。選項：true/false (例如：nofollow=”true”)
align：按鈕對齊方式。選項：center/left/right (例如：align=”center”)
style：按鈕的滑鼠滑過效果。選項：參閱 https://pwrplugins.com/magic-buttons-for-elementor-addon-and-widget-plugin-demo/ (例如：style=”nina”)
size：按鈕的大小。選項：sm/md/lg (例如：size=”lg”)
請注意，簡碼選項目前非常有限。您可能需要使用 CSS 自訂顏色和字型。
採用 Elementor，您可以使用元件選項自訂全部內容。
參考資訊
滑鼠滑過效果啟發自 Tympanus 的經典文章，請參閱：https://tympanus.net/codrops/2015/02/26/inspiration-button-styles-effects/
原文外掛簡介
This plugin extend Elementor by adding a new button widget, with awesome features and hover effects!
Plugin Demo
Click here to see the plugin demo
Overview
This plugin extend Elementor by adding a new button widget, with awesome features and hover effects!
You can impress your audience with new button effects, and thus increase your clicks and conversions!
Features
A new “Magic Button” widget available with Elementor
15 exclusive hover effects and animations
Easy to customize, lot’s of options available
Compatible with Elementor (Magic Button Widget)
Compatible with any page builder (if you use the shortcode)
Compatible with Gutenberg (if you use the shortcode)
Installation Instructions / How to use
Upload magic-buttons-for-elementor folder to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Edit a page with Elementor
Drag and drop the Magic Button widget to your page.
Customize it using the widget options and publish the page.
Done! Your magic button is ready! =)
How to display the filterable portfolio grid using a shortcode
The Magic Buttob widget will be available in Elementor items. Just drag it to your website and select the customization options 🙂
You can also use dthe shortcode to display the portfolio grid on a page/post, or using Gutenberg and other page builders:
[magic-button]
[magic-button link=”‘.$linkurl.'” target=”‘.$target.'” nofollow=”‘.$nofollow.'” align=”‘.$align.'” style=”‘.$style.'” text=”‘.$text.'” icon=”‘.$iconvalue.'” icon_position=”‘.$icon_align.'” size=”‘.$size.'”]
You can customize it using these options:
link: Set the link of the button (eg: link=”http://wordpress.org”).
target: You can use it to open the link in a new window. Options: true/false.(eg: target=”true”).
nofollow: Use it to set the link as “nofollow”. Options: true/false (eg: nofollow=”true”).
align: The aligment of the button. Options: center/left/right. (eg: align=”center”).
style: The hover effect of the button. Options: see https://pwrplugins.com/magic-buttons-for-elementor-addon-and-widget-plugin-demo/. (eg: style=”nina”).
size: Size of the button. Options: sm/md/lg (eg: size=”lg”).
Please note that the shortcode option is very limited for now. You may need to customize colors and fonts using CSS.
With Elementor, you can customize everything using the widget options.
Reference
The hover effects are inspired on this awesome article from Tympanus: https://tympanus.net/codrops/2015/02/26/inspiration-button-styles-effects/
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Magic Buttons for Elementor」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Widgets for Google Reviews 》onal version of our review software, you can:, , , Display unlimited Google Reviews, Customize widget design and behavior, Respond to reviews direc...。
Blocksy Companion 》Blocksy Companion 是一個外掛，將 Blocksy 主題轉化為強大的瑞士軍刀工具。, 只有在安裝並啟用 Blocksy 主題時，它才會運行並添加增強功能。, 最小需求, , W...。
Black Studio TinyMCE Widget 》此外掛添加了一個新的 Visual Editor 小工具類型，讓您能夠在側邊欄中輕鬆地插入豐富的文字和媒體對象。使用 Black Studio TinyMCE Widget 時，您將能夠使用W...。
Widget Importer & Exporter 》Widget Importer & Exporter 是一個有用的外掛，可將小工具從一個WordPress站點移動到另一個站點，備份小工具，並供主題開發人員為用戶提供範例小工具。...。
Orbit Fox by ThemeIsle 》透過Orbit Fox，您可以使用各種模組擴充您的主題功能，例如社交媒體分享按鈕和圖示、自訂選單圖示、頁首和頁尾腳本、一鍵導入頁面模板、頁面建構器附加元件和...。
Recent Posts Widget With Thumbnails 》列出最新的文章標題、縮略圖、摘要、作者、類別、日期等等！, 雖然此外掛僅建立在小工具區域，但使用者報告說它在 Elementor 和 Oxygen 上運作順暢。但它是否...。
WordPress Popular Posts 》WordPress Popular Posts 是一個高度可定製的小工具，可以顯示您最受歡迎的文章。, 主要特點, , 多小工具功能 – 您可以在您的博客上擁有多個 WordPress...。
Widget Logic 》此外掛可在每個小工具中新增一個名為 "Widget logic" 的額外控制欄，讓您控制這個小工具會出現在哪些頁面上。文字欄位允許您使用 WP 的Conditional Tags或任...。
Social Media Share Buttons & Social Sharing Icons 》在你的免費測試網站上試試看：點擊此處 => https://tastewp.com/plugins/ultimate-social-media-icons, （這個技巧適用於所有外掛 – 只需在外掛的 WP 存儲庫 ...。
Fixed Widget and Sticky Elements for WordPress 》使用 Fixed Widget 外掛可以創建黏貼式的小部件、區塊和其他元素，當用戶向上或向下滾動頁面時，它們會保持在可見的屏幕區域內。, 相較於非固定小工具，黏貼...。
PHP Code Widget 》普通的文字小工具允許您插入任意文字和/或 HTML 代碼。這個外掛程式也允許這樣做，但還會解析文本小工具中的任何 PHP 代碼並執行它。, 這可以讓您更輕鬆地遷...。
Image Widget 》Image Widget 是一個簡單的外掛程式，利用 WordPress 原生媒體管理員，為您的網站新增圖片小工具。, 需要新增幻燈片、燈箱或隨機圖像嗎？, 請查看 Image Widg...。
Custom Sidebars – Dynamic Sidebar Classic Widget Area Manager 》使用 Custom Sidebars，一個靈活的小工具管理器，在您的網站上管理和替換側邊欄和其他小工具區。, 製作自訂側邊欄配置，能夠選擇在您網站的每個頁面或文章上...。
Recent Posts Widget Extended 》外掛描述, 此外掛可以啟用自定義、靈活且進階的最新文章功能，您可以透過簡碼或小工具來顯示它。您可以顯示具有縮略圖、摘要和發佈日期的最新文章清單，並且...。
Widget Shortcode 》這個短碼需要小工具的ID，但不需要猜測，外掛會為你生成代碼。如果你想要覆蓋小工具的標題，你可以使用 "title" 參數：, [widget id=”text-1″...。