スクラッチのプロジェクトをブログに埋め込む方法

未分類

スクラッチのプロジェクトをブログに埋め込む方法について質問をいただきましたので紹介します。

ステップ1:プロジェクトを共有する

まず、プロジェクトを共有します(共有しないと、リンクのコピーができません)
プロジェクトページの右上にある共有するボタンを押して共有します。

スクラッチのプロジェクトをブログに埋め込む方法

ステップ2:埋め込みコードをコピー

次に埋め込みコードをコピーしていきます。プロジェクトを共有すると、プロジェクトページにリンクをコピーというボタンが現れますので、クリックします。

スクラッチのプロジェクトをブログに埋め込む方法

クリックすると、以下のようなポップアップが現れますので埋め込コードをコピーをクリックしてコピーします

スクラッチのプロジェクトをブログに埋め込む方法

ステップ3:ブログに貼り付ける

この埋め込みコードをブログに挿入します。

例えば、wordpressでブログを作成している場合はプロジェクトを挿入したい場所で+ボタンをクリックします。

スクラッチのプロジェクトをブログに埋め込む方法

ブロックの一覧が出てきますので、ウェジットの中にあるカスタムHTMLを選択します。(もしくは検索窓に”カスタムHTML”といれて検索)

スクラッチのプロジェクトをブログに埋め込む方法

すると、以下のようにブログ作成画面にカスタムHTMLブロックができるので、先ほどコピーした埋め込みコードを貼り付けます。

スクラッチのプロジェクトをブログに埋め込む方法

実際に、このブログに貼り付けると、以下のようにプロジェクトを埋め込むことができます。