人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Movable Type 4.23で構築したサイト内の全ページに
以下のような形式のメニューリストを表示をしたいと思っています。

この形式で表示できるタグの記述方法を教えてください。

------------------------------
親カテゴリ
・サブカテゴリ
・記事のタイトル
・記事のタイトル
・サブカテゴリ
・記事のタイトル
・記事のタイトル
------------------------------

サブカテゴリ、記事のタイトルには、
それぞれのカテゴリページ、個別記事ページへのリンクを貼りたいと思っています。

●質問者: pitagora
●カテゴリ:インターネット ウェブ制作
✍キーワード:23 Movable Type カテゴリ サイト タイトル
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rouge_2008
●60ポイント

すべてのページに表示させたいのでしたら、テンプレートまたはウィジェットを作成して読み込むようにすれば良いと思います。

今回の場合はどちらかと言えばウィジェットの方が良いと思いますので、以下ウィジェットの場合の説明をします。


「デザイン」→「ウィジェット」を開いて「ウィジェットテンプレートを作成」をクリックして編集します。

名前は分かりやすければ適当で大丈夫です。

<div class="widget-archive widget-archive-category widget">

<h3 class="widget-header">記事リスト</h3>

<div class="widget-content">

<mt:TopLevelCategories>

<mt:SubCatIsFirst>

<ul>

</mt:SubCatIsFirst>

<mt:If tag="CategoryCount">

<li><a href="<$mt:CategoryArchiveLink$>"<mt:If tag="CategoryDescription"> title="<$mt:CategoryDescription remove_html="1" encode_html="1"$>"</mt:If>><$mt:CategoryLabel$> (<$mt:CategoryCount$>)</a>

<ul>

<mt:Entries lastn="7">

<li><a href="<$mt:EntryPermalink$>" rel="bookmark"><mt:EntryTitle /></a></li>

</mt:Entries>

</ul>

<mt:Else>

<li><$mt:CategoryLabel$>

</mt:If>

<$mt:SubCatsRecurse$>

</li>

<mt:SubCatIsLast>

</ul>

</mt:SubCatIsLast>

</mt:TopLevelCategories>

</div>

</div>


※記事が多いと大変ですから、「<mt:Entries lastn="7">」で7件まで表示するように指定しています。

表示件数を変更したい場合は、ここの数値を変更します。


上記を編集して保存したら、次に読み込んで表示するための変更をします。

一覧から「アーカイブウィジェットグループ」をクリックして編集画面を開き、一番最初の行に次の記述をします。

<$mt:Include widget="カテゴリ&記事リストウィジェット"$>

※「カテゴリ&記事リストウィジェット」は、上記で作成したウィジェットの名前に変更してください。

※最初からある記述は特に必要ありませんので、すべて削除するか説明の後ろにある「</mt:Ignore>」を一番最後の行に移動して、記述を無効にします。

あとは保存後に再構築をするだけです。


※使用しているテーマによっては、カテゴリリストがツリー状態になりませんので、CSSを編集する必要があります。

この場合は、次の記述を追加すれば大丈夫なはずです。

.widget-content li {

list-style-type: square;

padding-left: 4px;

margin-left: 15px;

}

.widget-syndication .widget-content li {

list-style-type: none;

padding-left: 0;

}


※リストマークの種類や表示位置は好みで変更・調整してください。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ