前言介紹
- 這款 WordPress 外掛「Bootstrap Shortcodes Ultimate」是 2018-01-10 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 900 個安裝啟用數。
- 上一次更新是 2021-07-14，距離現在已有 1390 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 有 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 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 環境。
延伸相關外掛（你可能也想知道）
WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager 》插入標頭和頁腳 + 完整的 WordPress 代碼片段外掛, WPCode (前稱为 WPBeginner 的 "插入標頭和頁腳"）是使用率超过 100 万个网站的 WordPress 代码片段外掛中...。
Code Snippets 》Code Snippets 是在您的網站上運行程式碼片段的簡單，清潔和簡單的方法。它消除了將自定義片段添加到您的佈景主題的 functions.php 檔案的需求。, 現在提供 C...。
Widget CSS Classes 》Widget CSS Classes 可以讓您給 WordPress Widget 添加自定義的 class 和 id, 請注意，此外掛並不支援輸入自定義的 CSS。您需要修改主題的 style.css，或加入...。
Simple Custom CSS Plugin 》無需麻煩地將自訂 CSS 新增到 WordPress 網站中。, 這是一個易於使用的 WordPress 外掛，可以添加自訂 CSS 樣式以覆寫外掛和佈景主題的預設樣式。該外掛旨在...。
Simple CSS 》需要在你的網站中添加自定義 CSS 嗎？Simple CSS 提供一個很棒的管理編輯器和 Customizer 中的即時預覽編輯器，讓你能夠輕鬆添加 CSS。, 想讓你的 CSS 僅應用...。
WP Add Custom CSS 》WP Add Custom CSS 外掛允許您在整個網站及個別文章、頁面和自訂文章類型（例如 Woocommerce 產品）中添加自訂的 CSS。, 對整個網站應用的 CSS 樣式將覆蓋您...。
Visual CSS Style Editor 》Style your WordPress site visually. Discover the most popular front-end design plugin! Try live demo., , Visual CSS Editor, The plugin allows you t...。
WP-SCSS 》此外掛使用 ScssPhp，在 WordPress 安裝中編譯 .scss 檔案。包含設定頁面，可配置目錄、錯誤報告、編譯選項和自動佇列。, 此外掛僅在更改 .scss 檔案時進行編...。
Clear Cache for Me 》Clear Cache For Me 是一個 WordPress 外掛，適用於 W3 Total Cache 和 WP Super Cache，因為它們不知道 widget 何時更新，且在更新 widget 和 menu 時都不會...。
Scripts n Styles 》這個外掛讓管理員用戶能夠將自訂的 CSS 和 JavaScript 直接添加到個別文章、頁面或任何註冊的自訂文章類型中，也可以將類別添加到 body 標籤和文章容器中。還...。
Forget About Shortcode Buttons 》相容於 WordPress 傳統編輯器，Gutenberg 整合即將推出🙂, 歡迎提出功能需求/建議！, 即忘短碼(FASC)按鈕是在所見即所得編輯器中及網站佈景主題中加入 CSS 按...。
Code Embed 》注意： WordPress 5.0 及以上版本的使用者請查看常見問題以了解如何在區塊編輯器中使用此外掛。, Code Embed 外掛允許您在文章中嵌入程式碼（JavaScript 和 H...。
Raw HTML 》is capability is only granted to administrators. If you’re not an admin, you will need to ask them to add it to your role., Raw HTML is not r...。
Microthemer Lite – Visual Editor to Customize CSS 》Microthemer是一個輕量級且功能強大的視覺編輯器，可以自訂網站的CSS樣式，從Google字體到響應式佈局，它適用於程式開發人員和非程式開發人員，並與Elementor...。
Core Framework 》總結：Core Framework是一個簡單易用、樂趣滿滿的WordPress外掛，如同你的CSS瑞士軍刀，幫助你輕鬆打造完美網站。, , 問題與答案：, - Core Framework是什麼...。