WordPressでソースコードを表示する方法

Webサービスを利用する方法

GitHubのサービス、Gist(https://gist.github.com/)を利用する。

  • メリット
    • 外部サービスなので、Wordpressのトラブルの原因になりにくい。
    • Gitデータなのでバージョン管理されている。
  • デメリット
    • GitHubのアカウントを作成する必要がある
    • 表示のカスタマイズがほぼできない為、サイトデザインの統一感に欠ける(場合がある)。

プラグインを利用する方法

「SyntaxHighlighter Evolved」、「Crayon Syntax Highlighter」など

  • メリット
    • 機能が豊富
    • デザインのカスタマイズが簡単
  • デメリット
    • WordPressのトラブルの原因になる場合がある。
    • 動作が重い場合がある。

Javascriptライブラリを利用する方法

「highlight.js」など

  • メリット
    • カスタマイズの自由度が高い。
    • 比較的動作が軽い。
  • デメリット
    • ある程度の知識が必要。

Wordpressgit

Posted by bivo

PAGE TOP