エブリサイトでは、画面を構成するためのさまざまなウィジェットが用意されています。

ウィジェットを活用することで、テキストや画像の表示、データ入力フォームの作成、一覧表示、ナビゲーションなど、用途に応じた画面を構築できます。


この記事では、ウィジェットをカテゴリごとに紹介します。各ウィジェットの活用例については、それぞれのカテゴリ別まとめ記事をご覧ください。

まずは実現したい画面に近いカテゴリを選び、各カテゴリのまとめ記事から目的のウィジェットを探してみてください。



パネル

パネルは、画面のレイアウトやコンテンツ配置の土台となるウィジェットカテゴリです。

テキストや画像、ボタンなどを配置するための領域として利用でき、ページ全体の構成を作る際に利用します。


活用例

  • トップページを作成したい

  • お知らせを掲載したい

  • カード型のデザインを作りたい

  • FAQを作りたい

  • 画像を背景にしたコンテンツを作りたい


サンプル



詳しくは「ウィジェット一覧:使い方のまとめ(パネル編)」をご覧ください。



フォーム

フォームは、利用者から情報を入力してもらうためのウィジェットカテゴリです。

お問い合わせフォームや申請フォーム、kintoneへのデータ登録画面などを作成できます。


また、名前は「フォーム」ですが、入力用のアイテムを配置する用途に限らず、ラベルやテキスト、ボタン、画像などを規則的に並べて表示したい場合にも利用できます。

活用例

  • お問い合わせフォームを作りたい

  • 申請画面を作りたい

  • 顧客情報を登録したい

  • グリッド状に集計結果を表示したい

  • カード形式のダッシュボードを作成したい


サンプル



詳しくは「ウィジェット一覧:使い方のまとめ(フォーム編)」をご覧ください。



テーブル・リスト

テーブル・リストは、kintoneのレコードや各種データを一覧表示するためのウィジェットカテゴリです。

一覧画面や詳細画面、カード形式の表示など、データ閲覧を中心とした画面で利用します。


活用例

  • 顧客一覧を表示したい

  • 商品一覧を表示したい

  • 案件管理画面を作りたい

  • レコードの詳細情報を表示したい

  • 階層構造のデータを表示したい


サンプル



詳しくは「ウィジェット一覧:使い方のまとめ(テーブル・リスト編)」をご覧ください。



ヘッダー

ヘッダーは、ページの見出しやナビゲーションを表示するためのウィジェットカテゴリです。

利用者が現在地を把握しやすくしたり、重要な情報を目立たせたりする際に活用できます。


活用例

  • ページタイトルを表示したい

  • サイト内の階層を表示したい

  • トップページにスライドバナーを表示したい

  • キャンペーン情報を目立たせたい


サンプル



詳しくは「ウィジェット一覧:使い方のまとめ(ヘッダー編)」をご覧ください。



まとめ

やりたいこと

おすすめカテゴリ

ページのレイアウトを作りたい

パネル

入力フォームを作りたい

アイテムを規則的に並べて表示したい

フォーム

データを一覧表示したい

テーブル・リスト

タイトルやナビゲーションを表示したい

ヘッダー



以上、ウィジェットのカテゴリ別、利用用途のまとめでした。

エブリサイトのドキュメントページサポートページもぜひご活用ください。