Binsan's Cafe MT

 
  

 コード表示プラグインを試す

Movable Type 備忘録さんがリリースしておられるプラグイン「MTPrecodeプラグイン」
を利用させて貰いました。コード表示をおしゃれに表示してくれます。
このプラグインを動かすには「EvalTemplate」というプラグインもインストールする必要があるそうです。「EvalTemplate」「MTPrecodeプラグイン」この二つのプラグインをダウンロードしインストール。
Movable Type 4.1の場合のテンプレート修正は

ブログ記事の概要とブログ記事の詳細の二つのテンプレートを修正

  1. 修正前
  2. <div class="entry-body"><$MTEntryBody$></div>
  3. 修正後
  4. <div class="entry-body"><$MTEntryBody eval="1"$></div>

表示したい部分を<MTPrecode>表示させたいコード部分</MTPrecode>をコンテナタグで囲うだけで綺麗に表示してくれます。表示デザインはcssで変更できます。
※「MTPrecodeプラグイン」というエントリーにインストール方法など詳しく紹介されています

※表示例です、このように綺麗に表示されます

★コード表示プラグインのテスト

  1. <li class="asset_link"><a href="<$MTEntryPermalink$>" title="<$MTEntryTitle encode_html="1"$>">Permalink</a></li>
  2.             <MTIfCommentsActive><li class="asset_comments"><a href="<$MTEntryPermalink$>#comments" title="<$MTEntryTitle$>のコメントを見る:">Comments</a>(<$MTEntryCommentCount$>)</li></MTIfCommentsActive>
  3.             <MTIfPingsActive><li class="asset_trackbacks"><a href="<$MTEntryPermalink$>#trackbacks" title="<$MTEntryTitle$>のトラックバックを見る">Trackbacks</a>(<$MTEntryTrackbackCount$>)</li></MTIfPingsActive>


  • Edit
  • Permalink
  • Comments(0)
  • Trackbacks(0)
  
  

 Trackback Pings(0)

No trackbacks found.

  
  

 Comments(0)

No comments found.

  

 Post a Comment

コメント用フィード