マジカルスリー・だいすけのなりゆき長者ブログ

沖縄/大阪WEB広告・ホームページ制作・印刷物制作 マジカルスリー 「福」代表のブログ

*

Gist、いいね!

      2016/09/22

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 - WordPressの事 , , ,

Message

  関連記事

WordPressで記事のカルーセルスライダー(jQuery的なスライドショー)

WordPressがそれなりにいじれると分かってから、嫁様の私への”こき使いっぷ …

新着情報などでAll-in-One Event Calendarのカテゴリ名を表示する方法

ハマりました。 ドハマリしました。侮ってました。 「カテゴリ出力するだけでしょ。 …

アーカイブページでタームごとに記事一覧を出力する

カスタム投稿の記事一覧を出したい ターム名1(カスタム投稿の「カテゴリ名」のよう …

カスタム投稿を使うときのメモメモφ(..)

カスタム投稿タイプとは 通常の「投稿」「固定ページ」等とは違うタイプの投稿方法。 …

Sugar Events Calendar Lite 中国語化

以前のブログの再掲載です(なくなると困る記事なので・・・) Sugar Even …

テーマの自動アップデートがイヤな場合は

最近梅の花がとってもきれいに咲いてますね。 春の訪れを感じながら仕事に追われる「 …

WordPress HTTPSでリダイレクト

毎度おなじみ自分用の忘備録でございます。 まず前提条件として、「WordPres …

Advanced Custom Fieldsで作ったカスタムフィールドの画像をアイキャッチ画像にする

カスタムフィールドで投稿した画像を自動でアイキャッチ画像にしたかったのですが、A …

WordPressで記事を取得、ループしたいときに-その2

WordPressで記事を取得したいんだけど・・・ WordPressで記事を取 …

WordPressでプラグイン無しサイトマップ

【WordPress】プラグイン無しでサイトマップを追加する方法。 コードのみで …