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

htmlコード

スポンサーリンク



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

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

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

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

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

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

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

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


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

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

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

たったこれだけです。


スポンサーリンク