Movable Type 備忘録

 トラックバック一覧をポップアップ画面にする

  • Jun182006
  • Vote:
    http://bizcaz.com/archives/2006/06/18-173646.php
  • Categories: Customize
  • Tags:
  • Social Bookmark

前回はコメント投稿フォームをポップアップ画面にするでコメント投稿フォームをごっそりとテンプレートから取り出して外部ファイルにすることで、テンプレートをすっきりさせちゃいました。

引き続き、今回はトラックバック一覧をすっきりさせちゃうカスタマイズです。

カスタマイズ方法

まずはトラックバック一覧用のテンプレートを作成します。

前回のコメント投稿用のテンプレート同様、デフォルトのテンプレートをカスタマイズして各自のサイトに合ったテンプレートを作成します。
MovableType(ムーバブルタイプ)の管理画面から、テンプレート ＞ システムと移動するとトラックバックの一覧というリンクがあります。そのテンプレートがトラックバック一覧用のテンプレートになります。 テンプレートを作成したら、既存のテンプレートに上書きして保存します。

次に、トラックバック一覧をポップアップ表示するテンプレートを変更します。 エントリ・アーカイブのテンプレートを変更します。その前に、既存のテンプレートをバックアップしてください。 そして、トラックバック本文を表示している部分を以下のコードと差し替えます。

  1. 変更前
  2. <MTIfPingsActive>
  3.     <div id="trackbacks" class="trackbacks">
  4.                         ：
  5.                         ：
  6.                         ：
  7.     </div>
  8. </MTIfPingsActive>
  9.  
  10. 変更後
  11. <MTIfPingsActive>
  12.     <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackbacks(this.href); return false">このエントリのトラックバック一覧</a> [<$MTEntryTrackbackCount$>]
  13. </MTIfPingsActive>

差し替えたら保存して再構築します。

最後にトラックバック一覧用のJSを追加します。 MovableType(ムーバブルタイプ)のインデックス・テンプレート一覧の中に、mt-site.js というJSが既にあると思いますので、最後の方に以下のコードを使いします。

  1. function OpenTrackbacks (tb) {
  2.     window.open(tb,'trackbacks','width=480,height=580,scrollbars=yes,resizable=yes,status=yes');
  3. }

追加したら保存します。

ポップアップ表示確認します。 エントリページからトラックバック一覧が消えて、「このエントリのトラックバック一覧」リンクが表示されているはずです。そのリンクをクリックするとトラックバック一覧のポップアップ画面が表示されます。

以上で、トラックバック一覧を外に出してポップアップ表示させることができました。

SEE YOUハート３

 Trackback Pings(0)

No trackbacks found.

 Comments(0)

No comments found.

 Post a Comment

 

コメント用フィード