• 締切済み

MovableTypeのテンプレート カテゴリのリスト表示について

MovableTypeのテンプレートの編集について質問させていただきます。 カテゴリのリスト表示を <ul> <li>トップレベルカテゴリA</li> <li>トップレベルカテゴリB</li> <li>トップレベルカテゴリC</li> </ul> <ul> <li>カテゴリAの子1</li> <li>カテゴリAの子2</li> </ul> <ul> <li>カテゴリBの子1</li> <li>カテゴリBの子2</li> <li>カテゴリBの子3</li> </ul> <ul> <li>カテゴリAの子1の子A</li> <li>カテゴリAの子1の子B</li> </ul> というように、各階層のカテゴリごとに表示させようと思い挑戦しているのですが苦戦しています。 MTのタグの知識が足りずなかなかうまくいきません。皆さんのお力貸していただけるとうれしいです。 よろしくお願いいたします。

みんなの回答

  • zeff
  • ベストアンサー率69% (137/198)
回答No.1

MovableTypeの知識は皆無ですが、 「入れ子」のことでしょうか。 <ul> <li>トップレベルカテゴリA <ul> <li>カテゴリAの子1 <ul> <li>カテゴリAの子1の子A</li> <li>カテゴリAの子1の子B</li> </ul> </li><!-- カテゴリAの子1の閉じタグ --> <li>カテゴリAの子2</li> </ul> </li><!-- トップレベルカテゴリAの閉じタグ --> <li>トップレベルカテゴリB <ul> <li>カテゴリBの子1</li> <li>カテゴリBの子2</li> <li>カテゴリBの子3</li> </ul> </li><!-- トップレベルカテゴリBの閉じタグ --> <li>トップレベルカテゴリC</li> </ul><!-- リスト全体の閉じタグ --> というように<li>の中に<ul><li></li><li></li></ul> を入れ子にすればよいです。 リストの作成 -- ごく簡単なHTMLの説明 http://www.kanzaki.com/docs/html/htminfo13.html スタイルシート[CSS]/リスト/入れ子にされたリストのインデント幅を指定する - TAG index Webサイト http://www.tagindex.com/stylesheet/list/margin_padding2.html そういう意味じゃないのでしたらスルーで^^;

ayanon2
質問者

お礼

ご回答、ありがとうございます。 実はこちらのサイトで紹介されているjGlideMenu.jsというjavascriptを使おうと思っていて、そのために通常のリスト表示の形ではなくちょっと特殊な形にしなくてはいけないのです。 http://www.sonicradish.com/labs/jGlideMenu/current/ 説明不足で申し訳ありませんでした。

関連するQ&A

  • MovableType 各カテゴリーページでそのカテゴリーに属するエントリーだけを表示したい

    はじめまして。 只今、MovableType3.35でウェブサイトを作成しています。 ご質問の内容は.... カテゴリーページに飛んだ時に表示されるカテゴリー一覧を、 メインカテゴリーとそのメインカテゴリーに属するエントリーだけが そのメインカテゴリー表示の下に追加されるようにしたいのです。 ※わかりにく説明で申し訳ございません、下記に簡単に説明いたします。 例えば、トップページのカテゴリーに 【カテゴリーA】 【カテゴリーB】 【カテゴリーC】   とある時、 【カテゴリーA】のページに行くと・・・ --------------------------------------- 【カテゴリーA】  カテゴリーAに属するエントリー1  カテゴリーAに属するエントリー2  カテゴリーAに属するエントリー3 【カテゴリーB】 【カテゴリーC】 --------------------------------------- このように表示され、 カテゴリーBのページに行くと・・・・ --------------------------------------- 【カテゴリーA】 【カテゴリーB】  カテゴリーBに属するエントリー1  カテゴリーBに属するエントリー2  カテゴリーBに属するエントリー3 【カテゴリーC】 --------------------------------------- という風に表示させたいのです。 現在、トップページは基本の3カラム構造で、左側にカテゴリーを 上から下に並べており、そちらのソースが下の通りになります。 ---------------------------------------------------------------- <MTIfArchiveTypeEnabled archive_type="Category"> <div id="category-archives"> <MTTopLevelCategories> <MTSubCatIsFirst><ul></MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount"> <li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"> <$MTCategoryDescription$></a> <MTElse><li><$MTCategoryDescription$></MTElse> </MTIfNonZero><MTSubCatsRecurse></li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTTopLevelCategories> </div> </MTIfArchiveTypeEnabled> ---------------------------------------------------------------- トップページのカテゴリーをクリックした先のページを 現在カテゴリーアーカイブ上で作成しようと上のソースをいじって 色々試してみましたが、上手くいきません。 全ての各カテゴリーの下にそのカテゴリーに属するエントリーを表示 させる事はできたのですが、今いるカテゴリーページのエントリー だけを表示させる事がどうもよくわかりません。 何卒、ご指導・ご鞭撻宜しくお願い致します。

  • MovableTypeでカテゴリの編集をしたいんですが・・・

    最近やっとMovableTypeを使い始めました。 初心者中の初心者で、もしかしたら的外れな質問かも知れませんが、よかったら教えてください。 現在、カテゴリを次のように作っています。 AAAAAA(トップカテゴリ)  BBBBB(サブ)   CCCCC(サブ) DDDDDD(トップカテゴリ)  EEEEE(サブ)   FFFFF(サブ)   GGGGG(サブ) MTの編集画面上ではカテゴリの順番はアルファベット順に自動的に並びます。そして実際のWebでもこの順に並びます。 タグは <MTIfArchiveTypeEnabled archive_type="Category"> <div class="module-categories module"> <h2 class="module-header">カテゴリー</h2> <div class="module-content"> <MTTopLevelCategories> <MTSubCatIsFirst> <ul class="module-list"> </MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount"> <li class="module-list-item"> <a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> <MTElse> <li class="module-list-item"><MTCategoryLabel> </MTElse> </MTIfNonZero> <MTSubCatsRecurse> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTTopLevelCategories> </div> </div> </MTIfArchiveTypeEnabled> このようになっています。 それで知りたいのは、このカテゴリの AAAAAA(トップカテゴリ)  BBBBB(サブ)   CCCCC(サブ) DDDDDD(トップカテゴリ)  EEEEE(サブ)   FFFFF(サブ)   GGGGG(サブ) という並びを変更することは出来るのでしょうか? 例えば DDDDDD(トップカテゴリ)  EEEEE(サブ)   GGGGG(サブ)   FFFFF(サブ) AAAAAA(トップカテゴリ)  BBBBB(サブ)   CCCCC(サブ) トップカテゴリの順番を変えたり、サブの順番を変えたりということは可能なのでしょうか? それともうひとつは、トップカテゴリを表示せず、サブカテゴリだけを表示することは可能なのでしょうか? 的外れな質問になってしまうかもしれませんが、よかったら教えてください。 よろしくおねがいします。

  • MovableTypeのタグを横並びで表示したいのですが・・・

    こんにちは。 MovableTypeのタグについて質問があります。 タグといっても共通の言葉をまとめておくほうのタグですが、これを設定すると、各エントリーの一番下に、タグ: と表示され、その下に縦方向のリスト表示されます。 もちろん表示する場所は自分でテンプレートを書き換えればいいわけですが、この縦書きをなんとか横書きにしたいと思っています。 というのもタグをたくさん指定すると、縦に長くなってしまい、見栄えがあまりよくないからです。 どなたか、タグを横書きする方法を教えていただけないでしょうか? ちなみに今のところテンプレートは <MTEntryIfTagged> <div class="entry-tags"> <h4 class="entry-tags-header">タグ:</h4> <ul class="entry-tags-list"> <MTEntryTags> <li class="entry-tag"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li> </MTEntryTags> </ul> </div> </MTEntryIfTagged> となっています。 ul、liを消してみたりしたのですが、どうもうまくいかなかくて・・・ よろしくおねがいします。

  • MTのテンプレートでアドバイスをお願いします。

    MTのテンプレートでアドバイスをお願い致します。 カテゴリ、エントリーを使ってメニュー部分を作りたいと考えています。 カテゴリー・アーカイブテンプレート、エントリー・アーカイブテンプレートにて 下記HTMLになるようにテンプレートを組むことは可能でしょうか? カテゴリ1に属するページを開いている場合は、カテゴリ1のエントリー一覧が表示され カテゴリ2に属するページを開いている場合はカテゴリ2のエントリーが表示される。 説明がへたくそですが、実現は可能でしょうか? メインページでは <ul> <li>カテゴリ1</li> <li>カテゴリ2</li> <li>カテゴリ3</li> </ul> -------------------------------------------- カテゴリ1に属するページを開いている場合は、カテゴリ1のエントリー一覧が表示 <ul> <li>カテゴリ1 <ul> <li>カテゴリ1のエントリー1</li> <li>カテゴリ1のエントリー2</li> <li>カテゴリ1のエントリー3</li> </ul> </li> <li>カテゴリ2</li> <li>カテゴリ3</li> </ul> -------------------------------------------- カテゴリ2に属するページを開いている場合はカテゴリ2のエントリーが表示 <ul> <li>カテゴリ1</li> <li>カテゴリ2 <ul> <li>カテゴリ2のエントリー1</li> <li>カテゴリ2のエントリー2</li> <li>カテゴリ2のエントリー3</li> </ul> </li> <li>カテゴリ3</li> </ul>

  • MovableTypeのカテゴリー内ページの表示がおかしい

    MovableTypeのカテゴリー内ページの表示がおかしいんです。 テンプレートの「メインページ」と「スタイルシート」を変更したのですが、カテゴリーやアーカイブ内のページの表示が文字が全てセンターによってしまっています。 使用しているのは「MT-3.2-ja-2」です。 どなたかご教授願います。

  • MovableTypeのMTEntriesタグの使い方をおしえてください。

    こんにちは。MovableType3.32を利用してブログを作っています。MTEntriesタグにlastn="10" offset="5" category="dog" をつけて ・dogカテゴリの中から ・最新の記事5件を除き ・10件のタイトルを表示 としたいのですがどうもうまくいきません。 ------------------------------------------------------ <ul> <MTEntries lastn="10"offset="5" category="dog"> <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </MTEntries> </ul> ------------------------------------------------------ としますと何も表示されず ------------------------------------------------------ <ul> <strong><MTEntries lastn="10" offset="5" category="dog"> </MTEntries></strong> <div align="left"><MTEntries lastn="10" offset="5"></MTEntries></div> <MTEntries lastn="10" offset="5""><li> <div align="left"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></div> </li> </MTEntries> </ul> ------------------------------------------------------ とすると確かに最新の5件を除く10件が表示されるのですが、dogカテゴリだけの指定を無視して全カテゴリの最新記事5件を除く10件のタイトルが表示されてしまいます。 私のやり方が間違ってると思いましてMovableTypeのオンラインマニュアルやタグの使い方を乗せてらっしゃるページを参考にしてみたのですがうまくいきません。 どのようにすればよいかアドバイス頂けると助かります。

  • 【MovableType】MTで各カテゴリアーカイブページでそのカテゴリに属するサブカテゴリのリストを表示する方法ありますか?

    MovableType(MT)のカスタマイズに関する質問です! 各カテゴリアーカイブページに入った時に、そのカテゴリに属するサブカテゴリのリストを表示したいと思っています。 たとえば、Aという親カテゴリの下に、BとCという子カテゴリがあった場合、Aカテゴリアーカイブページに入ったら、BとCのリンクリストが表示されるイメージです。 ↓ページのイメージ -------------------------------------------- ──────────── ●Aアーカイブ(親カテゴリ) ────────────  ・B(子カテゴリ)  ・C(子カテゴリ)  ■エントリー記事1  ■エントリー記事2  ■エントリー記事3  ・  ・  ・ -------------------------------------------- こういうことって可能でしょうか? おわかりになる方いらっしゃいましたら、ご教授下さい。 よろしくお願い致します。

  • MovabletypeにMTタグを含んだ外部ファイルを表示させたい

    http://wandering-wind.jp/archives/2003/1128132928.php こちらのページを参考にして、JavaScriptを使いカテゴリーページに他のカテゴリの一覧を表示させたいと思っております。 MT3.35を使っています。 以前同じ事をしたのですが、その際はうまくいっていましたが、今回はタグのまま表示されてしまうのです。 <手順> 1.以下のソースを外部のテキストファイル(.js)改行無しで保存。 --------------------------------------------------- document.write('<ul><MTEntries category="カテゴリ名"><li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li></MTEntries></ul>'); --------------------------------------------------- ※カテゴリ名のところは、もちろん該当するものを入れています。 2.MTテンプレート画面で「新規テンプレートを作成」  例)  テンプレート名/test  出力ファイル名/test.js  このテンプレートにリンクするファイル/js/test.js 1.のソースを貼り付け、保存。  「インデックス・テンプレートを再構築するときに、このテンプレートを自動的に再構築する」にチェック 3.カテゴリーアーカイブのページ内に以下のソースを設置。  -----------------------------------------  <script type="text/javascript" src="<$MTBlogURL$>js/test.js"></script> ----------------------------------------- 4.再構築を行う。 この方法でやってみたのですが、リンクの貼られた<$MTEntryTitle$>と表示されてしまいました。JavaScriptは無事機能していると思われますが、いかんせんMTタグが変換されておらず。。。 カテゴリーアーカイブだけでなく、メインページでもエントリーアーカイブページでも同じなのです。 思いつくトラブルとして、 ・エンコード無変換かも。  →ShiftJISからUTF-8へ、秀丸を使って変換・保存してアップロードしたが変化無し。 思い当たる他の方法として ・<MTInclude>タグを利用してファイルを読み込む →<$MTInclude file="test.html" $>として読み込んでみたが、同様にMTタグのままで表示される。 こんな感じです。 どうすればMTタグを有効にして外部ファイルとして読み込めるのでしょうか? どうぞ宜しくご指導いただきたく存じます。

  • 【超初心者】 Movabletypeのテンプレート適用について

    はじめまして。 この度、Movabletype3.2を導入したものですが ネット上のテンプレートを適用しようと試みていますがうまくできません。 (そもそもテンプレートのそれぞれの意味や役割が理解できていません) 初心者でも分かるように、簡単に教えていただけませんでしょうか。 何卒宜しくお願い致します。 ■現状 Web上のテンプレートを適用して、それぞれの項目にコピペしました。 しかしインデックスページ(最初に表示されるページ?)はうまく表示するのですが それ以下のページが正しく表示されません。 ■参考にしたサイト 「Movabletype入門」様 http://30smash.main.jp/mt/ ・スタイルシート ・メインページ ・カテゴリーページ ・個別ページ ・日付(月付)ページ 上記5つのコードがありますが、MTの項目と若干表記が異なるため どれに入れればいいのかよく分かりません。 ■Movabletypeの項目 【インデックス】 ・アーカイブページ ・スタイルシート ・メインページ等 【アーカイブ】 ・エントリー・アーカイブ ・カテゴリー・アーカイブ ・日付アーカイブ あまりにも初歩的な質問で恐縮ですが、何卒宜しくお願いします。

  • リストの階層

    リストを使って最高で5階層の一覧を作成したいのですが何度やっても巧く行きません。 原因としては<ul><li>タグの入れ子の閉じる場所に問題があるのでしょうが・・ こんな感じです。 A ┗1 ┣2 ┗3 B ┗1 ┣2 ┣3 ┗4  ┗a  ┃┗ア  ┃ ┗あ ┣b  ┃┗イ  ┃ ┗い  ┗c C ┗1 ┃┗a ┃ ┗ア ┣2 ┣3 ┃┗a ┗4 うまく表示されるか分かりませんが、どなたか教えて下さい。

    • ベストアンサー
    • HTML