メインコンテンツへスキップ

テーマに同梱しているカスタムブロックのサンプル一覧

記事の公開日 2020年09月17日

画像

横幅800pxを指定。キャプションはここに入ります。

リンク

ボタン

ボタンテキスト(サイズ大) ボタンテキスト(サイズ中) ボタンテキスト(サイズ小) ボタンテキスト(スタイル:アウトライン)

チャットアイテム

正方形画像
画像を左に配置。
メッセージテキストがここに入ります。メッセージテキストがここに入ります。
横長の画像
画像を右に配置。
メッセージテキストがここに入ります。メッセージテキストがここに入ります。メッセージテキストがここに入ります。メッセージテキストがここに入ります。メッセージテキストがここに入ります。

コード

sample.html

 <ul class="list-unstyled overflow-y-auto m-0 MTSE-main-menu">
        <li><a class="nav-link" href="/fusioncorporate/">六番街Coworking</a></li>
        <li><a class="nav-link" href="/fusioncorporate/archive/">ニュース一覧</a></li>

                              <li class="MTSE-main-menu-item"><a class="nav-link MTSE-main-menu-item__title MTSE-main-menu-item__url" href="https://theme.movabletype.net/fusioncorporate/services/">ご利用の流れ</a></li>
                      <li class="MTSE-main-menu-item"><a class="nav-link MTSE-main-menu-item__title MTSE-main-menu-item__url" href="https://theme.movabletype.net/fusioncorporate/reservation/">予約フォーム</a></li>
                      <li class="MTSE-main-menu-item"><a class="nav-link MTSE-main-menu-item__title MTSE-main-menu-item__url" href="https://theme.movabletype.net/fusioncorporate/storelist/">店舗一覧</a></li>
                      <li class="MTSE-main-menu-item"><a class="nav-link MTSE-main-menu-item__title MTSE-main-menu-item__url" href="https://theme.movabletype.net/fusioncorporate/pricing/">料金プラン</a></li>
                        </ul>

アコーディオン

アコーディオンタイトル
詳細テキスト
アコーディオンを開いた時に表示されます。

pdf

sample.pdfをダウンロード

ファイル

背景付きセクション

テキストブロックテキストブロックテキストブロックテキストブロック
テキストブロックテキストブロックテキストブロック
テキストブロック

テキストブロックテキストブロックテキストブロック
テキストブロックテキストブロックテキストブロックテキストブロック
テキストブロックテキストブロック

ボタン付きセクション

レスポンシブ対応テーブル

セル1 セル2 セル3

マルチカラム

左カラム

カラム内テキストカラム内テキストカラム内テキスト
カラム内テキストカラム内テキスト
カラム内テキストカラム内テキストカラム内テキスト
カラム内テキストカラム内テキスト
カラム内テキストカラム内テキスト

右カラム

カラム内テキストカラム内テキストカラム内テキスト
カラム内テキストカラム内テキスト
カラム内テキストカラム内テキストカラム内テキスト
カラム内テキストカラム内テキスト
カラム内テキストカラム内テキスト