3-13：サイドバーの情報をフッターメニューに追加する: 「Movable Type WEBデザインの新しいルール」

手順1: <MTUnless name="page_layout" eq="layout-onecolumn"> <div id="footer-menu" class="clearfix"> <div id="footer-menu-left-box"> <dl id="footer-menu-left"> [カテゴリリストを配置] </dl> </div> <div id="footer-menu-center-box"> <dl id="footer-menu-center"> [月別アーカイブリストを配置] </dl> </div> <div id="footer-menu-right-box"> <dl id="footer-menu-right"> [タグクラウドを配置] </dl> </div> </div> </MTUnless>
手順2: <div id="footer-menu-left-box"> <dl id="footer-menu-left"> <MTIfArchiveTypeEnabled archive_type="Category"> <dt class="sidetitle"> Categories </dt> <div id="categories"> <MTTopLevelCategories> <MTSubCatIsFirst><ul></MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount"> <li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>] <MTElse> <li><MTCategoryLabel> </MTElse> </MTIfNonZero> <MTSubCatsRecurse max_depth="3"> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTTopLevelCategories> </div> </dd> </MTIfArchiveTypeEnabled> </dl> </div>
手順3: <div id="footer-menu-center-box"> <dl id="footer-menu-center"> <MTIfArchiveTypeEnabled archive_type="Monthly"> <dt class="sidetitle"> Monthly Archives </dt> <dd class="side"> <ul> <MTArchiveList archive_type="Monthly"> <li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a> [<$MTArchiveCount$>]</li> </MTArchiveList> </ul> </dd> </MTIfArchiveTypeEnabled> </dl> </div>
手順4: <div id="footer-menu-right-box"> <dl id="footer-menu-right"> <dt class="sidetitle"> Tag Clouds </dt> <dd class="side"> <ul id="tags"> <MTTags> <li class="module-list-item taglevel<$MTTagRank$>"><a href="<$MTTagSearchLink$>"><$MTTagName$></a></li> </MTTags> </ul> </dd> </dl> </div>
手順5: #footer-menu { margin-right: auto; margin-left: auto; border-left: 1px solid #669; border-right: 1px solid #669; border-bottom: 1px solid #669; width: 802px; color: #333; background: #fff; text-align: left; } html > body #footer-menu { width: 800px; } #footer-menu-left-box, #footer-menu-right-box { float: left; width: 266px; } #footer-menu-center-box { float: left; width: 268px; } #footer-menu-left { padding: 25px 13px 5px 25px; } #footer-menu-center { padding: 25px 13px 5px 13px; } #footer-menu-right { padding: 25px 25px 5px 13px; }