[wordpress插件] Plugin Name: CodePen Embedded Pens Shortcode插件名称:CodePen嵌入式笔简码

wordpress 插件 文章 2020-03-26 23:50 0 64 全屏看文
评分
100
描述

Allows the use of a special shortcode [codepen_embed] for embedding Pens from CodePen.<

允许使用特殊的短代码 [codepen_embed] 嵌入 CodePen 中的笔。<

/p>

/ p>

You can learn more about CodePen here and about this plugin 此处以及有关此插件

codepen.io/documentation/features/wordpress-plugin/" rel="nofollow">here.

codepen.io/documentation/features/wordpress-plugin/“ rel =” nofollow“>此处。

Basic Usage

基本用法

[codepen_embed height=300 theme_id=1 slug_hash='jwGBh' user='arasdesign' default_tab='html' animations='run']  

  [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 (@

请参阅Amin Poursaied的Pen 扁平小兵 @

arasdesign) on CodePen

arasdesign )上的 CodePen

[/codepen_embed]

[/ codepen_embed]

The Point

要点

    1. You can use shortcodes in the “Visual” editor.

      您可以在“ Visual”编辑器中使用简码。

      CodePen Embeds are copy-and-paste HTML that don’t work when using the editor that way.

      CodePen嵌入是复制粘贴的HTML,当以这种方式使用编辑器时无法使用。

      If you ever use the Visual editor in WordPress, you’ll probably want to use this plugin.

      如果您曾经在WordPress中使用Visual编辑器,则可能要使用此插件。

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

      您可以设置默认主题,或覆盖通过Shortcode属性设置的任何主题。

    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.

      就像有一个精美的UI,可以选择嵌入的Pen并可以更好地控制HTML输出。

安装步骤

For old school manual installation people: copy the folder “codepen_embed” into the /wp-content/plugins/ folder.

对于老派的手动安装人员:将文件夹“ codepen_embed”复制到/ wp-content / plugins /文件夹中。

Then go to the Plugins area of the Admin and activate.

然后转到“管理员”的“插件”区域并激活。

Otherwise, search for “CodePen Embed” from the admin area of your WordPress site in Plugins > Add New.

否则,请在WordPress网站的管理区域的“插件”>“添加新内容”中搜索“ CodePen Embed”。

下载地址
https://downloads.wordpress.org/plugin/codepen-embedded-pen-shortcode.zip
-EOF-