ブログにコード表示!WordPressプラグイン「SyntaxHighlighter」設置方法

WordPressプラグイン「SyntaxHighlighter」設置方法4

WordPressで記事にソースコードを記入するとhtmlタグが「そのままhtmlタグとして認識されて」しまいます。資産ブログやアフィリエイトを始めると、ブログユーザーさんや顧客に「ソースコードを記述した」取説記事を用意したい時があります。

そんな時に非常に便利なのが「SyntaxHighlighter」というプラグインです。
プラグインの設置方法や簡単な使い方を解説します。

スポンサードリンク

「SyntaxHighlighter」の設置方法を解説

WordPressプラグイン「SyntaxHighlighter」設置方法
ワードプレス管理画面>プラグイン>新規追加
「SyntaxHighlighter」を入力し・プラグインの検索

WordPressプラグイン「SyntaxHighlighter」設置方法2
「今すぐインストール」をクリックした後、プラグインを有効化する

SyntaxHighlighterの設定方法

WordPressプラグイン「SyntaxHighlighter」設置方法3

ワードプレス管理画面>設定>SyntaxHighlighter
※今回は、細かい設定は飛ばします(デフォルトで進める)

ブログ記事にソースコードを表示する方法

htmlで記述する場合は
[html]プログラム[/html]と記述します。

<h3 class="news_headline1">見出し</h3>
<h4 class="news_headline1">見出し</h4>
<h3 class="news_headline2">見出し</h3>
<h4 class="news_headline2">見出し</h4>

「SyntaxHighlighter」プラグインを有効にし・[html]プログラム[/html]と記述すれば上のように
ソースコードを表示させることが出来ます。


スポンサードリンク

  • このエントリーをはてなブックマークに追加

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ページ上部へ戻る