針對常用外掛標籤「codepen」的相關推薦的 4 款外掛工具如下：
CodePen Embed Block
外掛描述：CodePen 是一個線上的前端開發程式碼編輯器。您可以使用 HTML、CSS、JavaScript 及其相關的語言和函式庫來建立一些東西（我們稱作 Pens）。任何一個 Pen 都可以嵌入到其他網站上，讓它們可以應用於部落格文章、文...
安裝啟用數： 800 | 作者：Chris Coyier
WP-Gistpen
外掛描述：「WP-Gistpen」是一個自助式的替代方案，可將您的程式碼片段放在 Gist 上。您使用 WordPress 是因為希望能掌握自己的創作，那為什麼還要把程式碼片段交給 Gist 或 Codepen？WP-Gistpen 可以取代 WordPress 博客，...
安裝啟用數： 10 | 作者：James DiGioia
WordPen
外掛描述：CodePen 是一個「前端網頁的遊樂場」，您可以在上面撰寫公開的 HTML/CSS/JS 演示，稱為 Pens。它是網頁設計師的靈感之泉，也是學習撰寫、組織和分享前端程式碼的有用資源。, Ginger Soul Records開發的 WordPen ...
安裝啟用數： 10 | 作者：gingersoulrecords
CodePen oEmbed
外掛描述：新增 CodePen 給可用的 oEmbed 提供者, 如果您正在使用 WP-Markdown 插件以 Markdown 方式撰寫博客，oEmbed 就無法運作，但 Jetpack 現在啟用了 Markdown 博客並確保其運作。, oEmbed 僅在 WordPress 的文章/頁面...
安裝啟用數： 50 | 作者：Pippin Williamson