ブロックの基本操作
最終更新: 2026-03-15
ブロックの基本操作
> このページのURL: https://lite-word.com/manual/block-basics/
LiteWordのカスタムブロックを使ってページを作成するための基本操作ガイド。ブロックの挿入・編集・移動・削除の方法と、無料/有料ブロックの見分け方を解説する。
設定手順
1. ブロックの挿入方法
- 固定ページまたは投稿の編集画面を開く
- ブロックを追加したい場所にカーソルを置く
- 「+」ボタン（ブロック挿入ボタン）をクリック
- ブロック一覧から 「LiteWord」カテゴリ を探す
- 使いたいブロックをクリックして挿入する
ポイント:
- LiteWordのブロックはすべて「LiteWord」カテゴリにまとめられている
- ブロック名で検索することもできる（例: 「FV」「CTA」「ボタン」）
- よく使うブロックは「よく使うブロック」カテゴリに自動で表示される
2. ブロックの編集方法
- 編集したいブロックをクリックして選択する
- 画面右側の サイドバーパネル に設定項目が表示される
- テキスト・画像・リンクなどの内容を変更する
- サイドバーで色・レイアウト・アニメーションなどのスタイルを調整する
- 「更新」（または「公開」）で保存する
ポイント:
- サイドバーが表示されない場合は、画面右上の歯車アイコンをクリック
- ブロックを選択した状態で「ブロック」タブを確認する
3. 共通のサイドバー設定
すべてのLiteWordブロックに共通するサイドバー設定がある。
| 設定項目 | 説明 |
|---|---|
| 横幅 | ブロックの横幅を指定（PC/スマホ個別設定可） |
| マージン | ブロックの外側の余白 |
| パディング | ブロックの内側の余白 |
| 背景色 | ブロック全体の背景色 |
| 枠線 | ブロックの外枠の色・太さ |
| 角丸 | ブロックの角を丸くする設定 |
| アニメーション | スクロール時のアニメーション効果 |
→ 詳細: 共通サイドバー設定
4. ブロックの色を変える
- 変更したいブロックをクリックして選択する
- 画面右側のサイドバーパネルを開く
- 「背景色」 でブロック全体の背景色を変更する
- 「テキスト色」 がある場合は、テキストの色を変更する
- カラーパレットから選ぶか、カラーコード（例: #FF5500）を直接入力する
ポイント:
- カスタマイザーで設定した「メインカラー」「アクセントカラー」がパレットに表示される
- 個々のブロックで設定した色は、カスタマイザーの共通設定より優先される
5. ブロックの移動・削除
移動する場合:
- ブロックを選択する
- ブロック上部に表示されるツールバーの 上下矢印 をクリックして移動する
- またはブロック左側の ドラッグハンドル（6つの点のアイコン）をドラッグ＆ドロップする
削除する場合:
- ブロックを選択する
- ブロックツールバーの 「...」（3点メニュー） をクリック
- 「ブロックを削除」 を選択する
6. 無料ブロックと有料ブロックの見分け方
ブロック一覧で、有料ブロックには ロックアイコン が表示される。
| 表示 | 意味 |
|---|---|
| ロックアイコンなし | 無料ブロック — そのまま使える |
| ロックアイコンあり | 有料ブロック — プレミアム、個別購入、またはテンプレート購入が必要 |
有料ブロックの種類:
- プレミアム（premium） — 月額980円のプレミアムプランで利用可能
- 個別購入（paid） — 必要なブロックだけ個別に購入（買い切り）
- テンプレート（template） — テンプレート購入者のみ利用可能
→ 全ブロックのティア一覧: 全ブロックリファレンス
→ プランの違い: プラン比較
よくある質問
Q: LiteWordのブロックが一覧に表示されません
A: LiteWordテーマが有効になっているか確認する。外観 → テーマ でLiteWordが「有効」になっていない場合、ブロックは表示されない。
Q: ブロックの中のテキストが編集できません
A: ブロックをダブルクリックしてテキスト編集モードに入る。一部のブロックではサイドバーパネルからテキストを編集する仕様になっている。
Q: ブロックを挿入したが何も表示されない
A: ブロックの必須項目（画像やテキスト）が未入力の可能性がある。サイドバーパネルで各項目を設定する。
Q: 同じブロックを複数回使えますか？
A: はい。同じブロックを同一ページ内に何度でも挿入できる。それぞれ独立して設定を変更可能。
最終更新: 2026-03-15