EDGE CMS の標準コンポーネント

見出しや本文などの基本要素から、ナビゲーションやパンくずリストまで。 専門知識がなくても管理画面から直感的に選んで配置できる、26種類の標準パーツ(コンポーネント)を用意しています。

文章

部品

できること

見出し

H1〜H3。文書の構造として扱います

段落

本文。文字の大きさ・位置・色を選べます

リッチテキスト

書式付きの文章。箇条書き・引用・表・コード・画像・動画を1つの欄で

ディバイダー

区切り線。太さ・色・上下の余白を選べます

表現

部品

できること

HERO

ページの先頭。背景に色・画像・動画を敷けます

画像

1枚の画像。幅を選び、狭い画面では自動で100%になります

動画

アップロードした動画、または YouTube(追跡なしの方式)

CTAボタン

次の行動へ促すボタン。リンク先はページから選べます

プロモーション

画像と文章の組。画像の位置を上下左右から選べます

カルーセル

複数の画像を横に並べて切り替えます。最大20枚

構成

部品

できること

レイアウト

中に部品を入れる箱。背景・幅・余白・列数(1〜4)を決められます

コンテナ

見た目を持たない入れもの。まとめて動かしたいときに使います

タブ

中の部品をタブで出し分けます

ディスクロージャー

中の部品を開閉できる形に。JavaScript が無くても動きます

サイトの仕組み

部品

できること

ヘッダー

サイト名とロゴ。狭い画面ではメニューになります

フッター

サイト名とコピーライト

ナビゲーション

階層・並べ方・画面の上への貼り付けを選べます

サイトマップ

階層・並び・除外を指定して一覧を出します

ページリスト

記事の一覧。カテゴリでの絞り込み・NEW マーク・列数などを指定できます

ページネーション

前後の記事への行き来

パンくずリスト

現在地の表示。構造化データも同じ内容で出ます

ページトップへ戻る

出しはじめる位置を選べます

ページのコンポーネント構成

テンプレートで、本文が入る位置を示す札

高度

部品

できること

HTML

HTML を直接書きます(管理者のみ)

ブロック

使い回す部分。1か所直せば全ページに反映されます

カスタムコンポーネント

自分で作った部品。標準の部品と同じように置けます