*

SyntaxHighlighterをセットアップしてみました

公開日: : 未分類

//This is first code!
print"Hello World";

時々、プログラムソースをブログに表示させたいときがあります。
そういうときは、<pre></pre>タグとかで表示させていましたが、綺麗に表示されているブログをみると自分も綺麗に表示させたいと思ってきました。

調べてみたところ、SyntaxHighlighterというものがよさそうな感じです。これを導入することにします。
Googleで検索をしてみると、丁寧に導入の仕方を紹介しているページがヒットします。今回は、以下の「t.p.fields」さんの記事を参考に導入させてもらいました。ありがとうございました。

JavaScript: SyntaxHighlighter – Webサイトのソースコードをハイライト。使い方。 | t.p.fields – web+tech info

 

導入は、上記の記事の手順どおりに実施しました。

  1. SyntaxHighlighterのプロジェクトのページからファイル一式をダウンロード
  2. ファイルをサーバにアップロード
  3. WordPressテンプレートのヘッダー部分に、初期化スクリプトを追加
ファイルパスは、絶対パスで記載しました。

あとは、表示させたいプログラムの言語の部分に、以下のようにかくだけです。とても、簡単に使えます。

<pre name="code" class="php">
#This is first code!
print"Hello World";
</pre>

これで、ソースコードを心置きなく綺麗に表示させられるようになりました。

関連記事

no image

モートピ駅、264日目の「米長者番付、ゲイツ氏が19年連続で首位」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前です 詳細なニュース内容にお越

記事を読む

no image

美味しい銀だこのポイント利回り、知ってます?

ときどき銀だこのたこ焼きが食べたくなる@ogw_mです。いまも美味しくいただきました。 さて

記事を読む

no image

モートピ駅、205日目の「シリア、主要都市すべてに戦闘拡大」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前です 詳細なニュース内容にお越

記事を読む

slooProImg_20130410065243.png

ぐぐるろご駅、きょうは「瀬戸大橋開通25周年」前

まもなく、ぐぐるろご駅〜ぐぐるろご駅〜 きょうは、「瀬戸大橋開通25周年」前です 大きな建造物がお

記事を読む

no image

モートピ駅、262日目の「iPhone5の予約数が過去最多と発表」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前です 詳細なニュース内容にお越

記事を読む

slooProImg_20130531060851.jpg

モートピ駅、151日目の「三菱電機・NEC、JAXAがGPS精度が世界最高に」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前です 詳細なニュース内容にお越

記事を読む

no image

ついたすクン開発日誌:004

2日間休んでしまいました。今日は土曜で休みなので、ついたすクンを少し作りました。 今日は、DMで送

記事を読む

slooProImg_20131009060422.jpg

モートピ駅、282日目の「パナソニック、プラズマから年度末に撤退」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前です 詳細なニュース内容にお越

記事を読む

no image

モートピ駅、214日目の「インドの大規模停電、6億人に影響」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前です 詳細なニュース内容にお越

記事を読む

no image

モートピ044:ギリシャ、財政緊縮策、まもなく可決へ

◆モーサテトピックス <欧米市場動向> ・先週末のNYダウは、89ドル安の12801ドル ・米市場、

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

slooProImg_20131113060635.jpg
モートピ駅、317日目の「消費者心理、10月は悪化。下げ幅は東日本大震災以来の大きさ」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前

slooProImg_20131112060725.jpg
モートピ駅、316日目の「福島県沖で洋上風力発電がスタート」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前

slooProImg_20131028060548.jpg
モートピ駅、301日目の「Twitter上場で、26日に予行演習」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前

slooProImg_20131022060428.jpg
モートピ駅、295日目の「電子部品産業、復調鮮明に。スマホや車、市場に広がり」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前

slooProImg_20131021060541.jpg
モートピ駅、294日目の「香港、テレビ開局申請却下でデモ」前

まもなく、モートピ駅~モートピ駅です。 最新のニュースヘッドライン前

→もっと見る


  • おがわ(@ogw_m)
    33歳のIT系のSIerに勤めるシステムエンジニア。仕事ではプログラムは書かないですが、趣味でプログラミングをやります。いつのまにか増えていたApple製品とライフハックに興味があります。iPhoneを持たせておくと静かになります。Twitterのタイムラインをみる時間が、安らぎタイム。既婚。

PAGE TOP ↑