「ブログ(Blog)」には、投稿した日がマーキングされ、その日付をクリックすると当該記事を表示する、【カレンダー】機能がよく使われています。
弊社のWeb Siteは、Movable Typeを使って作成していますが、標準のテンプレートでは、カレンダーは用意されていません。
そこで、今回の「図面屋の技術ブログ」は、No.16「MovableType へ カレンダーをつける」として、弊社関連サイト「あらんだまおばさん元気日記」に設定した≪カレンダー≫の設定方法について、紹介します。
免責事項について
なお、この記事及びサンプルソースを元に、ご自分のサイト（Web Site）にカレンダーを設定・反映する場合は、MovableTypeの関連書籍等も熟読され、自己責任においてご利用下さるようお願い致します。
当サイトで紹介した、ソースを使用したことによって、何らかの問題が生じたとしても当サイトは一切責任を負いません。
以下の各テンプレートにカレンダーに関するソースを追記します。
- スタイルシートにカレンダーを追記
- メインページにカレンダーを追記
- エントリーアーカイブにカレンダーを追記
- カテゴリーアーカイブにカレンダーを追記
- 日付アーカイブにカレンダーを追記
- 再構築・サイト確認
■スタイルシートにカレンダーを追記
テンプレート→インデックス→スタイルシート
カレンダーのデザインに関する設定です。現状のスタイルシートに追記します。好みで変更します。
■メインページにカレンダーを追記
テンプレート→インデックス→メインページ
メインページに表示する、カレンダーのソースです。サイドバーなどカレンダーを表示したい箇所へ貼り付けます。
■エントリーアーカイブにカレンダーを追記
テンプレート→アーカイブ→エントリーアーカイブ
個別エントリーページに表示する、カレンダーのソースです。サイドバーなどカレンダーを表示したい、お好みの箇所へ貼り付けます。
■カテゴリーアーカイブにカレンダーを追記
テンプレート→アーカイブ→カテゴリーアーカイブ
カテゴリー別ページに表示する、カレンダーのソースです。サイドバーなどカレンダーを表示したい、お好みの箇所へ貼り付けます。
■日付アーカイブにカレンダーを追記
テンプレート→アーカイブ→日付アーカイブ
投稿日別ページに表示する、カレンダーのソースです。サイドバーなどカレンダーを表示したい、お好みの箇所へ貼り付けます。
■再構築・サイト確認
全てのテンプレートに書き加えたら、MovableTypeのユーティリティ→再構築→全てを再構築を実行します。
再構築が終了後、ブラウザより、サイトにカレンダーが反映され、正常に作動することを確認します。
コメントする