plugin-icon

CodePen Embedded Pens Shortcode

제작자: Chris Coyier·
Allows the use of a special shortcode [codepen_embed] for embedding Pens from CodePen.
평가
4.3
버전
1.0.3
활성화된 설치 항목
900
최근 업데이트일
Oct 1, 2024

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 <a href='https://codepen.io/arasdesign/pen/jwGBh'>Flat minion</a> by Amin Poursaied (<a href='https://codepen.io/arasdesign'>@arasdesign</a>) on <a href='https://codepen.io'>CodePen</a> [/codepen_embed]

The Point

  1. 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.

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

  3. 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.

무료Business 요금제에서
설치하면 WordPress.com 서비스 약관서드파티 플러그인 약관에 동의하게 됩니다.
테스트된 버전
WordPress 6.6.4
이 플러그인은 다운로드할 수 있으며 에서 사용할 수 있습니다.