typepadでフッターを追加するカスタムCSSと上級テンプレートの編集
フッターを足してみようとおもったら、ナビゲーションバー navbar を足したような手軽さではなかったが、足せた。
フッター用のテンプレート・モジュールを新規に作成する。名前は仮に"container-footer"とした。
中身は次を参考に。
Adding a Footer to Your Blog(参照)
"container-footer"モジュールは、こんな感じ。フッターに並べたいものはこのモジュールでリストにする。
<div id="footer"> <div id="footer-inner"> <ul class="footer-list pkg"> <li class="footer-list-item"><a href="http://andywibbels.blogs.com/test/">Andy's TypePad Blog</a></li> <li class="last-footer-list-item footer-list-item"><a href="http://www.typepad.com/">Powered by TypePad</a></li> </ul> </div> </div>
カスタムCSSにfooterとfooter-innerのidを追加して定義する。("last-footer-list-item"というクラスはなんだ??)
そして、編集するテンプレートは6つ
ブログのフッターに copyright を表示したい(参照)
- Archive Index Template: 「アーカイブ」リンクをクリックした時に表示されるアーカイブ一覧のページ
- Main Index Template: トップページ
- Category Archives: カテゴリー別の記事一覧ページ
- DateBased Archives: 月別等のアーカイブ形式の記事一覧ページ
- Individual Archives: 各記事の個別ページ
- Pages: ウェブページ
それぞれの"pagebody"のdivタグの下行にモジュールを挟む。
<div id="pagebody"> </div> <$MTInclude module="container-footer"$> /* 新規に作ったフッター用モジュール */