スクラッチのプロジェクトをブログに埋め込む方法について質問をいただきましたので紹介します。
ステップ1:プロジェクトを共有する
まず、プロジェクトを共有します(共有しないと、リンクのコピーができません)
プロジェクトページの右上にある共有するボタンを押して共有します。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-20-10.22.22-1024x658.png?resize=1024%2C658&ssl=1)
ステップ2:埋め込みコードをコピー
次に埋め込みコードをコピーしていきます。プロジェクトを共有すると、プロジェクトページにリンクをコピーというボタンが現れますので、クリックします。
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-20-10.23.51-1024x658.png?resize=1024%2C658&ssl=1)
クリックすると、以下のようなポップアップが現れますので埋め込コードをコピーをクリックしてコピーします
![](https://i1.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-20-10.24.04-1024x658.png?resize=1024%2C658&ssl=1)
ステップ3:ブログに貼り付ける
この埋め込みコードをブログに挿入します。
例えば、wordpressでブログを作成している場合はプロジェクトを挿入したい場所で+ボタンをクリックします。
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-20-11.07.24-1-1024x345.png?resize=1024%2C345&ssl=1)
ブロックの一覧が出てきますので、ウェジットの中にあるカスタムHTMLを選択します。(もしくは検索窓に”カスタムHTML”といれて検索)
![](https://i0.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-20-11.08.03-1024x524.png?resize=1024%2C524&ssl=1)
すると、以下のようにブログ作成画面にカスタムHTMLブロックができるので、先ほどコピーした埋め込みコードを貼り付けます。
![](https://i2.wp.com/bingo-ojisan.xyz/wp-content/uploads/2022/01/スクリーンショット-2022-01-20-11.15.56-1024x346.png?resize=1024%2C346&ssl=1)
実際に、このブログに貼り付けると、以下のようにプロジェクトを埋め込むことができます。