Lucca導入後に
最初に行う設定

このガイドは、Lucca 1.0.13の配布ソースと設定画面の実装を確認して作成しています。LuccaはPHP 8.1以上、WordPress 6.0以上を前提とします。導入前にPHPのバージョンを確認し、本番サイトを直接切り替える場合は、データベースとwp-contentを復元できるバックアップを用意してください。

初期設定で大切なのは、見た目を完成させることよりも、問題が起きたときに元へ戻せる状態を作ることです。テーマ切り替え直後は、ウィジェットの配置、メニューの割り当て、画像サイズなど、旧テーマに依存していた部分が変わることがあります。作業前後の画面を残し、変更を一つずつ確認できるように進めます。

1. ZIPを有効化する前に戻し方を決める

管理画面の「外観 → テーマ → 新規追加 → テーマのアップロード」からZIPを追加できます。切り替え後に画面が開かなくなった場合に備え、旧テーマを削除せず残します。可能ならステージング環境で、トップ、投稿、固定ページ、検索、404、スマートフォン表示を先に確認します。

バックアップは「取得した」だけで終わらせず、どこから復元するかも確認します。レンタルサーバーの管理画面で復元できるのか、ファイルとデータベースを個別に戻すのかによって、障害時の手順が変わります。担当者が複数いる場合は、バックアップ日時、保存場所、旧テーマ名を作業記録に残しておくと判断が速くなります。

ステージングを用意できない場合は、アクセスの少ない時間帯を選び、旧テーマで主要ページのスクリーンショットを保存します。テーマ有効化後に問題が出たら、追加の設定を重ねる前に旧テーマへ戻してください。原因の分からない状態で複数箇所を直すと、どの変更が効いたのか追いにくくなります。

2. ライセンス認証を先に完了する

「Lucca設定 → ライセンス」でライセンスキーを登録します。認証により管理画面からのテーマ更新とクラウド同期が利用可能になります。更新経路が未設定のまま運用を始めると、セキュリティ修正やWordPress追従版を見落としやすくなるため、外観調整より先に確認します。

キーを保存した後は、入力欄が埋まっていることだけでなく、認証結果が有効になっていることまで確認します。認証に失敗した場合は、キーの前後に空白が入っていないか、サイトが外部通信を遮断していないか、利用中のURLが契約時のURLと一致しているかを順に切り分けます。

更新通知が表示される運用にしておけば、新しいバージョンを手作業で探す必要がありません。ただし、自動的に更新できることと、安全に更新できることは別です。更新前のバックアップ、変更内容の確認、ステージングでのテストは、ライセンス認証後も続けます。

3. 一般設定は情報量を絞って始める

共通の投稿リード文、トップページのPick Up投稿（最大4件）、モバイルDockを設定できます。Pick Upは公開中の記事だけを選び、空の枠を作らないようにします。モバイルDockは最大4項目で、URL、サイドバー、検索を割り当てられます。最初は「ホーム・検索・カテゴリ・メニュー」など役割が重ならない構成にします。

投稿リード文には、すべての記事に当てはまる短い案内だけを置きます。キャンペーン期限や特定カテゴリだけの説明を共通文へ入れると、関係のない記事にも表示され、更新漏れの原因になります。サイトの方針や記事の読み方を一文で示す程度から始め、必要性を確認してから増やします。

Pick Upは「新しい記事」ではなく、「初めて来た読者に最初に読んでほしい記事」と考えると選びやすくなります。会社案内、代表的なサービス、よく読まれる解説など、役割の異なるページを組み合わせます。Dockについても、同じリンクをヘッダーとフッターとDockへ重ねるより、スマートフォンで頻繁に使う操作へ絞る方が迷いません。

小規模な事業サイトの導線例

次は設定の考え方を示す例です。公開中のサービス紹介と事例記事があるサイトを想定しています。URLは自分のサイトに存在するページへ置き換え、枠を埋めるためだけに未完成ページを追加しないでください。

公開後は、初見の人がトップからサービスの内容を読み、問い合わせ先へ移動できるかを試します。記事が少ない段階では、検索よりプロフィールへのリンクが役立つ場合もあります。最大4項目を必ず使い切る必要はありません。

4. SEO設定の担当を一つにする

Luccaはメタ情報、OGP、Twitterカード、構造化データ、canonical、XMLサイトマップを出力します。専用SEOプラグインを使う場合は、同じ役割の出力が二重になっていないかHTMLソースを確認してください。デフォルトOGP画像は、アイキャッチがないページで使われるため、文字が小さすぎない横長画像を登録します。

確認は管理画面の設定名だけで判断せず、ログアウト状態で「ページのソース」を開いて行います。canonical、og:title、application/ld+jsonを検索し、同じ種類のタグが複数ないかを見ます。トップページだけでなく、投稿、固定ページ、カテゴリでも確認すると、ページ種類による差を見つけやすくなります。

SEOプラグインを継続利用するなら、どの機能をテーマ側、どの機能をプラグイン側へ任せるかをメモに残します。たとえばサイトマップだけをプラグインへ任せる場合も、更新後に担当が戻っていないか再確認が必要です。詳しい調べ方はテーマとSEOプラグインの出力重複を確認するで扱っています。

5. カスタマイザーと実機表示を往復する

色、ヒーロー、プレフッター、サイト基本情報、SNSシェアを設定したら、プレビューだけで完了にしません。ログアウト状態のブラウザで、幅375px前後とデスクトップ幅の両方を確認します。特に長いサイト名、メニュー項目、Pick Up見出し、Dockのラベルは折り返しを確認します。

カスタマイザーは変更を素早く比較するための画面ですが、実際の閲覧条件をすべて再現するものではありません。管理バーの有無、キャッシュ、Cookie、外部フォントの読み込み状況によって公開画面との差が出ます。シークレットウィンドウや別の端末から開き、読者と同じ状態で確認してください。

画像はデスクトップだけでなく、狭い画面で重要な部分が切れないかを見ます。リンクやDockは表示されるだけでなく、指で押しやすいか、開いたパネルを閉じられるかまで操作します。問い合わせフォームを置いている場合は、入力、エラー表示、送信完了までを一度通します。

公開前チェック

最後は設定画面を見直すのではなく、読者がたどる順番でサイトを巡回します。トップから記事へ移動し、検索し、メニューから固定ページを開き、存在しないURLで404を確認します。表示確認と操作確認を分けず、一連の行動として試すのがポイントです。

チェック中に問題が見つかったら、公開日を優先して原因不明のまま進めないことも重要です。必須でない装飾や高速化設定は一度既定値へ戻し、公開に必要なページと導線を先に安定させます。修正内容と再確認したページを記録しておけば、次回更新時のチェックリストとして再利用できます。

まとめ

Lucca導入時は、デザインより先に「戻せること」「更新できること」「検索向け出力が重複しないこと」を確認すると、その後の調整が安全になります。初日はすべてを作り込まず、バックアップ、ライセンス、主要導線、SEO出力の順で土台を固めてください。

土台が安定してから色やヒーロー、高速化を一項目ずつ調整すれば、不具合が起きても原因を戻しやすくなります。テーマ選定段階での比較はLuccaとnikkiの選び分けも参照してください。