ウィジェット追加方法
ウィジェット追加方法
ページを構成するウィジェットの追加方法です。パズルのように組み立てながら、HPやLPを作成していくことが可能です。
ページの構成を知る
コネクティッドワンのページは、次の3つの組み合わせでできています。
ブロック（大きなまとまり）
└ カラム（列）
└ ウィジェット（見出し・テキスト・画像・ボタンなど）
「ブロックの中にカラムがあり、そのカラムの中にウィジェットを入れる」という形です。
この組み合わせ方を変えることで、自由にデザインを作れます。
① ウィジェットを追加する
- 左側の「＋ ウィジェットを追加」をクリックします。
- 追加したいウィジェットを選びます。
- 選んだウィジェットを左クリックしたまま、置きたい場所までドラッグします。
- マウスを離すと、そこに入ります。
青い線が、入る場所の目印です
- 横向きの青い線：その位置（上下）に入ります
- 縦向きの青い線：その横に並びます
ドラッグ中は、マウスの位置によって青い線の場所が変わります。入れたい場所に青い線が出たら、マウスを離してください。
② よく使うウィジェット
特によく使うのは、次の4つです。
ウィジェット | 使い道 |
|---|---|
見出し | セクションのタイトル |
テキスト | 本文 |
画像 | 写真やイラスト |
ボタン | 申し込みやページへのリンク |
③ テキスト・見出しを編集する
ウィジェットを入れたら、そのまま文字を入力できます。
文字を選ぶと、編集のメニューが表示されます。
- 太字にする
- フォントを変える
- 文字の大きさを変える
見出しのレベル（H1・H2・H3）
左側のスタイルの項目から、見出しのレベルを選べます。
- H1：ページやブログ記事のタイトルに使われることが多い見出しです
- H2・H3：本文の中の見出しに使います
基本は、H2・H3を使うとよいでしょう。
④ 位置と幅を調整する
ウィジェットにマウスを乗せると、青い枠と矢印が表示されます。
- 上の矢印：クリックしたまま動かすと、ウィジェットの場所を移動できます
- 右側の矢印：クリックしたまま左右に動かすと、幅を広げたり狭めたりできます
細かく幅を調整できるのが、コネクティッドワンの特徴です。AIがバランスも整えてくれるので、きれいなデザインに仕上がります。
⑤ ボタンを設定する
ボタンを入れると、編集の項目が表示されます。
- ボタンのテキストを入力します（例：詳細はこちら）
- リンク先を選びます
- ページ：作成済みのページから、飛ばしたいページを選びます
- ブログ：ブログの記事を選びます
- 開き方を選びます
- 同じタブ：同じ画面でページが切り替わります
- 新しいタブ：新しいタブで開きます
- 必要に応じて、アイコンを追加できます
ポイント
- 最初はテンプレートを使うのがおすすめです。 ブロックのテンプレートを追加すれば、デザインができた状態から始められます。文章や画像を差し替えるだけで完成します。
- 慣れてきたら、自由に組み立ててみましょう。 ウィジェットを入れる場所や幅を変えるだけで、印象が大きく変わります。
ページビルダー一覧
ブロックの表示設定（見る人・日時・国などで表示を切り替える）
更新日 04/10/2026
ありがとうございます