Gist、いいね!
2016/09/22
コード見せたいンゴ・・・
WordPressのことでよくコードをお見せする機会が増えてきました。
※元グラマーなので、今はプログラムホント苦手なんですが・・・。
今までWordPress上でコードをお見せする際にSyntaxHighlighter Evolvedプラグインを使っていたんですが、これがどうも表示が重い&変な改行をするように。
今までのコードは仕方ないにしても、これからのコードは見やすくしたいなーということで、タイトルの通り「Gist」というやつを使ってみることに。
結論から言うと、表示は早いし崩れない!どんなソースでも持って来いってやつで、なかなか重宝しそうなので記事にしてみました。
参考ページ:WordPressでコードをお手軽に表示するにはプラグイン要らずのGistがオススメ!シンタックスハイライトも最近の言語に即対応(もっと知りたいリンゴあれこれ 様)
GitHubのアカウントが必要なのと、英語がある程度読めないといけないようなので、上の参考ページを見て辿って頂ければと思います。
(そんなに難しくないです。たぶん)
Gistを使うとキレイに表示されるよ!
↓ そしてこんなふうに表示されます ↓
コピペもしやすくなったと思うので今までのページよりユーザーフレンドリーになったかと思います!
今後共当ブログをよろしくね!(๑´ڡ`๑)
–2016/9/22 追記
Gistでコード紹介しているところがことごとく消えていた模様。
どうやらWordPressが勝手に消していっているようでした。
おそらくアップデートの際にいらないと思われるコードを消していっているのだなあ・・・と。
そこで、oEmbed Gistというプラグインを使いました。
これをインストールすると、Gistのコードが表示されるURLを記事内に貼り付けるだけでコード表示されるようになります。
万が一プラグインが動かなくなったとしても、せめてURLくらい残ってくれないと記事の修正もできないですからねえ・・・。
関連記事
-
-
別ページのカスタムフィールドの値を取りたいときー
トップページにカスタムフィールドの値を出したい時ってありますよね? そんな時は固 …
-
-
海外テーマで文字化け回避したいの巻
テーマで文字化け! 海外製のWordpressテーマを使ったときに起こりやすいん …
-
-
WordPressで記事のカルーセルスライダー(jQuery的なスライドショー)
WordPressがそれなりにいじれると分かってから、嫁様の私への”こき使いっぷ …
-
-
マルチサイトで複数のブログの新着情報を取得したい
WordPressでマルチサイトの新着情報を取りたいなーと思うことがあったのでメ …
-
-
WordPressでよく使う新着記事表示のコード
ほんとによく使うので覚え書き。 ちなみにマルチサイトをまたがって新着を取得する場 …
-
-
各固定ページのページデザインをテンプレート選択で可能にする方法
よく使うのに忘れてしまうのでまた忘備録がわりに・・・。 【ネタ元:はじめてのWo …
-
-
サイトに重大なエラーがありました。と出てきて顔面蒼白になる
WordPressを使っていると稀にこの事象に出くわします。 バックアップが運良 …
-
-
ページ転送したい時に「Redirection」!
ワードプレスの記事で、「別ページに即座に飛んで欲しい」とか、「このページ見せたく …
-
-
WEBサイトのスクリーンショットをサムネイル化する
弊社の制作実績を登録していこうと思ったのですが、直近のものだけでも軽く30を超え …
-
-
WordPressで自動ログアウトを
本当に自分のための覚え書きになっている当ブログです。こんにちは。 自動ログアウト …
