Tablet View

press_003

press_003a

press_003b

press_003c

press_003d

press_003e
SP View

press_003

press_003b

press_003c

press_003d

press_003e
文字数が多く横並びで可読性が悪いと感じる時にオススメ
一覧に文字情報を表示させる時、[%article_short_100%]のように文字数を指定することができます。ブロックの幅の寸法によって画像高さに収まるように文字数を調整しましょう。
[%article_date_notime_dot%] [%new:New%]
[%title%][%article_short_120%] |
|
区切りの線がないパターン
[%article_date_notime_dot%] [%new:New%]
[%title%][%article_short_120%] |
|
1カラムで作る時、ブロックの横寸法が大きすぎるように感じます。そんな時はブロックを分割(左右違い)にして、広い方にpressを表示。狭い方にはSNSなどを表示するという提案。
003bのバリエーションとしてFacebookのPage Pluginの下にLINEの「友だち追加」のリンクを配置し他パターン。
003bのバリエーションとしてFacebookのPage Pluginの下に4つのソーシャルメディアアイコンを配置し、自分達の各メディアへリンクさせます。
003dのバリエーションとしてBiND Pressの一覧表示を画像左のサムネイル式にし、記事タイトルのみで本文表示をなしにしたパターン。