ベルログにコードペン(codepen)を挿入


🖍 エンベロープにコードペンを挿入


授業中、浩准講師はブログで「ああ、いいですね」とコードペンを使うことができると話した.そして突然ブログを书く私の耻ずかしいアップロードの文章を切り取って...私のようなコリン人のために役に立つといいです:)...

1.コードペン会員に加入



ツイッター、ネクタイ、フェイスブック、電子メールで簡単に会員に加入できます.
無料機能だけで十分という感じなので、別途購入料金はありません.

2.左上のpenでコードを作成して保存する



インプリメンテーション画面は、以下の方法で画面に直接表示できます.
完了したら、右上のsaveボタンを押します.

3.右下をクリックしてirframeソースコードをコピーする


保存すると、右下に次のボタンが表示されます.埋め込みをクリック!

多くのプロジェクトでは、コードペンにはiframeのソースコードが必要です.Iframeをクリック!
次のコードは次のidエントリに入れればいいです.(id名~result)

4.着信音の作成時にソースコードを貼り付ける


オブジェクトを挿入する新しい選択肢は次のとおりです.
![service_name](id)
ここで、service nameはcodepenであり、記述コードの例は以下の通りである.
!codepen[nayoung-gu/embed/NWqyego?height=265&theme-id=light,result]

注意事項


コードペンに異なるコードを作成してベルに添付するたびに、コードペンに新しいコードを作成する必要があります.同じページで作業、保存、コピーを行うと、同じコードが配置されます.(涙がはらはら)はい💦
間違った情報があれば、フィードバックしてください!!いつまでも歓迎する
注意:ブログドキュメント