這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Details: Show and Hide

描述

This plugin adds a block to the editor allowing you to easily show and hide content using the HTML details and summary elements. It can be used for content such as FAQs or accordions.

It uses built-in browser functionality and doesn’t rely on any JavaScript. Styling is customizable via the editor or custom CSS.

螢幕截圖

  • Collapsed details element with clickable heading.
  • Expanded details element with inner content.
  • Editor view of adding the block and inner content.

Blocks

This plugin provides 1 block.

  • Details: Show and Hide A block for showing and hiding content.

安裝

  1. Upload the plugin files to the /wp-content/plugins/wp-details-block directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Start adding content.

常見問題

How do I customize the styling?

The wrapper <details> element has the class .wp-block-bm-wp-details-container that you can use to target it and adjust styling as needed.

The <summary> element has the class .wp-block-bm-wp-details-block.

Where can I learn more about browser support?

Details is supported in most major browsers (Chrome, Firefox, and Safari). Caniuse.com has a breakdown of browser support for the details element.

評價

There are no reviews for this plugin.

貢獻者及開發者

“Details: Show and Hide” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 Details: Show and Hide 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.0

  • Initial release