CodePenをブログに初導入!

これからコードの練習やストックをしていくのに、CodePenを活用していこうと思います!
やっと導入することができました!

See the Pen FirstDemo by tanaka (@tiyopon) on CodePen.

とりあえずブログに導入することを最優先に、簡単なコードだけで書いてみました。

ブログに貼るには、「/カスタム」と投稿画面で入力して、選択項目に出てきた「カスタムHTML」を選択。
その後CodePen画面下の「Embed」⇨「HTML(Recommended)」を「CopyCode」したものを、この「カスタムHTML」部分に貼り付けて完了!

今までやりたくてずっとできていなかったので、今回導入できて良かったです!
少しずつこうやってコードをストックしていってみようと思います。

【参考サイト】
https://orange-log.com/embed-codepen/

また、参加しているコミュニティcocomateではCodePenの使い方を詳しく説明してくれている動画もあって、こちらも参考にさせていただきました!

この記事を書いた人