前言介紹
- 這款 WordPress 外掛「WPi Designer Button」是 2015-03-14 上架。 目前已經下架不再更新,不建議安裝使用。
- 目前有 3000 個安裝啟用數。
- 上一次更新是 2021-12-23,距離現在已有 1228 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 3.0.2 以上版本才可以安裝。
- 有 23 人給過評分。
- 論壇上目前有 1 個提問,問題解答率 0%
外掛協作開發者
外掛標籤
button | button maker | designer button | button generator | button shortcode |
內容簡介
碼在文章、頁面或小工具中插入所創建的按鈕。
請支持這個外掛,撰寫評論在這裡。預先感謝來自 WooPrali 的支持!
按鈕示範。
雙重按鈕示範。
呼籲行動按鈕示範。
分享按鈕示範。
詢問按鈕,可用於多個產品或服務,使用 Contact Form 7 外掛程式。
WPi Designer Button 的說明。
支援。
設計師按鈕工作室包含以下功能:
圖示集。
專業設計的樣式集。
顏色主題集。
Google 字體集。
在本外掛程式中更重視使用者介面與使用者體驗。
為外掛程式提供動態說明文件區,以提供指南和取得任何支援。
額外功能:
按鈕創建器/產生器
短碼產生器
CSS3 按鈕、分享按鈕、呼籲行動按鈕
。
創建按鈕:
您可以從樣式集或自己創建的樣式為按鈕應用樣式。
您可以從圖示集中添加任何圖示。
您可以為按鈕添加連結網址,並設置新選項卡或新視窗。
創建按鈕後,您可以無限次地使用創建的按鈕,並且可以在 WordPress 中任何地方使用簡單的短碼。
簡碼看起來像 [wpi_designer_button id=256]
您可以在文章、頁面或小工具中插入使用所創建的按鈕。
原文外掛簡介
WPi Designer Button Shortcode plugin is good CSS3 Button Generator, Anyone can create Buttons, Call-To-Action (CTA) & Share Buttons in WordPress. It has small designer studio where you can style buttons & other elements using simple user interface. This plugin conists of below features.
Creating beautiful buttons.
Creating twin buttons.
Creating call-to-action buttons.
Creating Share buttons.
Creating reusable button styles for buttons, CTA buttons & Share buttons.
Creating buttons with popup window where you can insert shortcodes.
Creating buttons with Dropdown Menu.
Creating Single Enquiry button for multiple products or Services using Contact Form 7 plugin.
Please support this plugin by leaving a review! here. A huge thank you from WooPrali in advance!
Buttons Demo.
Twin Buttons Demo.
CTA Buttons Demo .
Share Buttons Demo .
Enquiry button.
WPi Designer Button Help .
Support.
Designer Button Studio Contains below features::
Icons Collection.
Styles collection which are professionally designed.
Color Themes collection.
Google Fonts collection.
Given more importance to UI & UX in this plugin.
Dynamic Help section for Plugin’s guide and getting any support.
Extra features::
Button Creator/Generator/Maker
Shortcode generator
CSS3 Buttons, Share Buttons, CTA Buttons
.
Creating Buttons::
You can apply styles to button from Styles collection or your own created styles.
You can add any Icon from the Icons collection.
You can add link url to the button and also set new tab or new window for link.
Once you create the button, you can use created button unlimited times and its easy to use anywhere in the wordpress using simple shortcode.
Shortcode looks like [wpi_designer_button id=256]
You can use the shortcode even without creating the button or style.
User can also generate shortcode directly inside wordpress visual editor( TinyMCE).
Please read plugin’s documentation before creating any style or button. Its a best practice to read documentation first.
Note:: In next version we will add more icons in icons collection..
Creating Styles::
You can create unlimited number of reusable styles for buttons.
You can change the button’s font from the fonts collection.
You can change the button’s Color.
You can change the button’s font-weight.
You can change the space around the text inside button.
You can add the shadow to the text inside button.
You can add the shadow to the button.
You can change the button shape like rectangle, little rounded rectangle, full rounded rectangle or circular(without button text).
You can add the glow to the button with any color and from small size to big size glow.
You can set the button icon from the Icons collection.
You can set the button border with any color, any thickness and style like normal, dotted, double etc.
You can set the texture from the texture collection.
If you dont know the color codes then you can use colors from our color pallete with so many predefined colors.
this plugin also consists of beauticul color themes collection for buttons.
In next version of this plugin we will add more items in all collections like fonts, icons, preset styles etc.
Creating Call-To-Action (CTA) Buttons::
Every call-to-action button contains Heading, Sub-heading, Button & Footer Text.
You can create beautiful & awesome CTA buttons with small effort.
You can select from professionally designed CTA buttons Styles from Styles collection.
You can change the heading text font.
You can change the heading text size.
You can change the heading text color.
You can change the heading text border.
You can change the heading text border color.
You can change the heading text background color.
You can change the heading text top & bottom margin.
You can change the heading text padding.
Above setting can be done on sub heading also with limited settings.
We will update and add more styles to styles collection regularly.
You can check latest Styles and its settings in plugin’s website.
In next version we will add Export & Import Styles settings. which is good feature to extend this plugin’s power.
You can also add multiple headings with ticker animation.
Creating Share Buttons::
You can change the gap between Share buttons.
You can change the space around all Share buttons.
You can set the position for Share buttons like above/below the content.
Creating Twin Buttons::
Provide user a option to choose or click any one of a Twin Buttons.
Note:: WE ARE DOING OUR BEST TO MAKE THIS PLUGIN PERFECT. If you face any problem in using this plugin or you need some more features or any support please dont hesitate to contact us. You can contact us from here.
Buttons Demo | CTA Buttons Demo | Share Buttons Demo | Twin Buttons Demo | WPi Designer Button Help | Support
Watch how to videos of this plugin
How to change Colors
How to change Fonts
Coming soon
* Video Backgrounds in Call To Action
* (Got more ideas? Tell me!)
If you have suggestions for a new add-on, feel free to contact us.
Want regular updates? follow my sites on Twitter!
Tweets by DesignerButton
Arbitrary section
A brief Markdown Example
Create Designer Buttons anywhere in wordpress using button shortcode [wpi_designer_button]
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「WPi Designer Button」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0 | 2.0 | 2.1 | 2.2 | 2.3 | 2.4 | 2.5 | 2.3.1 | 2.3.2 | 2.3.3 | 2.3.4 | 2.3.5 | 2.3.6 | 2.3.7 | 2.3.8 | 2.3.9 | 2.4.1 | 2.4.2 | 2.4.3 | 2.4.4 | 2.4.5 | 2.4.6 | 2.5.1 | 2.5.2 | 2.3.91 | 2.3.92 | 2.3.93 | 2.3.94 | 2.3.95 | 2.3.96 | 2.3.98 | 2.3.99 | 2.3.991 |
延伸相關外掛(你可能也想知道)
Mango Buttons 》Mango Buttons 是一款強大的按鈕生成外掛,可讓任何人輕鬆製作帶有 CSS3 效果的漂亮按鈕,並可在網站上任何位置使用 (無需編碼!)。, Mango Buttons 完全響應...。
Button Builder – Buttons X 》16;ve selected all the options, click the "Save Changes" button., Copy the shortcode and paste it where you want your button to appear., , Overall,...。