横並びでシンプルなレイアウト

640-400pxの横長のサムネイル画像と、投稿日、投稿タイトルのみのシンプルな表示。
カラム間の間隔は0に設定し、画像・文字に対して余白(padding)を設けて調整しています。スマホでの表示で横に2つ並ぶ設定。
 

press_001a

パソコン3つ並び、スマホ1つ並びのパターン 
 

press_001b

パソコン3つ並びは001と同様で、スマホでは画像が左、文字が右というレイアウト

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

[%title%]

press_001a

パソコン3つ並び、スマホ1つ並びのパターン

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

[%title%]

press_001b

パソコン3つ並びは001と同様で、スマホでは画像が左、文字が右というレイアウト

[%new:New%] 

[%article_date_notime_dot%]

[%title%]


  • 画像サイズ 640×400(001、001a)、640 420(001b)のjpgで設定しています。
  • press_001bはスマホで見た時、画像が左・文字が右のレイアウト。画像に対して回り込みの設定にしています。

Tablet View


press_001
 

press_001a
 

press_001b

SP View


press_001
 

press_001a
 

press_001b