第二十六回「WordPressに直接ソースコードを貼り付けて利便性UP」

ブログを描いていてソースコードを掲載したいとなると、そのソースコードが反映されてしまいコード自体が表示されません。

画像でキャプチャして繁栄させる方法もありますが、コピーペーストが出来ないので不便です。

今回は、コピーペーストが出来る方法でソースコードをサイトに表示する方法をお伝えします。

Gistを使ってソースコードを表示させる方法

1.右のサイトを開きます。 Create a new Gist · GitHub 2016-05-16 11-46-56-109

2.以下の赤枠の位置にソースコードを記入して「Create publec gist」を押します。
2016-05-16 11-47-39-924

3.以下の赤枠で囲っている箇所をコピーして、自分の更新予定の場所に貼り付けます。
2016-05-16 11-47-46-958

★完成★

・こんなかんじで表示されます。

画像で張り付けるよりも、再度見返したときにコピーペーストが出来るので使い勝手が良好です。

<参考サイト>

Create a new Gist · GitHub

Gistの使い方を覚えました – tyoshikawa1106のブログ

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です