[WordPress] 外掛分享： CodePen Embedded Pens Shortcode

前言介紹

  • 這款 WordPress 外掛「CodePen Embedded Pens Shortcode」是 2014-01-05 上架。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2024-10-01，距離現在已有 220 天。
  • 外掛最低要求 WordPress 2.6 以上版本才可以安裝。
  • 有 6 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

chriscoyier |

內容簡介

此外掛提供了一個特殊的短代碼 [codepen_embed]，可用於嵌入CodePen上的 Pens。

您可以在此處學習更多有關 CodePen 的資訊，以及在此處了解該外掛的功能。

基本用法
[codepen_embed height=300 theme_id=1 slug_hash='jwGBh' user='arasdesign' default_tab='html' animations='run']
See the Pen Flat minion by Amin Poursaied (@arasdesign) on CodePen
[/codepen_embed]

重點

您可以在「可視化編輯器」中使用短代碼。CodePen 嵌入物是複製並貼上的 HTML，這種方式在使用編輯器時可能無法正常顯示。如果您是 WordPress 的使用者，並且經常使用可視化編輯器，那麼您可能需要使用此外掛。

您可以設置預設主題，或通過短代碼属性覆蓋任何設置。

希望此外掛最終能提供更多功能，例如具有編輯框架，可以挑選要嵌入的 Pens，以及對 HTML 輸出進行更多控制。

原文外掛簡介

Allows the use of a special shortcode [codepen_embed] for embedding Pens from CodePen.
You can learn more about CodePen here and about this plugin here.
Basic Usage
[codepen_embed height=300 theme_id=1 slug_hash='jwGBh' user='arasdesign' default_tab='html' animations='run']
See the Pen Flat minion by Amin Poursaied (@arasdesign) on CodePen
[/codepen_embed]

The Point

You can use shortcodes in the “Visual” editor. CodePen Embeds are copy-and-paste HTML that don’t work when using the editor that way. If you ever use the Visual editor in WordPress, you’ll probably want to use this plugin.

You can set a default theme, or override any theme set via Shortcode attribute.

Hopefully eventually this plugin will have more functionality. Like have a fancy UI for picking Pens to embed and more control over the HTML output.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「CodePen Embedded Pens Shortcode」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

最新版本

延伸相關外掛（你可能也想知道）

  • Yoast SEO 》Yoast SEO：#1 WordPress SEO 外掛, 自 2008 年以來，Yoast SEO 幫助全球數百萬個網站在搜尋引擎中排名更高。, Yoast 的使命是為所有人提供 SEO 服務。我們的...。
  • Elementor Website Builder – More Than Just a Page Builder 》, 全球超過 1000 萬個網站的領先網站建立平台, Elementor 是專為 WordPress 設計的領先網站建立平台，使網站製作者能夠使用直覺式的視覺建立工具建立專業、像...。
  • Contact Form 7 》Contact Form 7 可以管理多個聯絡表單，並且您可以使用簡單的標記靈活地自訂表單和郵件內容。此表單支援 Ajax 提交、CAPTCHA、Akismet 垃圾郵件過濾等功能。,...。
  • Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式，可還原之前（也就是「經典」）的 WordPress 編輯器和「編輯文章」畫面，使使用者可以使用延伸這個畫...。
  • WooCommerce 》p>WooCommerce是全球最受歡迎的開源電子商務解決方案之一，擁有世界上最多的市場份額。, 我們的核心平臺是免費的、靈活的，並擁有全球社區的支持。開源的自由...。
  • LiteSpeed Cache 》LiteSpeed Cache for WordPress（LSCWP）是一種全方位的網站加速外掛，包括獨家的伺服器層快取和一系列的優化功能。, LSCWP 支援 WordPress Multisite 及大多...。
  • WPForms – Easy Form Builder for WordPress – Contact Forms, Payment Forms, Surveys, & More 》f="https://wpforms.com/features/pre-built-form-templates/?utm_source=wprepo&utm_medium=link&utm_campaign=liteplugin" rel="friend nofollow u...。
  • Akismet Anti-spam: Spam Protection 》Akismet會檢查您的評論和聯繫表單提交，將它們與全球垃圾郵件數據庫進行比對，以防止站點發佈惡意內容。您可以在部落格的“評論”管理畫面中檢查評論垃圾郵件的...。
  • Wordfence Security – Firewall, Malware Scan, and Login Security 》fective way to manage multiple WordPress sites with Wordfence installed from a single location., Monitor security status across all your sites from...。
  • Site Kit by Google – Analytics, Search Console, AdSense, Speed 》Site Kit是Google官方的WordPress外掛程式，提供有關人們如何尋找和使用您的網站的洞察。Site Kit是一站式解決方案，可部署、管理並獲取關鍵Google工具的見解...。
  • All-in-One WP Migration and Backup 》orage providers such as Dropbox, Google Drive, Amazon S3, and more, making it easy for you to securely store and access your website backups at any...。
  • WP Mail SMTP by WPForms – The Most Popular SMTP and Email Log Plugin 》WordPress Mail SMTP外掛, 如果您的WordPress網站無法正確發送電子郵件，您並不孤單。超過三百萬個網站使用WP Mail SMTP可靠地發送電子郵件。, 我們的目標是...。
  • Really Simple Security – Simple and Performant Security (formerly Really Simple SSL) 》le Plugins include Complianz GDPR, Disable Updates Manager, and Really Simple CAPTCHA., , Really Simple SSL是一個外掛，自動配置你的網站最大程度上使...。
  • Jetpack – WP Security, Backup, Speed, & Growth 》search engines, and grow your traffic with Jetpack. It’s the ultimate toolkit for WordPress professionals and beginners alike., , Customize and des...。
  • Yoast Duplicate Post 》這個 WordPress 外掛可以讓使用者複製任何類型 (type) 的文章，或將其複製到新的草稿 (draft) 以供進一步編輯。, 使用方法：, , , 在「編輯文章」或「編輯頁...。

文章
Filter
Apply Filters
Close
Mastodon