1080-234-demo01

2048-340-tab-sp
Home★トップイメージ-02 (背景ワイド2048px表示)(アイキャッチ利用)
 
 

 
b-02-img

ブロックでの
タグ利用

この各ブロックの通常のページ編集はもちろん、
使用する背景画像の構図に合わせ、左寄せ、右寄せ等、タグで簡単に設定可能。
 
このブロックの個別表示や、moreタグで『続きを読む』としたい場合は、
固定ページの編集画面で【1カラム-TOP~Second表示用】テンプレートを選択。
※背景画像の下部が非表示になるケース
【1】掲載画像の回り込み設定等をして、テキストの掲載量が画像サイズより少ない場合。
【2】以下で説明の「長方形エリアタグ」内でmoreタグを設定したい場合。
★修正方法:【1】画像と文章量の調整。【2】moreでは無くリンク(別ページへ)設定。
 
見出しや長方形エリアの設定一覧、カラムや他タグについては以下をご覧下さい。

(このタグ内のテキストは表示されません)

見出し一覧

SEO上、見出し2以下をご利用下さい。

 

見出し2

見出し3

見出し4

見出し5
見出し6

 


エリアタグ

使用する背景画像の構図に合わせ、左寄せ、右寄せ等、タグで簡単に(この文章の長方形エリアを)設定可能です。
※ワイド幅の狭いタブレット、スマホでは背景色のみ有効です。
※以下をブラウザ画面からそのままコピー利用すると ” ←が全角になるので、
ソースや付属マニュアルから取得するか、”を半角に変更してご利用下さい。 

(このタグ内のテキストは表示されません)

 

■白背景で左に設置 <div id=”bgwhite_left”>ここにテキスト等</div>
■白背景で左に設置 <div id=”bgwhite_left”>ここにテキスト等</div>
■白背景で右に設置 <div id=”bgwhite_right”>ここにテキスト等</div>
■白背景で中央設置(50%) <div id=”bgwhite50_center”>ここにテキスト等</div>
■白背景で中央設置(60%) <div id=”bgwhite60_center”>ここにテキスト等</div>
■白背景で中央設置(70%) <div id=”bgwhite70_center”>ここにテキスト等</div>
■白背景で中央設置(80%) <div id=”bgwhite80_center”>ここにテキスト等</div>
■白背景で中央設置(90%) <div id=”bgwhite90_center”>ここにテキスト等</div>
■白背景で中央設置(100%) <div id=”bgwhite100_center”>ここにテキスト等</div>


■黒背景で左に設置 <div id=”bgblack_left”>ここにテキスト等</div>
■黒背景で右に設置 <div id=”bgblack_right”>ここにテキスト等</div>
■黒背景で中央設置(50%) <div id=”bgblack50_center”>ここにテキスト等</div>
■黒背景で中央設置(60%) <div id=”bgblack60_center”>ここにテキスト等</div>
■黒背景で中央設置(70%) <div id=”bgblack70_center”>ここにテキスト等</div>
■黒背景で中央設置(80%) <div id=”bgblack80_center”>ここにテキスト等</div>
■黒背景で中央設置(90%) <div id=”bgblack90_center”>ここにテキスト等</div>
■黒背景で中央設置(100%) <div id=”bgblack100_center”>ここにテキスト等</div>

 

上記設定タグの解除タグ

<div class=”clearfix”>(このタグ内のテキストは表示されません)</div>
 
 


以下のようなカラム設定、5カラム~1カラム(等分割や自由サイズ)(ブラウザ幅でカラム変動 ※IEではカラム不動で縮小)も全ページで可能です。
 

■カラム設定(各幅・等分割・中央合わせ)
(ブラウザ幅でカラム変動 ※IEではカラム不動で縮小)

★以下の設定方法はマニュアルにてご説明しております。

 

5カラム 等分割の例
01
内容 1
02
内容 2
03
内容 3
04
内容 4
05
内容 5
(このタグ内のテキストは表示されません)

 

5カラム
内容 1 内容 2 内容 3 内容 4 内容 5 内容 6 内容 7 内容 8
4カラム
内容 1 内容 2 内容 3 内容 4 内容 5 内容 6 内容 7 内容 8
3カラム
内容 1 内容 2 内容 3 内容 4 内容 5 内容 6
2カラム
内容 1 内容 2 内容 3 内容 4
1カラム
内容 1

■カラム設定(各幅・自由サイズ・左寄せ)
(ブラウザ幅でカラム変動 ※IEではカラム不動で縮小)

★以下の設定方法はマニュアルにてご説明しております。

5カラム
内容 1 内容 2 内容 3 内容 4 内容 5 内容 6 内容 7 内容 8
4カラム
内容 1 内容 2 内容 3 内容 4 内容 5 内容 6 内容 7 内容 8
3カラム
内容 1 内容 2 内容 3 内容 4 内容 5 内容 6
2カラム
内容 1 内容 2 内容 3 内容 4
1カラム
内容 1

■ヘアラインのタグ

<hr />
ヘアラインというのは横線(↓この線です)


 
 
 

Copyright © 【GrandThemeサンプル】 – P 020 All Rights Reserved.