[WordPress] 外掛分享: Bootstrap Modals

WordPress 外掛 Bootstrap Modals 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Bootstrap Modals」是 2014-06-17 上架。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2019-05-17,距離現在已有 2179 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.8 以上版本才可以安裝。
  • 有 8 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

neilgee |

外掛標籤

Modals | pop-ups | windows | bootstrap |

內容簡介

此外掛將 Bootstrap v3 Modal 功能加入 WordPress。

它僅添加呈現網站的 Bootstrap Javascript Modal Plugin 和相關的 CSS。

此外掛沒有加載任何其他 Bootstrap javascirpt 或 CSS 功能。

readme.txt 中提供了選擇器和模態窗口目標元素的示例 HTML 標記代碼。

提供選項來覆蓋默認 CSS 模態樣式,並使用簡碼。

提供禁用 Bootstrap JS/CSS 檔案以解決衝突的選項。

使用方法

使用 Bootstrap API 標記或 Javascript 觸發模態窗口,可在此處找到:http://getbootstrap.com/javascript/#modals

此外,這裡還提供進一步的使用信息:http://coolestguidesontheplanet.com/bootstrap/modal.php

標記需要直接應用於文章/頁面或小工具區域,或通過簡碼進行應用。

提供覆蓋默認 CSS 樣式的選項。

以下是一個簡單的 HTML Modal 標記。


啟動演示 Modal


您可以通過為 .modal-dialog div 添加額外的 CSS 類來更改模態窗口的大小:

modal-lg

modal-sm

分別針對大型和小型。

自版本 1.0.2 起,將附加額外的 CSS 以將關閉按鈕設置為類似 Bootstrap 安裝的狀態,要覆蓋關閉按鈕的默認 CSS,請在 CSS 樣式中使用 CSS 選擇器 .modal-dialog .close { }。

原文外掛簡介

This plugin adds Bootstrap v3 Modal functionality to WordPress.
It adds just the Bootstrap Javascript Plugin for Modals and associated CSS.
This does not bring in any other Bootstrap javascript or CSS functionality.
There is sample HTML mark up code in the readme.txt for a selector and modal target element.
Options to override the default CSS modal styling and also use a shortcode.
Option to disable Bootstrap JS/CSS files in case of conflict.
Usage
Use either the Bootstrap API markup or Javascript to trigger the modal windows, this can be found here: http://getbootstrap.com/javascript/#modals
There is also further usage information here: http://coolestguidesontheplanet.com/bootstrap/modal.php
Mark up needs to be directly applied to post/page or widget area or via a shortcode.
Options to override the default CSS styling.
Here is a simple HTML Modal MarkUp

Launch demo modal

You can change the modal size by adding an extra CSS class to the .modal-dialog div;
modal-lg
or
modal-sm
for large and small respectively.
Since version 1.0.2 extra CSS is included to set the close button to a state similar to Bootstrap install, to override the default CSS for the close button use a CSS selector .modal-dialog .close { } in your CSS styles.

各版本下載點

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

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


1.0.2 | 1.1.0 | 1.2.0 | 1.2.1 | 1.3.0 | 1.3.1 | 1.3.2 | trunk | 1.3.1.1 |

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

  • Next Active Directory Integration 》Next Active Directory Integration 可以讓 WordPress 對接 Microsoft Active Directory 進行用戶身份驗證、授權、創建和更新。NADI 是其前身 Active Directo...。
  • Windows Compatibility Fix 》此外掛將修復 Windows 系統在從第三方外掛儲存庫進行更新(例如在從 Easy Digital Downloads(EDD)網站進行更新)時長檔名的問題。, 使用情境:, 我們發現,...。
  • StorePilot 》StorePilot可輕鬆連接到WooCommerce商店並啟用POS功能,以及其他功能。, 通過安裝適用於macOS、Windows、Linux、iOS和Android設備的StorePilot桌面或移動應用...。
  • ExXmlRpc for WordPressPost 》ExXmlRpc for WordPressPost 是一個外掛,可以從 WordPressPost 發佈文章到 WordPress 上。, *支援 WordPressPost 和 WordPress 之間的互動界面。, WordPress...。
  • My Desktop – Manage your site from a web desktop 》使用 Web 電腦桌面管理您的網站。透過視窗多工作業、點擊圖示、使用便條。快速跳轉到 WP-Admin 的任何位置。, 系統使用者將與 My Desktop 以相同的方式互動,...。
  • Embedded learning videos and practice material by TEST4U 》這個嵌入式學習影片和練習材料外掛程式是由TEST4U提供的。TEST4U是一個知名的互動式IT培訓平台,提供IT培訓和準備參加認證考試的準備。自2003年以來,TEST4U...。
  • App Service Assistant 》App Service Assistant 是 Microsoft Azure App Service Web Apps (Windows) 的疑難排解助手。, 該外掛提供的資訊不僅限於:php_errors.log、WordPress debug...。
  • WP Talkshoe 》這個外掛是 Talkshoe 動態小工具的 WordPress 版本,具有一些當前小工具不具備的功能。它使用了一些現有的 Talkshoe API 代碼以及 PHP,實現了一個不錯的 Wor...。
  • PopUP Shortlink 》PopUP Shortlink是一個WordPress外掛,當訪客在文章中點擊連結時,會彈出一個小視窗,顯示使用API Bit.ly、API TinyURL.com或API 0Ab.fr縮短後的網址。如果訪...。
  • Pathpic 》使用方法?, 使用文件管理器 Windows 或 Linux 的路徑列表製作繪製路徑層級的圖片 (可以是 PNG 圖像或樹形文本)。, 為什麼使用它?, 您可以節省時間,因為您...。
  • Links2Tabs 》Links2Tabs 外掛可以自動產生每個文章和/或頁面底部的參考資料列表並使用 Links2Tabs 服務打包成方便的連結,只需點擊一下即可開啟所有參考資料。, 安裝方式...。
  • CTRL/CMD Save for WordPress 》使用眾所皆知的快捷鍵 CTRL + S (Windows) 或 CMD + S (Mac)儲存您的文章。

文章
Filter
Apply Filters
Mastodon