画像を左のインデックスブロックのバリエーション

画像を左で文字を右に一覧表示するBiND Pressのインデックスブロック。画像サイズ(幅360px)の設定もメインブロックでの利用を前提とした設定になっています。

画像と見出しだけでなく、「Read More..」のリンクをCSS付きでアクセントになっています。これはリンクのデザインで設定しているので色などは簡単に変更できます。
また、日付右にカテゴリーが表示される設定にしています。不要の場合には『・[%category%]』を削除してください。また、リンクの文字色などについては設定していないのでDRESSの設定が反映されます。

 
[%new:New%] [%article_date_notime_dot%]・[%category%]

[%title%]

[%article_short_100%]
Read More..
 
 


  • 画像の回り込み設定はCSSですることで、パソコンでは右余白を設定することができて、画像と文字がひっつくことを防ぐことができます。
  • カテゴリーが不要な時は『・[%category%]』を削除してください。

Tablet View


press_006

SP View


press_006