anchor

アンカーリンク用モジュール

アンカーリンクのidを設定。

ヘッダーに隠れずにアンカーリンクできます。

page--blog_category

選択したブログのタグをカテゴリのように表示する

自動生成

page--blog_category_static

page--blog_categoryの並び順を変更したい場合は、手動でタグページへのリンクを設定

page--bread

  • HOME      >      
  • [feat] モジュールリスト

page--directory_nav

page--hero

テキスト

dummy-light@2x

page--hero_v2

テキスト

dummy-light@2x

page--title

ページのタイトル表示などに使用
背景色、背景画像、文字色の設定可

タイトル

section

「section--〇〇〇〇」モジュールの基本の形になります。

ウェブページにモジュールを追加する際にご参照ください。

■セクションヘッダー(共通)

タイトル、リード文章の表示

■オプション(共通)

背景、セクションヘッダーの文字色、上下余白、左右幅、READ MOREなどのぼたん追加などが可能です。

■モジュールコンテンツ

上記で述べた「セクションヘッダー(共通)」と「オプション(共通)」意外が「section--〇〇〇〇」モジュールごとのコンテンツになります。使用方法はモジュールによって異なります。

タイトル

section--accordion

タイトル

dummy@2x

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--banner_blocks

section--banner_blocks_v2

section--banners

バナー表示に使用
※画像のみ

タイトル

section--banners_v2

バナー表示に使用

section--banners_v3

バナー表示に使用

section--banners_v4

バナー表示に使用

section--block

タイトル

icon

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

icon

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--block_v2

タイトル

アイコン

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

アイコン

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

section--block_v3

タイトル

アイコンタイトル

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

アイコンタイトル

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキスト

section--block_v4

タイトル

dummy-light@2x

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

dummy-light@2x

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--block_v5

画像の配置を左右で選択可能です。

タイトル

dummy-light@2x
アイコン

タイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--block_v6

section--buttons

タイトル

section--card

下記の形のリンクを横並びで3つずつ表示可能です。

section--card_latest_post

特定のブログの最新記事3件を、下記の形で横並びで表示

タイトル

section--card_latest_post_tag

タイトル

section--card_modal

タイトル

section--card_modal_column4

タイトル

テキストテキストテキストテキスト

section--card_v2

下記の形のリンクを横並びで3つずつ表示可能です。

section--card_v2_latest_post

特定のブログの最新記事3件を、下記の形で横並びで表示

タイトル

section--card_v3

下記の形のリンクを横並びで3つずつ表示可能です。

section--card_v3_latest_post

特定のブログの最新記事3件を、下記の形で横並びで表示

タイトル

section--card_v4

下記の形のリンクを横並びで3つずつ表示可能です。

section--card_v4_latest_post

特定のブログの最新記事3件を、下記の形で横並びで表示

タイトル

section--carousel

タイトル

section--carousel_board

タイトル

section--directory_nav

section--effect_table

タイトル

テキスト
テキスト
タイトルテキストタイトルテキスト
タイトルテキストタイトルテキスト

section--faq

タイトル

カテゴリタイトル

質問テキスト

テキストテキストテキストテキスト

質問テキスト

テキストテキストテキストテキスト

section--faq_no_category

タイトル

質問テキスト

テキストテキストテキストテキスト

質問テキスト

テキストテキストテキストテキスト

section--flow

タイトル

  • 01 テキスト
  • 02 テキスト
  • 03 テキスト
  • 04 テキスト

section--flow_richtext

タイトル

  • 01

    テキストテキストテキスト

    テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

  • 02

    テキストテキストテキスト

    テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

  • 03

    テキストテキストテキスト

    テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

  • 04

    テキストテキストテキスト

    テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--icon_list_board

アイコンがテキストの場合

タイトル

  • ✓  テキストテキスト
  • ✓  テキストテキスト

section--icon_list_board_v2

アイコンが画像の場合

タイトル

  • icon  テキストテキスト
  • icon  テキストテキスト

section--image_contents

タイトル

dummy@2x

 

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--interview_accordion

タイトル

dummy@2x

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--left_image

タイトル

icon

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

icon

テキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--loop_slider

タイトル

dummy-light@2x
dummy-light@2x
dummy-light@2x
dummy-light@2x
dummy-light@2x

section--panel

タイトル

icon

テキストテキスト
テキストテキスト

icon

テキストテキスト
テキストテキスト

icon

テキストテキスト
テキストテキスト

section--row2

リッチテキストが横2つずつ並びます

タイトル

dummy-light@2x
テキストテキストテキストテキスト

dummy-light@2x
テキストテキストテキストテキスト

section--row3

リッチテキストが横3つずつ並びます

タイトル

dummy-light@2x
テキストテキストテキストテキスト

dummy-light@2x
テキストテキストテキストテキスト

dummy-light@2x
テキストテキストテキストテキスト

section--row3_center

リッチテキストが横3つずつ並びます

タイトル

dummy-light@2x
テキストテキストテキストテキスト

dummy-light@2x
テキストテキストテキストテキスト

dummy-light@2x
テキストテキストテキストテキスト

section--row4

リッチテキストが横4つずつ並びます

タイトル

dummy-light@2x
テキストテキストテキストテキスト

dummy-light@2x
テキストテキストテキストテキスト

dummy-light@2x
テキストテキストテキストテキスト

dummy-light@2x
テキストテキストテキストテキスト

section--scroll_table

スマホ表示の際に表の横スクロールが可能です。
表はリッチテキストで表現

タイトル

テキスト テキスト テキスト テキスト
テキスト テキスト テキスト テキスト

 

section--slider

タイトル

dummy-light@2x
dummy-light@2x

section--slider_block

タイトル

dummy-light@2x

テキストテキストテキストテキスト

dummy-light@2x

テキストテキストテキストテキスト

section--tab_navigation

section--table

タイトル

テーブルタイトル

 

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テーブルタイトル

 

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

テーブルタイトル

 

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

section--tags

選択したブログのタグを表示

自動生成

タイトル

index--hero

タイトル

テキストテキストテキストテキスト

dummy-light@2x

index--hero_v2

タイトル
タイトル

index--hero_v3

index--news

フットコンテンツ

以下、フッター上部共通モジュール

お気軽にお問い合わせください。