內容簡介
WP Foundation Shortcodes 插件使用簡短代碼使您的 ZURB Foundation 網站成為最強大的框架，並為您的內容添加風格。
WP Foundation Shortcodes Demo
為了獲得最佳效果，建議與 Zurb Foundation 5 自適應主題一起使用
您可以在每個簡短代碼項目中使用 ‘{}’，例如：‘[row {data-equalizer}]’，以獲得 ‘<div class=”row” data-equalizer>’。
功能：
簡短代碼易於使用（首先確保編輯模式設置為可視化）
無需將簡短代碼粘貼到編輯器中
添加控制按鈕到 TinyMCE 編輯器
選擇要插入的簡短代碼
弹出窗口提供参数选项
無需其他 JS 或 CSS 文件
所有可用的簡短代碼條件性地分為以下組：
文章：文章網格、文章列表、文章燈箱、文章週期
按鈕：按鈕、按鈕組、單選按鈕組、分割按鈕、下拉、按鈕選項組
元素：標籤、引用、圖標、地址、內聯列表、鍵擊、水平線、清除
Callouts 和提示：警告框、面板、提示、橫幅、評論、服務框、類別、標籤
內容：價格表、進度條、表格、手風琴、標籤、均衡器
網格：網格、塊狀網格
小部件：谷歌地圖、產品卡、具有懸停效果的產品卡、社交登錄按鈕、價格表推薦、價格表動畫
媒體：軌道幻燈片、細滑滑塊、縮略圖、清除燈箱、視頻
表格：轉換器、範圍滑塊
此插件包含了大量的簡短代碼和小部件，我們為使您的使用更加簡單而努力工作。
任意部分
需要與 Foundation 5 建立的主題一起使用。
簡短的 Markdown 示例
[label color=”secondary” corners=”round”]圓形次要標籤[/label]
[button color=”alert” size=”large” icon=”fa fa-exclamation-triangle”]大警告按鈕[/button]
[blockquote author=”Cicero” class=”my_custom_class”]但凡是我們對它的信仰、對它的知覺、對它的理智有所助力的，這一切，我們都會説的清楚明白；但是，如果怪罪我們的一部分行動帶有些謙卑的客观性，我們也夠清楚的知道，即便沒有這些行動，所有的靈魂、所有的天才都無法朝偉大的目標前進一步，而只能在那裡鬱鬱寡歡。[/blockquote]
[icon icon=”fa-warning” size=”40px” color=”red” class=”my_custom_class”]警示[/icon]
[range_slider direction=”horizontal” corners=”radius” class=”my_custom_class” initial_value=”10″ start_value=”0″ end_value=”100″ step=”0″]
[address title=”Gaius Baltar” class=”my_custom_class”]123 Colonial Ave.
Caprica City
Caprica, 12345
[email protected][/address]
[alert_box color=”alert” corners=”radius” class=”my_custom_class” icon=”fa-exclamation-triangle” close=”yes”]這是帶有圓角的警告[/alert_box]
[dropdown button_text=”Down” button_size=”small” button_color=”alert” dropdown_autoclose=”yes” dropdown_open_on_hover=”no”]這是一個鏈接
這是另一個
還有一個[/dropdown]
[pricing_table title=”標準” price=”$99.99″
外掛標籤
開發者團隊
原文外掛簡介
WP Foundation Shortcodes Plugin makes your ZURB Foundation website to the most powerful framework by styling your content with shortcodes.
WP Foundation Shortcodes Demo
For best results use with Zurb Foundation 5 responsive theme
You can use ‘{}’ in every shortcode item, e.g. ‘[row {data-equalizer}]’, to get ‘
Features:
Shortcodes are easy to use (first of all, make sure that the editing mode is set to Visual)
No need to paste shortcode in editor
Add button control to TinyMCE editor
Select the shortcode you want to insert
Popup with choices of parameters
No additional JS or CSS files
All available shortcodes are conditionally divided into these groups:
Posts: posts grid, posts list, posts lightbox, posts cycle
Buttons: button, button groups, radio button group, split buttons, dropdown, button option group
Elements: label, blockquotes, icon, address, inline list, keystroke, horisontal rule, clear
Callouts & Prompts: alert box, panel, tooltip, banner, comments, service box, categories, tags
Content: pricing table, progressbar, table, accordion, tabs, equalizer
Grid: grid, block grid
Widgets: google map, product card, product card with hover effects, social login buttons, pricing table recommended, pricing table animated
Media: orbit slider, silck slider, thumbnail, cliaring lightbox, video
Forms: switchers, range slider
The plugin contains a lot of shortcodes and widgets, we worked hard to make it easy for you.
Arbitrary section
Requires a theme built with Foundation 5.
A brief Markdown Example
[label color=”secondary” corners=”round”]Round Secondary Label[/label]
[button color=”alert” size=”large” icon=”fa fa-exclamation-triangle”]Large Alert Button[/button]
[blockquote author=”Cicero” class=”my_custom_class”]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio[/blockquote]
[icon icon=”fa-warning” size=”40px” color=”red” class=”my_custom_class”]Alert[/icon]
[range_slider direction=”horizontal” corners=”radius” class=”my_custom_class” initial_value=”10″ start_value=”0″ end_value=”100″ step=”0″]
[address title=”Gaius Baltar” class=”my_custom_class”]123 Colonial Ave.
Caprica City
Caprica, 12345
[email protected][/address]
[alert_box color=”alert” corners=”radius” class=”my_custom_class” icon=”fa-exclamation-triangle” close=”yes”]This is an alert with radius corners[/alert_box]
[dropdown button_text=”Down” button_size=”small” button_color=”alert” dropdown_autoclose=”yes” dropdown_open_on_hover=”no”]This is a link
This is another
Yet another[/dropdown]
[pricing_table title=”Standard” price=”$99.99″ description=”An awesome description” item_name_1=”1 Database” item_name_2=”5GB Storage” item_name_3=”20 Users” button_text=”Buy Now” link=”#” target=”_blank” class=”my_custom_class”]
[progressbar value=”60″ color=”success” corners=”round” class=”my_custom_class”]
[table caption=”Foundation table” colwidth=”20|100|50″ colalign=”left|left|center|left|right”]
num|head1|head2|head3|head4
1|row1col1|row1col2|row1col3|100
2|row2col1|row2col2|row2col3|200
3|row3col1|row3col2|row3col3|300
4|row4col1|row4col2|row4col3|400
[/table]
[accordions] [accordion title=”title1″ active=”yes”] tab content [/accordion] [accordion title=”title2″] another content tab
[/accordion] [/accordions]
[tabs direction=”horizontal” class=”my_custom_class”][tab title=’Title #1′] Tab 1 content… [/tab] [tab title=’Title #2′] Tab 2 content… [/tab] [tab title=’Title #3′] Tab 3 content… [/tab][/tabs]
[equalizers] [equalizer title=”Panel 1″] Panel 1 text … [/equalizer] [equalizer title=”Panel 2″] Panel 2 text … [/equalizer] [equalizer title=”Panel 3″] Panel 3 a lot of text text text text… [/equalizer] [/equalizers]
To full documentation.
