WordPressの記事内でソースコードを埋め込み表示するプラグインと設定

2019年2月7日WordPressワードプレス

当ブログではソースコードを表示するのに「Crayon Syntax Highlighter」というプラグインを使用しています。使用するうえでの設定の注意点などを紹介します。「Crayon Syntax Highlighter」は以下からもダウンロードできます。

WordPressプラグイン「Crayon Syntax Highlighter」の日本語化と設定

日本語化

設定画面が初期のままだと英語なので、わかりやすいように日本語にします。サーバの

public_html>wp-content>languages>plugins

から、

  • crayon-syntax-highlighter-ja.po
  • crayon-syntax-highlighter-ja.mo

を削除します。削除する前にローカルにバックアップを取っておくと安心です。

設定

WordPressの「設定」から「Crayon」をクリックします。

必須

  • 「コード」の「コード内のHTMLエンティティを出力」と「属性内のHTMLエンティティを出力」にチェックを入れます。これをしないと"<“や"&"などが 文字実体参照で表示されてしまします。

推奨

  • 「ツールバー」のツールバー表示を「常に表示」にします
  • 「その他」の「 必要な時だけCrayonのCSSとJavaScriptを読み込むように試みる 」にチェックを入れます
  • 「その他」 の 「アニメーションを無効にする」にチェックを入れます

参考記事

2019年2月7日WordPressワードプレス

Posted by ナオ