MovableType4.1をAutoPagerizeに対応させるコードを紹介しておきます。
AutoPagerize対応class指定を設定しておくことで、エントリーを昇順で読むことができるようになります。実際にMovableType.jpで対応されているので、導入している方には、過去のエントリーから読んでいくとページ末尾に新しい記事（次ページ）が追加表示されるようになり、読みやすさを実感できるかと思います。
インデックスページ（トップページ）で、エントリーがアップした日付で降順に表示されるのが一般的です。記事を読み始めると昇順に記事が追加され読めるようになります。逆でもいいのですが、こっちの方がスマートかもしれません。
最初のエントリー投稿内容からコードの追記修正いたしました。最新記事において、「次の記事」が表示されていたのを表示されないコードに修正しました。
MovableType4.1でエントリーリストはじめ、コメントトラックバックなどのリスト表示をストライプにする変数設定について紹介します。
MT3.3xでは、MTRoundRobin:一覧表示で交互に背景・文字色をかえるで紹介していたMTRoundRobinというプラグインを使って、記事リストをストライプにして表示させていました。
新しいMovableType4.1では、そうしたプラグインは必要なく、変数を設定し条件分岐させることで、対象の要素に奇数偶数回数目で設定内容を指定してページ生成することが可能です。この変数指定での条件分岐を使って、奇数、偶数の要素に対してclass指定を交互に変えて生成するようにすれば、cssの設定だけでストライプ表示をさせることが可能となります。
参考になるエントリーは、こちらの拡張された MTElse タグを利用した複雑な条件分岐 | MovableType.jpを読んでみるとその内容がわかると思います。
また、サンプルページは、MovableType.jpにて最近のブログ記事リストがこの方法を使って、ストライプ表示をさせていると思われます。
新しいシステムMovableType4.1でのコンテンツ構築・デザイン変更で、知っておかなければならないのが新しく追加されたテンプレートタグとテンプレートです。タグリファレンスやブログを読んで、新しいMTタグについて勉強してみたのですが、やはり実際に使って動作させてみないとわからない。また、もう少し全体的に比べてみたりしないと理解しづらいなんてことで、まず、テンプレートの相関図みたいなものを個々に作っていこうと考え、実際にインデックステンプレート（トップページ）の構成内容とヘッダーテンプレートとの関係をイメージにして表してみました。ご参考にどうぞご覧になってください。
クリックでイメージ拡大されます。またドラッグで移動もできますので、大きな画像を見るときにスクロールで移動してもいいですが、ドラッグでイメージを移動させた方がみやすいです。highslideJSもこうした使い方をすると機能的ですね。
尚、こうしたイメージをつなぎ合わせて一つのPDFなんかを作っていきたいとも考えています。新しいタグを覚えるのには、こうした全体の関係を表してみて、部分部分でのテンプレートタグの機能役割なんかを見てみると理解しやすいかと思います。
今回、実際にデフォルトで設定されているテンプレートタグを取り出して、どういったフローでページ生成（HTMLタグ生成）されるのかを個々に取り上げて、解析してみたいと思います。このテンプレートタグについて、シリーズで取り上げていきます（勉強するための時間があまり取れない状況にありますので、長いインターバルでアップしていきます）。今回のテンプレートについての詳細解説は、後日いたします（このエントリー追記部分にて）。とりあえず、イメージを。
先週、MovableType3.34からMT4.1へとシステムをアップグレードしました。正直、スムーズに事は運びませんでした。失敗といえば失敗だったのですが、運よくリカバリーできる失敗でしたので、時間はかかりましたがなんとか以前のエントリーを引き継いでMT4.1へのシステムアップグレードを済ませることができました。
今回に失敗点からMT3.3xからMT4.1システムアップグレード・データ移行する際のステップならびに注意しておきたいポイントを自分の経験・探した情報から紹介したいと思います。今後MT4.1へシステムアップグレードする方に何かの参考になればと思っています。尚、しばらくMT4.1に関連したエントリーをアップしていくつもりでいます。
最近のコメント