キャリコ

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

  関連記事

アクセスアップに効果あり!過去記事を自動ツイートする WordPress のプラグイン Tweetily

イギリスの一軒家で一ヶ月の一人暮らしが確定したキャリコ( @calicocatx …

WordPress のプラグイン AddQuicktag で作業効率大幅アップ!

最近ずっとひきこもりがちのキャリコ( @calicocatxyz )です。 イギ …

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

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

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

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

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

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

ロリポップから WordPress プラグイン「 SiteGuard WP Plugin 」を入れろとお達しが来た
ロリポップから WordPress プラグイン「 SiteGuard WP Plugin 」を入れろとお達しが来た

ロリポップユーザーのキャリコ( @calicocatxyz )です。 ロリポップ …

WordPress Popular Posts で人気記事一覧をサイドバーに表示させる

人の不幸は蜜の味、キャリコ( @calicocatxyz )です。 旅行ブログで …

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

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

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

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

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

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