MTOS(MT5) パンくずリストと関連記事リストの導入

| コメント(0) | トラックバック(0)

パンくずリストと関連記事リストを表示するようにしてみました。

MT4用のプラグインは何個か見つかるのですが、MT5用のプラグインを見つけることができませんでした。

色々と探していると、どちらも、MTタグだけで実現できるサイトを発見しまして、流用させて頂きました。

参考にしたサイト

パンくずリストについては、

Movable Type でパンくずリストを自動で設置する方法というページを参考にしました。

テンプレートモジュールに新しいテンプレートを作成して保存。アーカイブテンプレート「ブログ記事」の、<div id="alpha-inner">の次の行に、<$mt:Include module="テンプレートモジュールに登録したテンプレート名"$>を書き加えて完了。

関連記事リストについては、

☆Movable Type 4.23 で「同じタグの記事」を表示する

☆Movable Type 4.23 で「同じカテゴリーの記事」を表示する

を参考に、DIVのid名やclass名を一部変更、全体を囲んでいるmtタグを、<mt:EntryIfTagged>と<mt:EntryIfCategory>にそれぞれ変更してみるなど、ちょっとだけ手を加えてみました。

こちらも、それぞれをテンプレートモジュールに新しいテンプレートを作成して保存。パンくずリストと同じように、インクルードして完了です。

(このサイトの設定では、)関連記事リストは、スタティックでは動いたのですがダイナミックでは動きませんでした。パンくずリストはどちらでも動きました。

あとは、スタイルシートで適当に成型。

/* Related Entries */
#topicPath{
font-size: 75%;
}

/* Related Entries */
#relatedTaggedEntry,
#relatedEntry {
font-size: 75%;
border-top: 1px solid #000000;
}

#relatedTaggedEntry .relatedTaggedEntry_title,
#relatedEntry .relatedEntry_title {
margin-top: 5px;
font-weight: bold;
width: 40%;
border-bottom: 1px solid #CCCCCC;
}

#relatedTaggedEntry ul,
#relatedTaggedEntry li,
#relatedEntry ul,
#relatedEntry li {
list-style-type: square;
line-height: 1.6em;
}

とりあえず、簡単に、こんな感じにしています。ID名やクラス名は、勝手に決めたセレクタ名です。

参考になるサイトさんが多くて、とても助かりますね。

最近、暇が無くてこのサイトをあまりいじれてないのですが、少しずつ形になってきているようです。

ちなみに、この記事を書いた時点でのMTOSのバージョンは、5.01です。

トラックバック(0)

トラックバックURL:

コメントする

ARCHIVES