【練習】ソースコードを表示してみた

2018/6/29 WordPress

WordPressでソースコードを表示する方法がわからず、
いろいろ調べた結果、GitHubGistを見つけたのでメモしておきます。

実際の表示 ↓

表示するまでの流れ

1. GitHubGistにアクセスする --> https://gist.github.com/

2. 「 Gist description... 」にソースコードの簡単な説明を
　 「 Filename including extension... 」にファイル名を入力する。
　  ソースコードを入力する。

3. 右下の「 Create secret gist 」または「 Create public gist 」を
   クリックする。
　（secret -> GitHubに公開しない / public -> GitHubに公開する）

4. 表示されたページの「 Embed ▼ 」の隣の「 <script src=... 」を
   コピーする。

5. WordPressのテキストのほうにペーストする。

6. 完成！

GitHubGistで表示するほかにも、様々な方法があるそうですが
それはまたの機会に…