[WordPress] 外掛分享: Bootstrap Shortcodes Ultimate

WordPress 外掛 Bootstrap Shortcodes Ultimate 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Bootstrap Shortcodes Ultimate」是 2018-01-10 上架。 目前已經下架不再更新,不建議安裝使用。
  • 目前有 900 個安裝啟用數。
  • 上一次更新是 2021-07-14,距離現在已有 1688 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 有 11 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

mdshuvo |

外掛標籤

css | bootstrap 4 | bootstrap css | twitter bootstrap | Twitter Bootstrap Javascript |

內容簡介

這是一個簡單的外掛,可加載 Bootstrap 4 的 CSS、JS,和一些有用的 WordPress 短碼以供視覺使用。

短碼列表

流體容器

[containerfluid] 內容 [/containerfluid]

容器

[container] 內容 [/container]

[row] 內容 [/row]

等寬欄

[col] 內容 [/col]

儲存格(extra small 設備)- 螢幕寬度:<576px

[col num="12"] 內容 [/col]

儲存格(small 設備)- 螢幕寬度:>=576px

[col sm="12"] 內容 [/col]

儲存格(中等設備)- 螢幕寬度:>=768px

[col md="12"] 內容 [/col]

儲存格(大型設備)- 螢幕寬度:≥992px

[col lg="12"] 內容 [/col]

儲存格(超大型設備)- 螢幕寬度:≥1200px

[col xl="12"] 內容 [/col]

儲存格(多重設備)

[col sm="3" md="6" xl="12"] 內容 [/col]

按鈕群組

參數:

class=””(在 ‘btn-group’ 中添加額外的class)

[btngroup]
[button tag='button' href="#" type="button" style='primary']Button 1[/button]
[button tag='button' href="#" type="button" style='primary']Button 2[/button]
[/btngroup]

按鈕

參數:

tag=”button”(button | a | input)
href=”#”(您想設置的任何連結。注意:標籤應為 ‘a’)
type=”button”(button | submit | etc.)
style=”primary”(primary | secondary | success | info | warning | danger | dark | light | link)參見按鈕參考

[button tag="button" href="#" type="button" style="primary"]Click Me[/button]

卡片

參數:

class=””(在 ‘card’ 中添加額外的class)

[card class="mycard"]
[cardtitle]
This is title.
[/cardtitle]

[cardbody]
This is card body really cool?
[/cardbody]
[/card]

手風琴

參數:

id=””(必需:一個獨一無二的 id 以正確運作)
class=”some-class”(可選:如果您需要添加自定義 class 以進行樣式設定)
title=”This is the title of the accordion”(描述標題)
open=”no”(可選:no | yes - 手風琴項目將開啟或關閉?默認為:no)

[accordion id="unique-id" class="some-class" title="This is the title of the accordion" open="no"]

手風琴內容將在此處加入

[/accordion]
更多短碼即將推出

原文外掛簡介

Simple Plugin for Enqueue Bootstrap 4 CSS, JS, and Some Helpful WordPress Shortcodes for visual usages.
ShortCode List
Container Fluid
[containerfluid] contents [/containerfluid]
Container
[container] contents [/container]
Row
[row] contents [/row]
Equal Columns
[col] contents [/col]
Colunm for Extra small Devices – screen width: <576px [col num="12"] contents [/col] Colunm for small Devices – screen width: >=576px
[col sm="12"] contents [/col]
Colunm for Medium Devices – screen width: >=768px
[col md="12"] contents [/col]
Colunm for Large Devices – screen width: ≥992px
[col lg="12"] contents [/col]
Colunm for Extra Large Devices – screen width: ≥1200px
[col xl="12"] contents [/col]
Colunm for Multi Devices
[col sm="3" md="6" xl="12"] contents [/col]
Button Group
Parameters:

class=”” ( add extra class with ‘btn-group’ )

[btngroup]
[button tag='button' href="#" type="button" style='primary']Button 1[/button]
[button tag='button' href="#" type="button" style='primary']Button 2[/button]
[/btngroup]
Buttons
Parameters:

tag=”button” ( button | a | input )
href=”#” ( any link you want to set. NB: tag should be ‘a’ )
type=”button” ( button | submit | etc. )
style=”primary” ( primary | secondary | success | info | warning | danger | dark | light | link ) See Button Ref

[button tag="button" href="#" type="button" style="primary"]Click Me[/button]
Card
Parameters:

class=”” ( add extra class with ‘card’ )

[card class="mycard"]
[cardtitle]
This is title.
[/cardtitle]

[cardbody]
This is card body really cool?
[/cardbody]
[/card]
Accordion
Parameters:

id=”” ( required: a unique id for working correctely )
class=”some-class” ( optional: if you need to add custom class for styling )
title=”This is the title of the accordion” ( described the title )
open=”no” ( optional: no | yes – Accordion item will be open or closed? by default: no )

[accordion id="unique-id" class="some-class" title="This is the title of the accordion" open="no"]

Accordion Content will goes here

[/accordion]
More Shortcodes Coming Soon

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Bootstrap Shortcodes Ultimate」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0 | 4.2.0 | 4.2.1 | 4.2.2 |

延伸相關外掛(你可能也想知道)

  • Twitter Bootstrap for WordPress 》支援此外掛:去除廣告, Twitter Bootstrap 是什麼?, 它是一個 CSS 和 Javascript 框架,可以快速提升您的網站設計和功能。, 我們在 iControlWP 的 WordPress...。

文章
Filter
Apply Filters
Mastodon