【ワードプレス「テーマ」の変更】デザインを自分好みに編集するコツ

最終更新日: 2025年7月27日

ワードプレスに挑戦中のみなさん、こんにちは！

「ワードプレスを使って、ホームページやブログを制作している」「デザインの変更に凝っている」そんな時、「もう少し調整したい！」などのお悩みはありませんか？

ワードプレスのデザインを担当している項目を「テーマ」と呼びますが、「まずまずの好み」にテーマを整えたものの、微調整をしたいときの方法を今回は説明します。

早速やってみましょう！

1 テーマの「カスタマイズ機能」を使ってみましょう
2 カスタマイズ画面でできること
3 変更したい箇所を明確にしましょう
4 変更箇所に対応する「設定項目」を探しましょう
5 プレビュー機能で確認しながら変更しましょう
6 CSSを編集する方法
- 6.1 次のステップへ！ホームページやブログで、継続的な情報発信をしよう

テーマの「カスタマイズ機能」を使ってみましょう

ワードプレスの「テーマ」には、デザインをカスタマイズできる機能が備わっていることが多くあります。まずは、テーマのカスタマイズ機能を確認して、使ってみましょう！カスタマイズ機能を使えば、コードの知識がなくても、色やフォント、レイアウトなどを簡単に変更できます。カスタマイズ画面へは、ワードプレスの管理画面からアクセスできるので、試してみましょう！まずは「ワードプレスの管理画面にログイン」して「左側のメニューから【外観】を選択」「【カスタマイズ】をクリック」することで使うことができます！

カスタマイズ画面でできること

カスタマイズ画面でできることは、テーマによって異なりますが、主に以下のことができます。

サイト情報の変更

サイトのタイトルやキャッチフレーズを変更できます。
サイトのロゴやファビコンを変更できます。

デザインの変更

サイト全体の配色を変更できます。
フォントの種類やサイズを変更できます。
背景画像を変更できます。
ヘッダーやフッターのレイアウトを変更できます。

レイアウトの変更

サイドバーの表示位置を変更できます。
コンテンツの表示幅を変更できます。
メニューの表示方法を変更できます。

ウィジェットの追加・編集

サイドバーやフッターに、様々なウィジェット（カレンダーや検索ボックスなどのパーツ）を追加できます。
ウィジェットの内容や表示方法を編集できます。

その他の設定

テーマによっては、独自のカスタマイズ項目が用意されています。
例えば「トップページのレイアウト」「記事一覧の表示方法」などがあります。チェックしてみてください！

変更したい箇所を明確にしましょう

また、カスタマイズを行うコツは「事前にどこをどのように変更したいのか」を具体的にイメージすることです。例えば、ホームページやブログの「イメージカラーを変更したい」や「ヘッダーのロゴを変更したい」「トップページのレイアウトを変更したい」など、「したいこと」がハッキリしていれば、その方法を調べて改良することができます！「なんとなく使ってみて覚える」のも有効な方法ですが「したいこと」がハッキリしていたほうが、作業効率はUPします。まずは「どこをどう変えたいのか」考えてみて、それから「その方法」を調べて実行することで、あなたの目指すホームページやブログに近づけていきましょう！

変更箇所に対応する「設定項目」を探しましょう

カスタマイズ画面で、「具体的に」変更したい箇所を見つけたら、それに対応する設定項目を探しましょう！カスタマイズ画面は、テーマによって構成が異なります。変更したい箇所に対応する設定項目を探すには、以下の方法を試してみましょう。

変更したい箇所をクリックする

変更したい箇所を直接クリックすると、対応する設定項目が表示される場合があります。
例えば、ヘッダーのロゴをクリックすると、ロゴを変更するための設定項目が表示されることがあるので、試してみましょう！

サイドメニューの項目を順番に確認する

カスタマイズ画面のサイドメニューには、様々な設定項目が用意されています。
変更したい箇所に対応する「設定項目」が見つかるまで、順番に確認していきましょう。
設定項目の名前や説明をよく読んで、どのように設定すれば希望のデザインになるのかを確認しましょう！

検索機能を使う

テーマによっては、カスタマイズ画面に検索機能が備わっている場合があります。
変更したい箇所に関連するキーワードを入力して、設定項目を検索してみましょう！

テーマのマニュアルやサポート情報を確認する

テーマのマニュアルやサポート情報には、カスタマイズ方法が詳しく解説されている場合があります。
テーマの公式サイトやフォーラムなどを確認してみましょう！

プレビュー機能で確認しながら変更しましょう

変更した内容は、プレビュー機能で確認しながら進めましょう！プレビュー機能を使うことで、変更後のデザインをリアルタイムで確認できます。「変更したいこと」を決めて、それに対応する「設定項目」を見つけ出し、変更を行ったら、その都度「プレビュー」で希望通りになっているのかを確認してみましょう。「変えて」→「確認する」を繰り返すことで、どんどん理想のホームページやブログのデザインに近づけることができます！