內容簡介
我一直想在我的網站上添加簡單的價格表，但是我嘗試過的很多外掛都是免費版（需要我購買完整版才能解鎖全部功能），或者比我實際想要的更複雜。
這個外掛程式非常簡單。
步驟1：輸入短代碼標記[jkl-pricing-table]...[/jkl-pricing-table]
步驟2：添加一個有序列表以顯示您的價格表
步驟3：調整直到看起來合適
需要 WordPress 3.5 和 PHP 5。
特點
樣式化為Zurb Foundation 5 Pricing Tables
使用 CSS3 實現有趣的轉換效果（如縮放）
外掛程式的工作原理
短代碼標記預期是一個有序列表的有序列表
主要的有序列表是您的定價選項的名稱（Basic、Business等）
次要的有序列表是您的定價選項內容
使用 jQuery，這個外掛程式會找到有序列表中的每個元素，並基於它們的順序添加特定的 CSS 類別（見下文）
始終將第二個定價選項設置為默认選擇（"popped out"），除非使用者懸停在其他表格上
翻譯
英文（EN）- 默認
韓文（KO）- 即將推出
如果您想要幫助將此外掛程式翻譯為您的語言，請參閱包含所有定義的 .pot 文件，並使用 [gettext] 編輯器。
如果您已經創建了自己的語言包，或者更新了現有的語言包，您可以將您的 [gettext .po 或 .mo 檔案] 發送給我，以便我可以將其捆綁到插件中。
聯繫我
如果您對此外掛程式有任何問題，或者有改進的建議，請在WordPress.org的支援論壇中讓我知道。
想要關注我其他的 WordPress 插件、主題或教學？請在@jekkilekki上關注我。
鳴謝
此外掛程式使用：
jQuery，採用 MIT 授權或 GNU 通用公共許可證（GPL）第2版
許可
此程式是自由軟體；您可以按照 Free Software Foundation 發布的 GNU 通用公共許可證 Version 2 或任何更新版本的條款重新分發和/或修改它。
此程式是基于 "AS IS" 的原擁有者的程式，沒有任何明示或暗示的保證，包括但不限於對適銷性和特定用途的保證。詳細信息請參閱 GNU 通用公共許可證。
您應當隨著此客戶端收到 GNU 通用公共許可證的一份副本；如果沒有，請寫信至 Free Software Foundation。 Inc. ，位於51 Franklin St，Fifth Floor，Boston，MA 02110-1301 USA。
如何
如何使用外掛程式
輸入短代碼標記
在標記內創建有序列表 <ol>
在第一個<ol>項目中輸入第一個表格的標題，然後按Enter鍵
使用TAB鍵將 <ol>縮進以添加其餘的內容
外掛標籤
開發者團隊
原文外掛簡介
I’ve wanted to add SIMPLE Pricing Tables to my website for a while but many of the
plugins I tried out were either Freemium (requiring me to purchase the full version
in order to unlock the full functionality) or more complicated than I actually wanted.
THIS plugin is exceptionally simple.
Step 1: Type the shortcode tags [jkl-pricing-table] ... [/jkl-pricing-table]
Step 2: Add an
- ordered list for your Pricing Table
- Basic
- $150
- Logo only
- Content 1
- Content 2
- Deliverables
- Select Now
- Business
- $250
- Logo + Business Cards
- Content 1
- Content 2
- Deliverables
- Select Now
- )
.price = The FIRST second level list item (-
- )
.description = The SECOND second level list item
List items after this have no special styling until the end
.deliverables = The SECOND-TO-LAST second level list item
.cta-button (Call To Action button) = The LAST second level list item (it should be an link)
.button = The link in the .cta-button list itemWhen applying custom CSS to change the design of your plugin, please reference these
classes as .pricing-table .class
Example of CSS Classes after jQuery assigns them
[jkl-pricing-table]- Basic
- $150
- Logo only
- Content 1
- Content 2
- Deliverables
- Business
- $250
- Logo + Business Cards
- Content 1
- Content 2
- Deliverables
[/jkl-pricing-table]
延伸相關外掛
- Basic
- )
-
Step 3: Tweak until it looks right
Requires WordPress 3.5 and PHP 5.
Special Features
Styled like Zurb Foundation 5 Pricing Tables
Utilizes CSS3 for interesting transition effects (like scaling)
How the Plugin works
The shortcode expects an ordered list of ordered lists
The primary ordered list is the names of your Pricing Options (Basic, Business, etc)
The secondary ordered lists are the content within your Pricing Options
Using jQuery, the plugin finds each element within the ordered lists and adds
specific CSS classes to them based on their order (see below)
The SECOND Pricing Option is always set to be “popped out” by default and when
another table is not hovered over
Translations
English (EN) – default
Korean (KO) – upcoming
If you want to help translate the plugin into your language, please have a look
at the .pot file which contains all definitions and may be used with a [gettext]
editor.
If you have created your own language pack, or have an update of an existing one,
you can send your [gettext .po or .mo file] to me so that I can bundle it in the
plugin.
Contact Me
If you have questions about, problems with, or suggestions for improving this
plugin, please let me know at the WordPress.org support forums
Want updates about my other WordPress plugins, themes, or tutorials? Follow me @jekkilekki
Acknowledgements
This plugin uses:
jQuery licensed under MIT License or GNU General Public License (GPL) Version 2
License
This program is free software; you can redistribute it and/or modify it under the terms
of the GNU General Public License as published by the Free Software Foundation; either
version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this
program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth
Floor, Boston, MA 02110-1301 USA
How To
How To Use the Plugin
Type the shortcode tags
Create an ordered list
- within the tags
Type the heading for your first table in the first
- item and hit return
TAB the
- in to add the remainder of your content for the first table
Un-indent the
- to write the heading of your second table
TAB in for the remainder of the content in your second table
Rinse, repeat for multiple tables (supports up to 5 in a row)
Example of Usage
[jkl-pricing-table]
[/jkl-pricing-table]
Special CSS Classes and How to Style the Plugin
The plugin uses jQuery to dynamically add the following CSS classes to the ordered
list elements. Use these classes in your Custom CSS if you want to change things.
.pricing-table = Each first level ordered list item (
