ベルログにコードペン(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]
注意事項
コードペンに異なるコードを作成してベルに添付するたびに、コードペンに新しいコードを作成する必要があります.同じページで作業、保存、コピーを行うと、同じコードが配置されます.(涙がはらはら)はい💦
間違った情報があれば、フィードバックしてください!!いつまでも歓迎する
注意:ブログドキュメント
Reference
この問題について(ベルログにコードペン(codepen)を挿入), 我々は、より多くの情報をここで見つけました
https://velog.io/@mooongs/벨로그에-코드펜codepen-삽입하기
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
![service_name](id)
!codepen[nayoung-gu/embed/NWqyego?height=265&theme-id=light,result]
Reference
この問題について(ベルログにコードペン(codepen)を挿入), 我々は、より多くの情報をここで見つけました https://velog.io/@mooongs/벨로그에-코드펜codepen-삽입하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol