サンプルページ
class="single_h2"
関数
?scroll="ブロックID"で遷移スクロール
echo_ord_tag($tag, $content, $class = '')でタグ生成
get_anchortag(array())でaタグ生成
option:
array(
'txt' => '',
'cls' => '',
'qry' => '',
'inner' => ''
);
画像用関数
$img = wp_get_attachment_image_src( get_sub_field('img') , 'large' );
thumbnail => 150x150
medium => 600x600
medium_large => 768x768
large => 1080x1080
post-thumbnail => 1920x1920
戻り値
[0] => url
[1] => width
[2] => height
[3] => 真偽値: リサイズされいている場合は true、元のサイズの場合は false
ブロックラッパー blockWrapper
blockWrapper blockWrapper40 sp_blockWrapper40
class="blockWrapper"で囲まれた要素のfirst-childとlast-childはそれぞれmargin-top,margin-bottomが0になります。
class="blockWrapper40"で上下に40pxのmarginができます
見出し
サンプルサンプル
サンプルサンプル
サンプルサンプル
サンプルサンプル
カラー
class="bgc_key"
class="fc_key"
class="fc_wht"
class="bgi_dot_lightblue"
font-family
family_mincho
family_yugo
サンプルサンプル
文字色#4d4d4d rgba(77,77,77,1)
サンプルサンプル
サンプルサンプル
キーカラー #006CAD rgba(0, 108, 173, 1)
アクセント1 #1C5098 rgba(28, 80, 152, 1)
アクセント2 #0080C4 rgba(0, 128, 196, 1)
アクセント3 #0093D8 rgba(0, 147, 216, 1)
背景色
背景色1#F8F4E6 rgba(248, 244, 230, 1)
背景色2#f5f5f5 rgba(245, 245, 245, 1)
画像トリミング
サイズは4種類
- img-trim-16x9
- img-trim-3x2
- img-trim-4x3
- img-trim-1x1
リスト
- サンサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルプル
- サンプル
- サンプル
- サンプル
- サンプル
- class="caution"
- サンサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- サンプル
- class="num_caution"
- サンプル
- サンプル
- サンプル
テーブル
| サンプル | サンプル | サンプル |
|---|---|---|
| サンプル | サンプル | サンプル |
| table class="table_layout_fix" |
|
サンプル |
|---|---|---|
| サンプル | サンプル | サンプル |
| table class="table_smp_block" | サンプル | |
|---|---|---|
| サンプル | サンプル | サンプル |
piccol
floating_box floating_box-4rows floating_box-space40px
スマートフォンは1列
ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
floating_box floating_box-4rows floating_box-space40px spFloating_box spFloating_box-3rows spFloating_box-space10px
スマートフォンは3列10px間隔
ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー
ボタン
イメージボックス
class="ib_ifb tbbgc"
ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミー
class="ib_ifb tbbgc"
ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミー
class="ib_ifb"
ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミー
class="ib_ifb tbofh"
ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミー
class="ib_ifb" div class="thumb alignleft floatingImg"
ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミー
class="ib_ifb" div class="thumb alignleft floatingImg"
ダミーダミーダミーダミダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミダミーダミーダミーダミ
class="ib_ifb bgwrp" div class="thumb alignright"
border-color: rgba(76, 190, 156, 1);
background-color: rgba(76, 190, 156, 0.05);
TEL:03-3403-2331（代）
【受付時間】平日9:00～17:00
.wrapper_iframe>.box_iframe
カラーバリエーション（説明会）
#00a99d rgba(0, 169, 157, 1)
#009ea9
#0084a9
#006ea9
#0052a9
#0030a9
BEM
