ウェブページ一覧を横並びのグローバルナビゲーションとして表示

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

MTOSには「汎用ウェブサイトのテンプレートセット」は入ってないってことで・・・

やりたかったのは、ウェブページ機能を使って作成した個別ページをヘッダーにグローバルナビゲーションとして横並びに表示することでした。

んじゃ、自力でなんとかやってみる。

テンプレートモジュールを新規で作成し「グローバルナビゲーション」としました。

コードは下記(うちのサイトの場合。)。(ウィジェットテンプレートのページ一覧のコードをもってきてちょこっと弄くっただけです。)


<mt:IfArchiveTypeEnabled archive_type="Page">
  <div class="widget-pages widget">
    <div class="widget-content">
      <ul>
        <li class="page home"><a href="<$MTBlogURL$>" rel="nofollow">Home</a></li>
        <li class="page archives"><a href="<$MTLink template="アーカイブインデックス"$>">Archives</a></li>
        <mt:Pages no_folder="1" sort_by="title" sort_order="ascend">
       <li class="page <$mt:PageBasename$>"><a href="<$mt:PagePermalink$>"><$mt:PageTitle$></a></li>
        </mt:Pages>
      </ul>
    </div>
  </div>
</mt:IfArchiveTypeEnabled>

んで MTInclude で「バナーヘッダー」テンプレートに読み込み。


生成されたXHTMLは下記のようになりました。

<div class="widget-pages widget">
<div class="widget-content">
<ul>
  <li class="page home"><a href="http://kahoyan.com/" rel="nofollow">Home</a></li>
      <li class="page archives"><a href="http://kahoyan.com/archives.html">Archives</a></li>
<li class="page about"><a href="http://kahoyan.com/about/">About</a></li>
<li class="page links"><a href="http://kahoyan.com/links/">Links</a></li>
</ul>
</div>
</div>

このマークアップに対してスタイルシートでfloatさせたり、ボタン画像のアイコン置いたりと設定を追加しています。

トラックバック(0)

トラックバックURL: http://kahoyan.com/mt/mt-tb.cgi/10

コメントする

Powered by Movable Type 4.25

page top