[WordPress] 外掛分享: Section Page

首頁外掛目錄 › Section Page
100+
安裝啟用
★★★★★
5/5 分(5 則評價)
4689 天前
最後更新
問題解決
WordPress 3.0+ v1.0.2 上架:2013-05-07

內容簡介

Section Page 是一個簡單的外掛程式,讓你可以在 WordPress 的頁面和文章中插入下拉式選單區段。

前提條件

此外掛程式會載入 WordPress 的 jQuery。

選項

標題區段的 HTML 標籤:可以是 h1、h2(預設)、h3、h4、span、strong、em 或 p。
區段的 HTML 類別:每個區段的額外 HTML 類別(可選)
標題區段的 HTML 類別:每個標題區段的額外 HTML 類別(可選)
標題區段容器的 HTML 類別:每個標題區段容器的額外 HTML 類別(可選)
區段內容的 HTML 類別:每個區段內容的額外 HTML 類別(可選)
標題前面的字元:在每個標題的左側加上或不加上 HTML 字元
區段關閉時的字元:區段關閉時要顯示的字元(預設為 &#9658)
區段開啟時的字元:區段開啟時要顯示的字元(預設為 &#9660)
使用動畫效果:使用平滑或即時下拉
自訂 CSS:在此自訂外掛程式(可選)

使用方式

此外掛程式在你的 TinyMCE 編輯器中新增一個 “新增下拉式區段” 按鈕。
選取文本區塊,然後按一下按鈕以將文本包裝到區段短碼中。

[section=我的區段標題]
你的內容
...
[endsection]

這將會根據外掛程式設定自動替換為下拉式區段。

自訂方式

使用自訂 CSS 選項和自訂類別選項。
如果你在 FTP 上使用 WordPress,你也可以修改你的主題 CSS 檔案。
現在,當區段開啟時,它會接收 owc-sp-active CSS 類別,這樣你就可以進一步自訂。

外掛標籤

開發者團隊

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

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

原文外掛簡介

Section Page a simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.
Prerequisite
This plugin loads wordpress jQuery.
Options

HTML tag for section title : Can be h1 h2 (by default) h3 h4 span strong em p
HTML classes for section : Additional html classes for each sections (optionnal)
HTML classes for section title : Addtional html classes for each sections title (optionnal)
HTML classes for section title wrapper : Addtional html classes for each sections title container (optionnal)
HTML classes for section content : Additional html classes for each sections content (optionnal)
Use a char before section title : Add or not html chars at the left of each sections title
Char when section is closed : Char when a section is closed (default : ► )
Char when section is open : Char when a section is open (default : ▼ )
Use animation : Smooth or instant dropdown
Custom Css : Customize the plugin here (optionnal)

Usage
The plugin add a “Add dropdown section” button to your tinymce editor.
Select your block of text and click the button to wrap the text into a section shortcode.
[section=Title of my section]
Your content
...
[endsection]

This will be automatically replaced by a dropdown section based on the plugin settings.
Customization
Use the Custom Css option with the custom classes options.
You can also modify your theme css file if you are using wordpress on your ftp.
Now when a section is open, it receive the css class owc-sp-active so you can use it for more customization.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon