htmlソースコードを貼り付ける方法

ワードプレスのビジュアルに直接貼れない

自分のホームページやブログで使っているソースコード。

このソースコードをブログなどに書きたいと思っても、そのまま貼り付けてもダメなんです。

例えば、ワードプレスのテキストに書いたソースコードをコピーして、

ビジュアルに貼り付けても、文字化けなどできちんと表示されないので、

他のページでの再度コピーして使えないのです。

ここでは、簡単にHTMLやCSSのソースコードをそのまま貼り付けることのできる方法を紹介します！

GitHub Gistサイトを活用させてもらう

「GitHub Gist」を利用すれば、自分で作ったhtmlやCSSのソースコードを貼り付けられるようになります。

手順は簡単です。もちろん無料！

1. 「GitHub Gist」にアクセスして、サインアップします。
2. ログイン後、画面右上の新しい要点をクリックします。
3. 貼り付けたいソースコードをコピーして貼り付けます。
4. 要点を作成するをクリックする。
5. 埋め込みコードが画面中央上に表示されます。
6. 埋め込みコードをコピーします。
7. 貼り付けたいページのテキストに貼り付けます。

たったこれだけです。