*

手軽にソースコードが表示できる『SyntaxHighlighter』は中々便利

公開日: : 最終更新日:2012/04/23 ネット関連 , , ,


closeこのエントリは 5 years 9 months 14 days 前に書かれたものです。
最新の情報とは異なる場合がありますので、ご注意ください。
手軽にソースコードが表示できる『SyntaxHighlighter』は中々便利

今さらながらsyntaxHighlighterを導入

ソースコードをBlogエントリ内に手軽に表示できるようにするプラグインの『SyntaxHighlighter』をWordPressに導入してみた。

Wp syntaxHighlighter01

自分のBlogの性質上、HTMLやPHPのタグをエントリ内に表示させることはあんまりなかったので今まで使わなかったんだけど、試しに入れたあとに”WordPressに『読むための表示時間』が表示されるようにしてみた。“というエントリで使ってみたら思った以上に簡単だったのだ。

このエントリ以前にも何度かHTMLタグを載せてたけど、タグはそのままでは見えないので結構面倒な変換が必要なことを考えるとこのプラグインを入れて正解だったな。

導入後の使い方は簡単

syntaxHighlighterがサポートしているのは以下のとおり。

WordPress. Supports AS3, Bash, C, C++, C#, ColdFusion, CSS, Delphi, diff, Erlang, Groovy, Java, JavaScript, JavaFX, Perl, PHP, Plain Text, Python, PowerShell, Ruby, Scala, SQL, VB, VB.NET, XML, and (X)HTML. Feature summary

例えばHTMLタグを表記させたい場合は[html]表示したいタグ[/html]([]内は全て半角)でいけるはず。

ショートコードのオプションも色々とあるので”WordPress Plugins/JSeries ? Syntax Highlighter for WordPress (ソース整形表示)“参考にするといいかも。

【参考リンク】
Syntax Highlighter for WordPress : dogmap.jp

Related Posts Plugin for WordPress, Blogger...

関連記事

金曜日のWBS

録画していたWBSを見て思ったこと。 動いている近藤&梅田両氏が見られた!! ...

記事を読む

webstagram_01.png

Instagramで投稿した写真をBlogで表示できるようなBlogパーツをつけてみた

"Instagramを使ってみた"というエントリを書いてから3週間ちょっと。PCネットでは使いづ

記事を読む

no image

Windows Live Writerから投稿テスト

WordPressで投稿したエントリがBlogのタイトルそのまんま(日本語を使ってるとめっちゃ長くな

記事を読む

Google風ロゴ、つくれます。

Picasoのぴーさんのところで面白ネタを発見!! Google風ロゴが簡単につくれちゃうサ

記事を読む

blogger_event_01s.png

Fans:Fans主催『ブロガー養成セミナー「ガジェット記事の書き方」powered by Cerevo』に行ってきた

ちょっと日が空いてしまったけど、先日行われた『ブロガー養成セミナー「ガジェット記事の書き方」powe

記事を読む

no image

モヒカンチェックをやってみた。

Picasoのぴーさんのエントリーを見てモヒカンチェックをやってみた。 実はPicasoのぴーさ

記事を読む

MovableType 4その4 CAPTCHA画像を導入

個別エントリを開いてコメント入力欄に画像の文字を入力してコメントも反映できるというヤツ、CAPT

記事を読む

ブラウザでOSXを楽しめるサイト

何とブラウザでOSXを再現しているサイトがある。Zopeジャンキー日記さんのところで知ったんだけ

記事を読む

movapic.com

Googleさんから手紙が……

昨日の話なんだけど、帰宅したときにポストをのぞくとこんなものがGoogleさんから届いていた。

記事を読む

2006-07.png

7月のアクセス数

7月のアクセス数は6月と違って完全に移行した月。独自ドメインにした場合のアクセス数が旧サイトの時と

記事を読む

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

no image
カッとなって新規ドメイン&サーバーを取得してリスタート!! 続きは『ろっぱ屋』で

2005年の3月からBlogを書き始めて8年ちょっと。ここ1〜2年は直

特に言いたいこともないけどBlog続けてるおいらなりに考えてみた

ちょっと前の『Blogは言いたいことがあるヤツしか生き残れない』み

miracosta_lunch_oce_01s.jpg
時間が合うとイベントも見られちゃう!? ディズニーリゾートのミラコスタホテルのレストラン『オチェーアノ』でランチブッフェを堪能した!

『ディズニーランドでブッフェを食べません?』とゆーお誘いにホイホイ

wf2013s_01s.jpg
夏のワンフェスもがっつりたっぷり写真を撮っていた! #NEX6 #wf2013s

冬に続いて夏のワンフェスにも行ってきた。 前回行ったときは始

常日頃持ち歩いているMacBook Airの電源アダプタ用ケースが欲しくなってきた

モバイルマシンとしていつも持ち歩いているMacBook Air(M

→もっと見る

  •   
    • RSSフィード
    • Subscribe with livedoor Reader
    • track feed
    • Add to Google
    •   
      フィードメーター - オタしましょっ
        
      
      累計: 検索エンジン登録 本日: SEO対策 昨日: メール配信   アクセスアップ
        
      ブログタイムズ
  • Sorry. No data so far.

PAGE TOP ↑