WordPressでホームページを作る完全ガイド #3｜テーマの選び方とデザイン初期設定【初心者向け】

「WordPressのインストールは終わったのに、サイトを開いたら素っ気ない画面が出てきただけ。ここからどうやって”お店のホームページ”にするの？」——インストール直後に、多くの方がここで手が止まります。

前回の#2「WordPressのインストール手順」で、あなたのサーバーにWordPress本体が入りました。今回はその”建物”に内装と外観を与える作業——テーマの選び方と設定、最初にやるべきデザイン初期設定を解説します。ここが終わると、画面が一気に「ホームページらしく」なります。

テーマとは？「着せ替え」の仕組みを理解する
無料テーマと有料テーマ、どちらを選ぶべきか
テーマをインストールする手順
最初にやるべきデザイン初期設定4つ
よくあるつまずきと対処法
まとめ｜見た目が整うと、一気に「お店」になる

テーマとは？「着せ替え」の仕組みを理解する

WordPressの「テーマ」とは、サイト全体のデザインの着せ替えセットです。文章や写真などの中身はそのままに、テーマを切り替えるだけで見た目全体が変わります。服を着替えても中身のあなたは変わらないのと同じイメージです。

まずは今回の作業の全体像です。

項目	目安
所要時間	約30分（テーマ選びに迷わなければ）
難易度	★☆☆（管理画面のクリック操作のみ）
必要なもの	WordPressの管理画面に入れること（#2完了済み）
費用	無料テーマなら0円

無料テーマと有料テーマ、どちらを選ぶべきか

テーマには無料と有料があります。結論から言うと、最初は無料テーマで十分です。テーマはあとから変更できるので、「まず無料で形にして、運用に慣れてから有料を検討する」のが失敗しない順番です。

種類	向いている人	特徴
無料テーマ（Cocoon・Lightningなど）	まず自分で形にしたい人	費用0円。日本語の解説情報が豊富で、初心者がつまずきにくい
有料テーマ（SWELLなど）	デザインと時短にお金をかけられる人	設定項目が整理されていて、プロっぽいデザインが早く作れる

個人サロンのホームページなら、無料テーマでも「お店の顔」として十分に機能します。大事なのはテーマの値段ではなく、このあと解説する初期設定を正しくやることです。

テーマ選びで迷ったら、次の3点だけ確認してください。①今も更新が続いているか（長く放置されたテーマは不具合のもと）、②日本語の解説記事が多いか（困ったとき検索で解決できる）、③スマホ表示に対応しているか（サロンのお客様の多くはスマホで見ます）。この3つを満たしていれば、どれを選んでも大きな失敗はありません。

テーマをインストールする手順

管理画面から数クリックで完了します。実際にやってみましょう。

WordPress管理画面の左メニューから「外観」→「テーマ」を開く
上部の「新しいテーマを追加」をクリック
右上の検索窓にテーマ名（例：Lightning）を入力
目的のテーマの「インストール」をクリック
インストールが終わったら「有効化」をクリック

これだけです。サイトを表示すると、見た目が切り替わっているはずです。なお、Cocoonのように公式ディレクトリ外で配布されているテーマは、配布サイトからZIPファイルをダウンロードし、「新しいテーマを追加」→「テーマのアップロード」から入れます。手順が2つあることだけ覚えておいてください。

最初にやるべきデザイン初期設定4つ

テーマを有効化したら、記事を書き始める前に次の4つだけ設定しておきましょう。あとからでもできますが、最初にやっておくと迷いが消えます。

① サイトタイトルとキャッチフレーズ

「設定」→「一般」で、サイトタイトル（お店の名前）とキャッチフレーズ（一言でどんなお店か）を入力します。検索結果にも表示される、サイトの看板です。

② トップページの表示方法

「設定」→「表示設定」で、トップページを「最新の投稿」にするか「固定ページ」にするかを選べます。お店のホームページなら固定ページがおすすめ。ブログの新着ではなく、営業時間やメニューなど「お店の情報」を最初に見せられます。

③ メニュー（ナビゲーション）

「外観」→「メニュー」で、ページ上部に並ぶ案内リンクを作ります。サロンなら「ホーム／メニュー・料金／アクセス／予約・お問い合わせ」の4つがあれば十分です。お客様が迷わないことが最優先で、項目は少ないほど効きます。

④ 色とロゴ

「外観」→「カスタマイズ」で、メインカラーとロゴ画像を設定します。色はお店の内装や名刺と同じ系統に揃えると、それだけで統一感が出ます。ロゴがまだ無ければ、後回しでOK。文字だけでも成立します。

設定を変えたら、必ずスマホでも表示を確認しましょう。パソコンの画面ではきれいでも、スマホではメニューが折りたたまれたり、写真の見え方が変わったりします。「カスタマイズ」画面の下部にあるスマホアイコンを押すと、その場でスマホ表示を確認できます。

よくあるつまずきと対処法

症状	原因と対処
テーマを変えたら表示が崩れた	前のテーマ専用の機能を使っていたのが原因。慌てず元のテーマに戻せば復旧します
デモサイトのようにならない	テーマは「着せ替え」であって中身までは作ってくれません。ページやメニューは自分で追加します
設定画面の場所がテーマごとに違う	まず「外観」→「カスタマイズ」を探すのが共通の近道です

まとめ｜見た目が整うと、一気に「お店」になる

今回はテーマの選び方・インストール・初期設定4つを解説しました。無料テーマ＋初期設定だけで、サイトは見違えるほど「お店の顔」に近づきます。次回は、サロンのホームページに最低限そろえたい固定ページの構成（トップ・メニュー・アクセス・予約）を作っていきます。

まだサーバーの契約がこれからの方は、#1「ドメイン・サーバーの選び方」からどうぞ。本シリーズで推奨しているエックスサーバーなら、契約と同時にWordPressのインストールまで自動で終わります。

✋「自分で作るより、プロに任せたい」という方へ

walleve creative studio では、WordPressによるホームページ制作の代行・サポートを行っています。「ドメイン選びから全部おまかせしたい」「途中まで作ったけど詰まった」——どんな段階でも大丈夫です。まずはLINEで無料相談からどうぞ。

Walleve Creative Studioはブログ村ランキングに参加しています。

クリックして貰えるとこれからの励みになりますのでよろしくお願いします。