Title: WordPress Playground Block
Author: WordPress.org
Published: <strong>2023年6月20日</strong>
Last modified: 2025年12月22日

---

搜尋外掛

![](https://ps.w.org/interactive-code-block/assets/banner-772x250.jpg?rev=3022411)

![](https://ps.w.org/interactive-code-block/assets/icon-256x256.png?rev=2928574)

# WordPress Playground Block

 由[WordPress.org](https://profiles.wordpress.org/wordpressdotorg/)

[下載](https://downloads.wordpress.org/plugin/interactive-code-block.0.2.19.zip)

[Live Preview](https://zh-hk.wordpress.org/plugins/interactive-code-block/?preview=1)

 * [詳情](https://zh-hk.wordpress.org/plugins/interactive-code-block/#description)
 * [評價](https://zh-hk.wordpress.org/plugins/interactive-code-block/#reviews)
 * [開發](https://zh-hk.wordpress.org/plugins/interactive-code-block/#developers)

 [支援](https://wordpress.org/support/plugin/interactive-code-block/)

## 描述

This WordPress block embeds WordPress Playground in your posts and pages. You can
also include an interactive code editor to demonstrate and teach your readers how
WordPress plugins are built.

### Usage

 * Navigate to any post or page editing screen in WordPress.
 * Click the ‘+’ button to add a new block and search for ‘WordPress Playground 
   Block’.
 * Select the WordPress Playground Block from the list of available blocks.
 * A new WordPress Playground Block will be inserted into your post or page. You
   can start typing PHP code directly into the block.
 * Click the ‘Run’ button to execute the code and see the results in the output 
   area below the code block.

### All features

 * Embed WordPress Playground
 * Log in automatically
 * Specify landing page
 * Create new post or page
 * Redirect to newly created post or page
 * Specify blueprint to apply on init
 * Enable/disable code editor
 * Make code editor read-only
 * Allow multiple files in code editor

### Resources

 * [Source code](https://github.com/WordPress/playground-tools/tree/trunk/packages/wordpress-playground-block)
 * [WordPress Plugins page](https://wordpress.org/plugins/interactive-code-block/)
 * [WordPress Playground](https://developer.wordpress.org/playground)
 * [WordPress Playground repository](https://wordpress.github.io/wordpress-playground/)

### Support

For any issues or questions about the WordPress Playground Block, please open a 
GitHub issue in the [playground-tools](https://github.com/WordPress/playground-tools)
repository.

**This is an early preview to gather feedback and apply polish. This plugin isn’t
yet a well-rounded and feature-complete solution.**

### License

The WordPress Playground Block Plugin is licensed under the GNU General Public License
v2.0. This is a free software license that allows you to use, modify, and distribute
the software, provided you adhere to its terms and conditions.

## Blocks

This plugin provides 1 block.

 *   WordPress Playground Display demo in WordPress Playground

## 評價

![](https://secure.gravatar.com/avatar/ba300a63f85ca4db6b0881a2262e1d026c37ecef7e7e35c06b765ca2168bafc3?
s=60&d=retro&r=g)

### 󠀁[It’s so great!](https://wordpress.org/support/topic/its-so-great-2/)󠁿

 [风屿Wind](https://profiles.wordpress.org/hhjmk8/) 2024年3月30日

I’m already using this block in my website, it’s so great!

![](https://secure.gravatar.com/avatar/f6352e6291c969d7a2f2c3344e2492df5e4f1699e52699cb30d9df8a194d7120?
s=60&d=retro&r=g)

### 󠀁[I Love it](https://wordpress.org/support/topic/i-love-it-949/)󠁿

 [Benjamin Hagh Parast](https://profiles.wordpress.org/haghs/) 2024年1月12日

It’s really helpful!

 [ 閱讀全部2個評價 ](https://wordpress.org/support/plugin/interactive-code-block/reviews/)

## 貢獻者及開發者

“WordPress Playground Block” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

 *   [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/)
 *   [ Dawid Urbanski ](https://profiles.wordpress.org/dawidurbanski/)
 *   [ Adam Zieliński ](https://profiles.wordpress.org/zieladam/)

WordPress Playground Block 外掛目前已有 7 個本地化語言版本。 感謝[所有譯者](https://translate.wordpress.org/projects/wp-plugins/interactive-code-block/contributors)
為這個外掛做出的貢獻。

[將 WordPress Playground Block 外掛本地化為台灣繁體中文版。](https://translate.wordpress.org/projects/wp-plugins/interactive-code-block)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/interactive-code-block/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/interactive-code-block/)，或
透過 [RSS](https://plugins.trac.wordpress.org/log/interactive-code-block/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/interactive-code-block/)。

## 其它

 *  Version **0.2.19**
 *  Last updated **7 個月之前**
 *  Active installations **200+**
 *  WordPress version ** 6.1 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.0 or higher **
 *  Languages
 * [Chinese (China)](https://cn.wordpress.org/plugins/interactive-code-block/)、
   [Chinese (Taiwan)](https://tw.wordpress.org/plugins/interactive-code-block/)、
   [English (US)](https://wordpress.org/plugins/interactive-code-block/)、[German](https://de.wordpress.org/plugins/interactive-code-block/)、
   [Portuguese (Brazil)](https://br.wordpress.org/plugins/interactive-code-block/)、
   [Portuguese (Portugal)](https://pt.wordpress.org/plugins/interactive-code-block/)、
   [Swedish](https://sv.wordpress.org/plugins/interactive-code-block/)、及 [Vietnamese](https://vi.wordpress.org/plugins/interactive-code-block/).
 *  [翻譯成你的語言](https://translate.wordpress.org/projects/wp-plugins/interactive-code-block)
 * Tags
 * [block](https://zh-hk.wordpress.org/plugins/tags/block/)[code](https://zh-hk.wordpress.org/plugins/tags/code/)
   [interactive](https://zh-hk.wordpress.org/plugins/tags/interactive/)[playground](https://zh-hk.wordpress.org/plugins/tags/playground/)
 *  [進階顯示](https://zh-hk.wordpress.org/plugins/interactive-code-block/advanced/)

## 評分

 5 out of 5 stars.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/interactive-code-block/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/interactive-code-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/interactive-code-block/reviews/)

## 貢獻者

 *   [ WordPress.org ](https://profiles.wordpress.org/wordpressdotorg/)
 *   [ Dawid Urbanski ](https://profiles.wordpress.org/dawidurbanski/)
 *   [ Adam Zieliński ](https://profiles.wordpress.org/zieladam/)

## 支援

有話想說？需要協助？

 [檢視支援論壇](https://wordpress.org/support/plugin/interactive-code-block/)