ティーザーのフィールド表示順を変えてみる

理解し難いタイトル。

もとの表示の何が問題だったかというと、長いタイトルの記事と短いタイトルの記事が一覧で表示されたときに、画像の位置がずれてしまうため、どうしても見栄えが気になっていた。

具体的には次の画像のとおりで、右端の記事のタイトルが２行になるため、画像の位置が下がってしまう。
・・・気にしなければどうということは無いけど気になってしまった。

で、こちらが改善後の画像。ピッタリ揃って何となく気持ちイイ。

これを実現するには、もともと存在するフィールド（画像、本文、リンク、タグ）の順番を変更するだけではムリ。

そこで、例えばタイトルや投稿日といった擬似フィールドの並び替えを可能とするモジュール Display Suite を導入してみた。

インストールや使い方は MOCHiYA BLOG の「Display Suite と Field Group モジュールによるコンテンツのマークアップ ～基本編その1～」に親切で詳細な記事があるので割愛。

自分の環境ではモジュール Field Group は導入していないけど、併せて使用することで、より高度かつ便利な使い方ができるようなので興味のある方はご覧ください。