[WordPress] 外掛分享: WP Magnific Popup

首頁外掛目錄 › WP Magnific Popup
1,000+
安裝啟用
★★★★★
5/5 分(4 則評價)
3427 天前
最後更新
問題解決
WordPress 3.0.1+ v1.0 上架:2016-07-13

內容簡介

這款基本外掛將 Magnific Popup 燈箱腳本加入 WordPress 網站,可用於單張圖片、嵌入式連結和對話框。

要在連結上使用 Magnific Popup,您只需要在 ‘a’ 標籤上添加特定的 CSS 類別。CSS 類別名稱可以在設定頁面上進行配置。

對於圖像,您可以使用 alt 屬性添加標題。

感謝 Dmitry Semenov 提供原始腳本:http://dimsemenov.com/plugins/magnific-popup/

此外掛僅為基本版本,尚未支援 Magnific Popup 的所有功能。

此外掛提供以下功能:

單張圖片燈箱。

使用範例 HTML:

帶導航的圖片庫燈箱。

使用範例 HTML:

嵌入式頁面燈箱(可包含外部頁面、YouTube 影片、Google 地圖等)

使用範例 HTML:
Video
Google Map

對話框燈箱(從當前頁面彈出一個 div)

使用範例 HTML:
Dialog

Test dialog content

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「WP Magnific Popup」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

This basic plugin adds the Magnific Popup lightbox script to wordpress site and works with single images, iframe links and dialogs.
All you need to do to use Magnific Popup on a link is to add specific css class to ‘a’ tag. CSS class names can be configured on settings page.
For images you can use alt attribute to add captions.
Thanks to Dmitry Semenov for the original script: http://dimsemenov.com/plugins/magnific-popup/
This plugin is only basic version and does not support all features of Magnific Popup yet.
Plugin provides following functionality:

Single image popup.

Usage example html:

Image gallery popup with navigation.

Usage example html:

Iframe popup (can contain external page, youtube video, google map, etc.)

Usage example html:
Video
Google Map

Dialog popup (pops up a div from the current page)

Usage example html:
Dialog
Test dialog content

延伸相關外掛

文章
Filter
Apply Filters
Mastodon