カスタマイズ

AFFINGER5のレイアウト機能でより綺麗に!

投稿日:

PC(960px以上)Tab(955px〜600px)のレスポンシブ表示となります。レイアウトをうまく使って画像を比較させたり、クリックさせやすくすることができます。

「タグ > レイアウト」から任意のレイアウト変更を選択していきましょう。

 

 

PCとTabの3分割

<div class="clearfix responbox33">

<div class="lbox">

左側のコンテンツ33%

</div><div class="lbox">

真ん中のコンテンツ33%

</div><div class="lbox">

右側のコンテンツ33%

</div>

 

左側のコンテンツ33%AFFINGER5のihone4

iPhone4

真ん中のコンテンツ33%AFFINGER5のihonex

iPhoneX

右側のコンテンツ33%

iPhoneXR

<

こんな感じに比較することができます。3つの商品を比較してクリックさせるときに使えますよ。

 

 

 

PCとTab左右50%

<div class="clearfix responbox50">
<div class="lbox">

左側のコンテンツ50%

</div>
<div class="rbox">

右側のコンテンツ50%

</div>
</div>

左側のコンテンツ50%

iPhoneXR

右側のコンテンツ50%

AFFINGER5のihonex

iPhoneX

iPhoneXRとiPhoneXの違いってわかりずらいのですが、こうやって比較できるといいですよね。

 

 

 

PCとTab左右40:60%(30:60%)

<div class="clearfix responbox">
<div class="lbox">

左側のコンテンツ40%

</div>
<div class="rbox">

右側のコンテンツ60%

</div>
</div>

 

左側のコンテンツ40%

AFFINGER5のihone4

iPhone4

右側のコンテンツ60%

AFFINGER5のihonexr

iPhoneX

 

左右を4:6に分けることもできます。少ない割合の方を、従来の古い商品、多い割合の方を新型の商品などにして比較するといいでしょう。3:7に分けるタグもありますよ

 

 

均等横並び

<div class="kintou">
<ul>
  <li>横並びコンテンツ</li>
  <li>横並びコンテンツ</li>
  <li>横並びコンテンツ</li>
</ul>
</div>

 

  • 横並びコンテンツ
  • 横並びコンテンツ
  • 横並びコンテンツ

均等に横並びにすることができます。もちろん、画像やアイコンも挿入できます。デフォルトでは3列しかありませんが、Enterを押すと好きなだけコンテンツを増やすことができます。

 

 

 

マージン

[st-margin margin="0 0 20px 0"]

[/st-margin]

マージンとは、余白のことです。デフォルトでは「margin="0 0 20px 0"」となっており、数字は「上」「右」「下」「左」を示しています。上の画像では「margin="10px 0px 10px 300px"」としているので、左側に余白がありますね。

 

AFFINGER5テーマのみ購入 14,800円

 

 

AFFINGER PACK3  【AFFINGER5EX ver】  39,800円

AFFINGER5のEX

 

商品 通常販売価格 合計
WING(AFFINGER5EX 24,800円(限定販売品)
51,400円
AFFINGERタグ管理マネージャー3 21,800円
ABテストプラグイン 4,800円
当商品(AFFINGER PACK3)
39,800円(11,600円お得!)

AFFINGER EX ver購入へ

 

 

AFFINGER PACK3   31,800円

AFFINGER PACK

 

商品 通常販売価格 合計
AFFINGER4EX(稼ぐサイトの設計図) 9,800円
36,400円
AFFINGERタグ管理マネージャー 21,800円
ABテストプラグイン 4,800円
当商品(AFFINGER PACK3)
31,800円(4,600円もお得!)

AFFINGER PACK3購入へ

 

プラグインセット   29,800円

AFFINGERTAGMANAGER

商品 料金
AFFINGERタグ管理マネージャー3 29,800円
PVモニター

プラグインセット購入へ

 

 

AffiliateRun     21,800円

AFFILIATERUN

商品 料金
PDFマニュアル「AffiliateRun」 21,800円
AFFINGERタグ管理マネージャー3

AffiliateRun購入へ

-カスタマイズ

Copyright© 「稼ぐ」に特化したワードプレステーマ【AFFINGER5】 , 2019 All Rights Reserved Powered by AFFINGER5.