CodePenの埋め込み方


CodePenをWordPress等に埋め込む方法です。

①WordPressに埋め込む場合はプラグイン「CodePen Embedded Pens Shortcode」をインストールします。

codepen1

 

②プラグインを有効化。

codepen2

 

③CodePenのサイトで埋め込みたいソースコードを表示して、画面右下の「Embed」をクリック。

codepen3

 

④「WordPress Shortcode」をクリックして、表示された埋め込みコードをコピー。

codepen4

 

⑤コピーしたコードを埋め込みたい記事に貼り付け。

詳細な使い方は公式サイトを確認してください。

 

この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL