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