キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

Web サイト上にソースコードを綺麗に表示してくれるプラグイン SyntaxHighlighter

      2014/10/13

またしても HARIBO ではなく HALALBO を買ってしまったキャリコ( @calicocatxyz )です。

やっぱりグミの王様と言ったら HARIBO だと思うんです。その下の段に HALALBO を置いてあるのは罠としか思えません!さて、本日はキャリコでもよく使ってるプラグイン、SyntaxHighlighter の紹介です。それじゃあラテ、よろしくね♪

こんにちは、ラテにゃ。

ソースコードを Web サイト上で表示することが多い人にはお馴染みの SyntaxHighlighter は、ソースコードを文字列として扱ってくれるから記述をそのまま表示してくれるプラグインにゃ。

インストールして設定をするとこのように表示してくれるにゃ。

Ads by Google

SyntaxHighlighter

インストールする

WordPress のダッシュボードからプラグインを選び新規追加から『 SyntaxHighlighter 』を検索してインストールするにゃ。このときに忘れずに有効化するにゃ。

インストールしたらダッシュボードの設定のところに SyntaxHighlighter が追加されてるにゃ。このページで SyntaxHighlighter のさまざまな設定が出来るにゃ。

設定する

SyntaxHighlighterのバージョン

バージョン 2x とバージョン 3x が選べるけど、これはバージョン 3x でいいと思うにゃ。理由としては訪問者が簡単にマウスを使用して( ドラッグかダブルクリック )、クリップボードにへコピー出来るからにゃ。

テーマ

用意されてるテーマは全部で7種類あるにゃ。テーマを選んで下の方にある青いボタン『 変更を保存 』するとプレビューで見ることが出来るにゃ。

Default

Django

Eclipse

Emacs

Fade To Grey

Midnight

Dark

既定の設定

ここでは設定項目をどうしたいか指定することが出来るにゃ。とは言っても指定するのは一般設定くらいにゃ。

使い方

ショートコードパラメータ

各パラメータは [php highlight=”1″] のように使うにゃ。有効・無効などの指定は true/1 または false/0 で出来るにゃ。

引数指定

[php]ここにコードを入れるにゃ[/php]
php の場合はこのような指定の仕方にゃ。

まとめ

ソースコードを Web サイト上で表示する人は少ないかもしれないけど、カスタマイズする人にとっては知っておいて損はないプラグインにゃ。キャリコではバンバン使ってて重宝してるプラグインの紹介だったにゃ!

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - プラグイン

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

  おすすめ記事

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

ソースコードを早く美しく表示してくれるプラグイン Crayon Syntax Highlighter

やっぱり自宅のパソコンが一番落ち着く、キャリコ( @calicocatxyz ) …

WordPress のカテゴリを五十音順から任意の順番に変更するプラグイン『 Category Order 』

HARIBO が止まらないキャリコ( @calicocatxyz )です。 HA …

音楽再生機能で Twitter と連携した SoundCloud がWordPress でも流せるプラグイン

いよいよイギリスで一人暮らしが始まったキャリコ( @calicocatxyz ) …

Simple Local Avatars
WordPress をお使いのみなさん、コメント欄が寂しくないですか?そんなときは Simple Local Avatars

旅ブログの移行が完了したキャリコ( @calicocatxyz )です。 不要な …

ワンクリックでサイドバーを固定できる WordPress のプラグイン Q2W3 Fixed Widget

今月も個人でのペペロンチーノ消費量は世界トップクラスだと思ってるキャリコ( @c …

AmazonJS の商品画像がぐるぐる回って表示されないときの対処法

缶コーヒーが美味しくてついつい飲んじゃう、キャリコ( @calicocatxyz …

WordPress のプラグイン Autoptimize で不具合が出た時の対処法
WordPress のプラグイン Autoptimize で不具合が出た時の対処法

これで解決、キャリコ( @calicocatxyz )です。 いつしかブログのメ …

WordPress のリビジョンを削除してデータベースを最適化するプラグイン Better Delete Revision

ブログのインポート&エクスポート機能は神だと思うキャリコ( @calicocat …

WordPress で新サイトを開設する時に必ず入れるプラグイン14選
WordPress で新サイトを開設する時に必ず入れるプラグイン14選

WordPress は4つ運営中、キャリコ( @calicocatxyz )です …

Standard Widget Extensions
STINGER5 でスクロールしたときサイドバーが中途半端に固定される現象を解決

ワインとシャンパンが弱点のキャリコ( @calicocatxyz )です。 いや …