📝目次入れてもいいかも
※内部リンクはこんな感じで設定してください
H2見出しはここ
H2見出しはここHEAD OFFICES
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
太字テキストはこんな感じ
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
全幅セクション
.l-wid100vw クラスを付与すると、全幅になります。
固定ページのレイアウト設定を「サイドバーあり」の場合は使用できません
テーブルの見た目
テーブルスクロール＆スクロールヒントの表示は、tableタグを囲っているdivタグに「.js-scroll 」を付与してください。また、.c-tableクラスを付与するとこのデザインのテーブルになります。
| 見出し | 見出し | 見出し | 見出し |
|---|---|---|---|
| 内容はここにきます。内容はここにきます。内容はここにきます。 | 内容はここにきます。内容はここにきます。 | 内容はここにきます。内容はここにきます。内容はここにきます。 | 内容はここにきます。内容はここにきます。 |
| す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 |
| す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 |
| す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 |
| す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 |
| 内容はここにきます。内容はここにきます。内容はここにきます。 | 内容はここにきます。内容はここにきます。 | 内容はここにきます。内容はここにきます。内容はここにきます。 | 内容はここにきます。内容はここにきます。 |
| す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 |
| す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 |
| す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 |
| す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 | す。内容はここにきます。 |
| 見出し | 見出し | 見出し | 見出し |
モーダル
カルーセル、スライダー
プラグインMeta Sliderで作成し、ショートコードを貼り付けて使用してください。
[metaslider id=”143″]
アコーディオン
質問が入ります質問が入ります質問が入ります質問が入ります質問が入ります質問が入りま質問が入ります質問が入ります質問が入ります質問が入ります質問が入ります質問が入りま
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
質問が入ります質問が入ります質問が入ります質問が入ります質問が入ります質問が入りま
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
質問が入ります質問が入ります質問が入ります質問が入ります質問が入ります質問が入りま
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
youtube埋め込み
iframeの周りをdivで囲み「c-youtube」クラスを付与します。
横幅を調整したい場合は、外側のdivのmax-widthを指定してください。
投稿埋め込みショートコード
デフォルト投稿を最新の順番に５件表示する
[postList num=”1″]
[postList posttype=”post” tax=”category” term=”cat-2″ num=”3″ ]
ショートコードをスマホとPCで表示わけする
Meta sliderで作成したスライダーをスマホとPCで表示わけしたい時に使います。
