はじめに — セットアップガイド

最終更新: 2026-03-15

はじめに — LiteWord セットアップガイド

> このページのURL: https://lite-word.com/manual/getting-started/

LiteWordテーマをインストールした後、サイトの基本デザインを整えるまでの手順を解説。この順番で設定すれば、最短でサイトの骨格が完成する。

セットアップの流れ

ステップ1: カラー・フォントを決める

サイト全体の色とフォントを最初に設定すると、後の設定がスムーズ。

外観 → カスタマイズ を開く
「共通設定 - カラー（色）」 でメインカラー・アクセントカラーを設定
「共通設定 - フォント」 でサイト全体のフォントを選択
「公開」 で保存

→ 詳細: カラー設定・フォント
→ カスタマイザーで開く

ステップ2: ヘッダーを設定する

サイトの顔となるヘッダーのパターンを選び、ロゴ・メニュー・CTAを設定。

外観 → カスタマイズ → 「デザイン設定 - ヘッダー」 を開く
「パターンの選択」 でデザインパターンを選ぶ（迷ったらパターン1）
選んだパターンのセクションを開き、ロゴ・メニュー・CTAを設定
「公開」 で保存

→ 詳細: ヘッダー設定概要
→ カスタマイザーで開く

ステップ3: フッターを設定する

サイト下部のフッターパターンを選び、コピーライト・メニュー・SNSリンクを設定。

外観 → カスタマイズ → 「デザイン設定 - フッター」 を開く
パターンを選択し、各項目を設定
「公開」 で保存

→ 詳細: フッター設定
→ カスタマイザーで開く

ステップ4: トップページを作る

固定ページでトップページを作成し、LiteWordブロックを配置する。

固定ページ → 新規追加 でトップページを作成
ブロック挿入ボタンから 「LiteWord」 カテゴリのブロックを選ぶ
ファーストビュー（FV）ブロックをページの先頭に配置
必要なブロック（コンテンツ、CTA、投稿一覧など）を追加
「公開」 をクリック
設定 → 表示設定 → ホームページの表示 を「固定ページ」にし、作成したページを選択

→ 無料で使えるブロック一覧: 全ブロックリファレンス

ステップ5: メニューを作成する

ヘッダーとフッターに表示するナビゲーションメニューを作成。

外観 → メニュー を開く
「新しいメニューを作成」 でメニュー名を入力
固定ページやカスタムリンクをメニューに追加
「メニューを保存」 をクリック
ヘッダー設定で作成したメニューを選択（→ メニューの設定）

ステップ6: ファビコン（サイトアイコン）を設定する

ブラウザのタブに表示される小さなアイコン。

外観 → カスタマイズ → 「サイト基本情報」 を開く
「サイトアイコン」 の「画像を選択」をクリック
512×512px以上の正方形画像をアップロード
「公開」 で保存

ステップ7: 拡張機能を確認する

必要に応じてSEO・メールフォーム・AIページ生成などの拡張機能をONにする。

外観 → カスタマイズ → 「拡張機能設定」 を開く
使いたい機能をONにする
「公開」 で保存

→ 詳細: 拡張機能ON/OFF設定
→ カスタマイザーで開く

次にやること

投稿ページの見た目を整える — 見出しデザイン・目次・シェアボタン
SEOを設定する — タイトル・メタ・OGP・サイトマップ
メールフォームを設置する — お問い合わせフォーム
ブロックの使い方を覚える — 全147ブロックのリファレンス

無料 vs プレミアムの違い

LiteWordは無料でも54種のブロック＋カスタマイザー全機能＋JSON-LD自動出力が使える。プレミアム（月額980円）ではさらに42種のブロック＋JSON-LDカスタマイズUIが追加される。

→ 詳細: プラン比較