« 続きを読む"記事タイトル"の変更 | メイン | カテゴリーページ別タイトルバナー変更 »

2005-05-31

自分の他のブログの更新情報の表示

「TypePadで他にブログを運営しているんだけど、そのブログの最新のエントリーを表示させるにはどうしたらいいんだろー?」と思うマルチタスク!?なあなた。そんなあなたにはこんなマシンがお勧めです!

基本的な流れは、

  1. 他のブログに読み込み用のインデックステンプレートを作成
  2. 表示させたいブログのテンプレート内に、そのテンプレートを読み込むソースを記述

といったシンプルなものです。
実際にこのページの右側のサイドバーに「hayaseblogの最新の投稿」というタイトルで他のブログの最新の記事が表示されています。
注)このページでは、Permalinkごとのカテゴリー別サイドバーのカスタマイズと組み合わせているので、Permalinkでかつカテゴリーがデザイン上級編のページでのみ表示されています。

まず、最初読み込み用のインデックステンプレート他のブログで作成します。

このブログの場合だと、hayaseblogというブログのデザインの上級者テンプレートで、新しいインデックステンプレートを作成し、recent1.htmlというファイルを作ります。
拡張子は.htmlとなっていますが、実際の中身はhtmlとの形ではなく読み込むソースのみとなります。以下そのソースです。

<h2>hayaseblogの最新の投稿</h2>
<ul>
<MTEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle remove_html="1" generate="1"$></a></li>
</MTEntries>
</ul>

このファイルの設定の "インデックステンプレートを公開する際、自動的にこのテンプレートも公開する"チェックを入れておけば、常に他のブログが更新されるたびに最新の更新情報がこちら側に表示されることになります。

次に表示させたいブログのサイドバーに、読み込むためのソースを記述します。

通常サイドバーに表示させると思いますので、上級者テンプレートのサイドバーのインデックステンプレート内の表示させたい場所に以下のようなコードを挿入します。

<!-- hayaseblog最新投稿 ここから-->
<!--#include virtual="/blog/recent1.html"-->
<!-- hayaseblog最新投稿 ここまで-->

/blog/recent1.htmlの"blog"の部分は、他のウェブログのフォルダ名となり、"recent1.html"は先ほど作成した読み込み用のソースファイルの名前となります。

以上の方法で、他のウェブログの最新の更新情報を表示させることができます。

この方法は応用がきくと思いますのでいろいろとチャレンジしてみてください!

2005-05-31 at 12:10 午後 in デザイン上級編 | Permalink

トラックバック

この記事のトラックバックURL:
http://www.typepad.com/services/trackback/6a0120a85ce28c970b0128775f465b970c

Listed below are links to weblogs that reference 自分の他のブログの更新情報の表示:

コメント

コメント、トラックバックは内容の確認の後公開とさせていただきます。

コメントを投稿