文字数が多く横並びで可読性が悪いと感じる時にオススメ

一覧に文字情報を表示させる時、[%article_short_100%]のように文字数を指定することができます。ブロックの幅の寸法によって画像高さに収まるように文字数を調整しましょう。

[%article_date_notime_dot%] [%new:New%]

[%title%]

[%article_short_120%]
続きを読む

press_003a

区切りの線がないパターン

[%article_date_notime_dot%] [%new:New%]

[%title%]

[%article_short_120%]
続きを読む

press_003b

1カラムで作る時、ブロックの横寸法が大きすぎるように感じます。そんな時はブロックを分割(左右違い)にして、広い方にpressを表示。狭い方にはSNSなどを表示するという提案。

[%article_date_notime_dot%] [%new:New%]

[%title%]

[%article_short_90%]

 


press_003c

003bのバリエーションとしてFacebookのPage Pluginの下にLINEの「友だち追加」のリンクを配置し他パターン。

NEWS

[%article_date_notime_dot%] [%new:New%]

[%title%]

[%article_short_80%]

 

SOCIAL


press_003d

003bのバリエーションとしてFacebookのPage Pluginの下に4つのソーシャルメディアアイコンを配置し、自分達の各メディアへリンクさせます。

NEWS

[%article_date_notime_dot%] [%new:New%]

[%title%]

[%article_short_80%]

 

SOCIAL

 

press_003e

003dのバリエーションとしてBiND Pressの一覧表示を画像左のサムネイル式にし、記事タイトルのみで本文表示をなしにしたパターン。

NEWS

[%article_date_notime_dot%] [%new:New%]

[%title%]

 

SOCIAL

 

  • リスト:ニュース式で左に画像、右に文字というレイアウトにしています。
  • サイトによってページの横幅(ピクセル)が異なりますので、環境に合わせて画像サイズや文字数の指定を調整してください。
  • facebookのページプラグインの編集から、環境に合わせて高さを調整してください。

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