サムネイルをメインしたカード型の記事一覧表示ができる写真系のブログ向けテーマです。もちろんそれ以外のタイプのブログにも使えます。
どんな写真が掲載されているのか、ひと目で解る一覧をデザインしてみました。
「旧Flex PhotoGraphの弱点を改良」
1フレームテーマなのでサイドバーコンテンツはブログ記事のメインフレームの後へ表示されますが、最新記事一覧等の長いコンテンツは、縦長に間延びし、その他のサイドバーコンテンツとの並びの位置関係がデザイン上、見難い配置となってしまう弱点がありました。
これらも解決致しました。サイドバーコンテンツ内のオブジェクトを横へ展開し配置することで、その他のサイドバーコンテンツとの並びの位置関係を改善しました。
その他については、旧Flex PhotoGraphと同じ仕様です。
トップページはFlexBoxの機能を使用してカードのカラム列数がレスポンシブに変化します。
タブレット、スマフォにおいても可能な限りカラム列数を増やして表示する仕様です。
※トップページの記事一覧を一覧形式で表示するに設定(pro限定)しておく必要があります。アーカイブのページは一覧形式になっていますので、無料ユーザー様でも、このテーマでのカード型の記事一覧にて表示されます。
記事ページに関して、ページのインナー幅を従来のブログより広く設定し、写真が大きく表示されるようになっています。大きな写真を2枚横並びに配置しても写真が小さく表示されてしまうのを抑えれます。
ブラウザー内で内包されている各枠を内部方向へ(ブログヘッダー > 記事タイトル > 記事コンテンツ)インテンドさせるデザインにしております。
「カードの特徴」
・大きなサムネイルでカード型記事一覧
・記事タイトルはサムネイル上に配置、画像上の文字への見やすさを配慮
・ブックマーク数、スターもサムネイル上の下部に配置
・日付、記事概要はサムネイル下の別枠へ配置
※カテゴリーの表示は、カードのスペースを確保する為、隠してありますが、マウスをフォーカスさせると開示されます。
「その他特徴」
・カラム列数はブラウザの幅に応じてレスポンシブに増減します。
・列数は1~9列まで対応、可能な限り多くの列数を試みる仕様です。
・デバイス幅の狭いスマフォ(iPhone5等)は1列の表示となります。
・ヘッダ画像をブログ記事画像と動的に差し替える演出を行う機能が別途、追加可能
その他、拡張機能も用意しております。
詳しくは「Flex PhotoGraph2」のブログサイトへ
https://flexphotograph.hatenablog.com/
リリースノート
・2019/07/16 公開 version 2.00