8-2 ウェブサイト・ブログでのテンプレートモジュールの共有

166ページ

「ナビゲーション」テンプレートモジュール

<dl id="navi">
  <dt>ナビゲーションメニュー</dt>
  <dd>
    <ul>
      <li><a href="<mt:WebsiteURL />">ホーム</a></li>
<mt:Blogs include_blogs="children">
      <li><a href="<mt:BlogURL />"><mt:BlogName /></a></li>
</mt:Blogs>
    </ul>
  </dd>
</dl>

167ページ

<mt:BlogParentWebsite>
  <mt:WebsiteID setvar="website_id">
  <mt:Include blog_id="$website_id" module="ナビゲーション" />
</mt:BlogParentWebsite>

「ナビゲーション」テンプレートモジュール

<dl id="navi">
  <dt>ナビゲーションメニュー</dt>
  <dd>
    <ul>
      <li><a href="<mt:BlogParentWebsite><mt:WebsiteURL /></mt:BlogParentWebsite>">ホーム</a></li>
<mt:Blogs include_blogs="siblings">
      <li><a href="<mt:BlogURL />"><mt:BlogName /></a></li>
</mt:Blogs>
    </ul>
  </dd>
</dl>

<mt:Blogs include_blogs="x">
  <mt:Include module="ナビゲーション" blog_id="x" />
</mt:Blogs>

168ページ

#navi {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #999;
    text-align: center;
}
#navi dt {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
#navi dd {
    width: 900px;
}
html > body #navi dd {
    margin: 0 auto;
}
#navi dd ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navi dd ul li {
    float: left;
    border-right: 1px solid #999;
    width: 100px;
    letter-spacing: 0.1em;
}
#navi dd ul li a {
    display: block;
    color: #333;
    text-align: center;
    line-height: 2.1;
    text-decoration: none;
}
#navi dd ul li a:link,
#navi dd ul li a:visited {
    background: #eee;
}
#navi dd ul li a:hover {
    background: #999;
}
#navi, /* for ie7 */
#navi dd ul li a { /* for ie6 */
    height: 28px;
}

169ページ

「ナビゲーション」テンプレートモジュール

<dl id="navi">
  <dt>ナビゲーションメニュー</dt>
  <dd>
    <ul>
      <li><a href="<mt:WebsiteURL />">ホーム</a></li>
<mt:Pages>
      <li><a href="<mt:PagePermalink />"><mt:PageTitle /></a></li>
</mt:Pages>
<mt:Blogs include_blogs="children">
      <li><a href="<mt:BlogURL />"><mt:BlogName /></a></li>
  <mt:Pages>
      <li><a href="<mt:PagePermalink />"><mt:PageTitle /></a></li>
  </mt:Pages>
</mt:Blogs>
    </ul>
  </dd>
</dl>