*

ソースコードを表示するのに便利な「SyntaxHighlighter Evolved」

サイトを作っていると、備忘録的にソースコードを分かるところに残しておきたいということがあります。
いろいろなサイトで、丁寧に解説されているコードを拝見することがありますが、コードの解説などを行っているサイトはとても便利な記載方法になっていて、どうやってるのか?と思っておりました。

↓こんなやつです。
SyntaxHighlighter Evolved

私のサイトなどは、ほとんどアクセスがないので人に見ていただくというよりは、自分のメモ帳代わりに使っていく予定です。

そんなわけで、調べて見つけました。
ソースコードを表示するのに便利なWordPressプラグイン「SyntaxHighlighter Evolved」。
早速導入。プラグインで、「SyntaxHighlighter Evolved」を検索してインストールしました。

やってみた。

ソースコードを表示するのに便利なWordPressプラグイン
「SyntaxHighlighter Evolved」。
早速つかってみました。
ついでに、ハイライトもしてみました。
簡単に使えて
とっても便利!
これから、使う機会が増えそうです。

対応してるコードは、

html,actionscript3,bash,coldfusion,cpp,csharp,css,
delphi,erlang,fsharp,diff,groovy,javascript,java,javafx,
matlab (keywords only),objc,perl,php,text,powershell,
python,r,ruby,scala,sql,vb,xml

使い方は簡単。
ソースコードを、[表記したい言語]と[/表記したい言語]のタグで囲むだけです。

行にハイライトをつける場合
[html highlight=”1,5″]のように記述。

ボックス左側の数字の開始番号を指定する場合
[html firstline=”87″]のように記述。

他にも、
あとは管理画面からも以下の様々な設定が可能。

行番号を表示する
ツールバーを表示する
自動リンクを有効にする
コードボックスの表示を閉じておく
軽い表示モードを使う
インデントタブを許容するスマートタブを使う
長い行を折り返す(v2.xのみ、横スクロールバーを無効にする)

スポンサー

関連記事

検索クエリ数激減・・・パンダ・アップデートにやられたのか?

このサイトではないのだけれど、自分的には結構がんばってるサイトがある。それは、ブログではなくて普通の

記事を読む

css備忘録

CSS 文字の下にラインを入れる(画像使用)

以前気に入って使用していた、文字の下にラインを入れる方法。 画像を使うのでちょっと凝ったライン

記事を読む

海外通販 個人輸入

アフェリエイトで暮らすはやっぱり目標の一つ

ネットを見てると、アフィリエイトで毎月100万とか50万とか収入を得たりしてる人がいますよね。 ア

記事を読む

no image

wordpressプラグイン Sharebar(シェアバー)からの「忍者おまとめボタン」

Wordpress初心者なので、いろいろ分からないのに、プラグインは入れたい。 今日は、みんなが入

記事を読む

css備忘録

CSSアメリカンな吹き出しの 見出しを作る

アメリカンな吹き出しの 見出しを作る ちょっとPOPな記事に合いそうな見出しです。

記事を読む

CSS&javascript

個別のHTML, ページごとにCSS, JS, PHPを追加・管理できるプラグイン

先日から、備忘録的にCSSコードをWordpressに記載するようにしていますが、どのような表示にな

記事を読む

xreaサーバーでwordpressに画像をアップロードできない 

昨日、久しぶりにブログをアップしようと思って気がついたのですが、写真のアップロードができない。

記事を読む

wordpress テーマのカスタマイズ

WordPressのメニューを記事カテゴリにしたい

こちらのサイトを参考にメニューを記事カテゴリにしてみようと思います。 まだまだ、Wordpress

記事を読む

プラグインが追加できない

XREAサーバーでWORDPRESSのプラグイン追加時にエラーが出る

XREAのWPでプラグインをインストール使用としたらエラーが! XREAサーバーに、WORDP

記事を読む

ESETセキュリティソフト

WPで「メディアを追加」できない問題とりあえず解決

昨日から、サーバーのファイル数オーバーにより、忘れそうになっていた「メディアを追加」できない問題。

記事を読む

スポンサー

スポンサー

鼻うがいで上咽頭炎が改善
鼻うがいから1ヶ月

前回、鼻うがいを始めた記事を書きましたが、あれから毎日欠かさず起きた時

鼻うがいで慢性鼻炎の苦しみが激減(もうなんでもやります)

待ちに待った製品が届いたよ♪ 洗浄剤のサーレも! [a

鼻うがいで慢性鼻炎の苦しみが激減(もうなんでもやります)

辛いスパイラルにハマり始めた私・・・ 本を読んで、上咽頭のBスポットを

鼻炎 鼻の奥の乾燥
鼻うがいで慢性鼻炎の苦しみが激減(苦しんでた状態編)

こんにちは。 ずいぶんと久しぶりの更新です。 その間も、右鼻奥の鼻炎で

キャリアコンサルタント 口頭試問対策
キャリアコンサルタント国家試験 口頭試問対策

こんにちは。 キャリアコンサルタント試験のロールプレイング試験の実技

→もっと見る

  • 2020年8月
    « 2月    
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31  
PAGE TOP ↑