テンプレート製作も「その4」となりましたが、進行速度は極めて遅い。いったいどれぐらいの記事数になってしまうのか分かりませんw
こんなテンポでしか進まないのですが、しっかりと内容を再確認しつつ記事にする事が目的ですので、無理にペースを上げる事はせず、地道に書いていきたいと思います。
今回からはサイドに表示するメニュー関連を作ります。
まずはカテゴリ一覧を表示します。サブカテゴリを含む一覧を、 <ul> タグで階層化して表示、さらにカテゴリに含まれる記事数も表示するようにします。
HTMLヘッダーが完成したので、次は実際にブラウザで表示されるヘッダーの部分を製作したいと思います。僕の好みなの問題かもしれませんが、ヘッダー自体は極々シンプルな作りです。
今更ながらですがテンプレート製作に関する記事は、当分の間スタイルシート(CSS)は無視して書いていきたいと思います。スタイルシート(CSS)に関する部分は個人のデザインの好みがかなりの部分を占めると思いますので、とにかく後回しにしたいと思います。テンプレート全体の構築ができた時点で記事にしていこうと考えてます。
実際このサイトを作った際は、スタイルシートと同時進行でテンプレートを構築していったのですが、記事として公開するにあたって、いったりきたりする内容になるよりは、一旦別ものとして一つずつ公開する方がまとめやすいですし、分かりやすいのではないでしょうか。
先日作ったHTMLヘッダーの内容を、ちょっといじって全てのページで表示できるようにしてみます。そうする事により「モジュール」の一つとして扱えるようになるので、後々管理が楽になると思います。
まず、HTMLヘッダー自体が、各ページによってどう違うようにならなければいけないのか。基本的に違いが必要なのはタイトルとメタ情報です。タイトルだけでいうと、トップページではブログのタイトル。カテゴリーページではカテゴリータイトル&ブログタイトル、記事のページでは記事タイトル&ブログタイトル。というように各ページでタイトルの表示を変える必要があると思います。
絶対に必要な変更という訳ではありませんが、SEOなどの要素にもなるかと思われますので、やっておいて損は無いでしょう。
Movable Typeのテンプレートを全てオリジナルで製作するのは簡単では無いと思います。
僕も手探りながら今の状態までもってくる事がなんとか出来ました。もしテンプレートをゼロから作ってみたいという方がいたら、ちょっとでも役立つかなと思い、順を追ってちょっとづつ紹介していきたいと思います。
製作手順といっても、僕が勝手にやっているだけですので、間違えたところだらけかも知れませんが、僕自身も再度確認していくという事で勉強しながら書きます。
今回はHTML自体のヘッダー部分です。