Gist、いいね！

Tweet

Pocket

コード見せたいンゴ・・・

WordPressのことでよくコードをお見せする機会が増えてきました。
※元グラマーなので、今はプログラムホント苦手なんですが・・・。

今までWordPress上でコードをお見せする際にSyntaxHighlighter Evolvedプラグインを使っていたんですが、これがどうも表示が重い＆変な改行をするように。

今までのコードは仕方ないにしても、これからのコードは見やすくしたいなーということで、タイトルの通り「Gist」というやつを使ってみることに。

結論から言うと、表示は早いし崩れない！どんなソースでも持って来いってやつで、なかなか重宝しそうなので記事にしてみました。

参考ページ：WordPressでコードをお手軽に表示するにはプラグイン要らずのGistがオススメ！シンタックスハイライトも最近の言語に即対応（もっと知りたいリンゴあれこれ　様）

GitHubのアカウントが必要なのと、英語がある程度読めないといけないようなので、上の参考ページを見て辿って頂ければと思います。
（そんなに難しくないです。たぶん）

Gistを使うとキレイに表示されるよ！

↓　そしてこんなふうに表示されます　↓

コピペもしやすくなったと思うので今までのページよりユーザーフレンドリーになったかと思います！

今後共当ブログをよろしくね！(๑´ڡ`๑)

–2016/9/22　追記
Gistでコード紹介しているところがことごとく消えていた模様。
どうやらWordPressが勝手に消していっているようでした。
おそらくアップデートの際にいらないと思われるコードを消していっているのだなあ・・・と。

そこで、oEmbed Gistというプラグインを使いました。

これをインストールすると、Gistのコードが表示されるURLを記事内に貼り付けるだけでコード表示されるようになります。

万が一プラグインが動かなくなったとしても、せめてURLくらい残ってくれないと記事の修正もできないですからねえ・・・。