ソースコードを綺麗に表示するプラグイン「SyntaxHighlighter Evolved」

WordPressの記事内にHTMLやPHPなどのソースコードを載せたい場合に便利なプラグイン「SyntaxHighlighter Evolved」をご紹介します。
プラグイン「SyntaxHighlighter Evolved」を使うと、以下のような感じで記事内にソースコードを表示させることができます。

sh-sample

「SyntaxHighlighter Evolved」の特徴

SyntaxHighlighter Evolvedは、HTML、XHTML、XML、CSS、JavaScript、PHPC++、C#、Java、Visual Basic、Perl、Ruby、Pythonなど、対応言語がとても豊富です。
行番号の表示・非表示、配色の変更、強調したい箇所にハイライトをかける、など設定で色んなことができます。
技術系ブログなどでよくみられるような表示を簡単に実装することができます。


導入方法

以下からプラグインをダウンロードし、WordPressにインストール・有効化してください。
WordPressのプラグイン管理画面から「SyntaxHighlighter Evolved」を検索してインストールしてもOKです。
WordPress › SyntaxHighlighter Evolved « WordPress Plugins


使い方

ソースコードを、[表記したい言語][/表記したい言語]のタグでくくるだけです。
とても簡単です!

各種設定方法やサンプル画像は、プラグインの公式ページで確認するのが一番早いと思います。(丸投げ)


以上、簡単ではありますが、ソースコードを綺麗に表示するプラグイン「SyntaxHighlighter Evolved」の紹介でした。


【追記】
環境により、HTMLエンティティが正常に行われない場合があります。
当サイトでは、より高機能かつ軽量な「Crayon Syntax Highlighter」に変更しました。

関連記事

ソースコードを綺麗に表示させるプラグイン「Crayon Syntax Highlighter」

以前、ソースコードを綺麗に表示させるプラグインとして『SyntaxHighlighter Evolv

記事を読む

post snippets - 出力

WordPressに投稿用の定型文を追加するプラグイン「Post Snippets」

WordPressで投稿を執筆している時に、よく使う文章やHTMLタグ、PHPコードなどを毎回タイプ

記事を読む

no image

WordPressに人気記事を表示するプラグイン「WordPress Popular Posts」

よくブログのサイドバーなどで「人気記事の一覧」というのを目にするかと思います。 今回は、その「人気

記事を読む

jetpack

WordPressの便利機能満載プラグイン「Jetpack」

非常に便利なWordPressのプラグインですが、数が多すぎて何をいれればいいか分からない、といった

記事を読む

Dashboard Notepad - メモ作成画面

ダッシュボードにメモ欄を追加できるWordPressプラグイン「Dashboard Notepad」

ちょっとしたアイディアや他ユーザーへの連絡など、WordPressのダッシュボードにメモを残したい場

記事を読む

wpeditor

WordPressのテキストエディターを変更するプラグイン「WP Editor」

WordPressのデフォルトのテキストエディターって、タブキーでインデントを挿入できなかったり、ハ

記事を読む

  • ycDECNFTVOQd (by amoxicillin online pharmacy)
    【サーバー】 ロリポップ
    【プラン】 ixQneWyrfZnD ( 1~2年 )
    感想
    amoxicillin, ... [続きを読む]
    皆様からの評価・クチコミを募集しています。
    ぜひ気軽にご利用ください。
PAGE TOP ↑