テーマに設定がない場合にWordPressのヘッダー画像を変更する方法

WordPressは非常に強力で使いやすいウェブサイト構築ツール兼コンテンツ管理システム(CMS)です。ブログ、ECサイト、アーティストのポートフォリオ、ビジネスサイトなど、あらゆる種類のウェブサイトに対応したテーマが数万種類も公開されています。しかし、その手軽さの反面、WordPressのテーマ(特に無料テーマ)は機能やカスタマイズの選択肢が限られていることも少なくありません。

その典型例が「テーマのカスタマイザーでヘッダー画像を追加・変更できない」ケースです。おそらくあなたが現在使用しているテーマにも、デフォルトのヘッダー画像が設定されているはずです。この記事では、その組み込みのヘッダー画像を見つけ出し、自分好みの画像に差し替えるためのシンプルな方法を解説します。

ヘッダー画像を変更する手順

ステップ1:WordPressの管理画面にログインする

まず、WordPressの管理者アカウントで管理画面にログインします。

ステップ2:「サイトを表示」を開く

管理画面左上にあるホームアイコンとサイト名にマウスを合わせ、「サイトを表示」を選択します。

ステップ3:ブラウザの検証ツールを使う

次の操作はブラウザによって多少異なりますが、基本的な考え方はどのブラウザでも共通しています。たとえばGoogle Chromeの場合、サイトのヘッダー部分を右クリックして「検証」を選択します。

これにより、CSS・PHP・HTMLなどサイト内部のコード情報が大量に表示されますが、コーディングの知識がなくても以下の作業は問題なく行えます。

ステップ4:ヘッダー画像のURLを探す

<div id="header"> や <div id="logo">(下の画像では <div id="splash">)といったHTMLタグ内のコードを確認しましょう。ここに、ヘッダー画像が保存されているURLパスが記載されている可能性が高いです。例えば以下のような形式です。

https://www.domain-name/wp-content/themes/theme-name/images/image-name.jpg

ステップ5:デフォルト画像のサイズをメモする

これでデフォルトのヘッダー画像がどこにあるかが判明しました。次はレンタルサーバーのファイルシステムにアクセスして、その画像を探し出し、差し替えます。

その前に必ずやっておきたいのが、デフォルト画像の縦横のピクセル数を確認することです。差し替え用の画像はまったく同じサイズにする必要があります。画像自体を右クリックしてデスクトップに保存し、ファイルのプロパティや情報から画像のピクセル寸法を調べればOKです。

ステップ6:cPanelのファイルマネージャーで該当フォルダへ移動する

多くのレンタルサーバーは「cPanel」と呼ばれる管理画面で操作できます。cPanel内には「ファイルマネージャー」がありますので、それにログインし、ヘッダー画像のある場所まで階層を辿ります。パスは以下のような形式になります。

/home/userdirectory/public_html/wp-content/themes/theme-name/images/image-name.jpg

ステップ7:既存の画像ファイルをリネームする

既存のヘッダー画像ファイルを右クリックし、「image-name-old.jpg」のような名前に変更します。こうすることで、万一不具合が起きても元の画像に戻せるバックアップとして残せます。

ステップ8:新しい画像をアップロードする

新しいヘッダー画像を同じディレクトリにアップロードします。新しい画像のファイル名は、元の画像ファイル名と完全に同じにしてください。これがポイントです。

ステップ9:ブラウザのキャッシュを削除する

古い画像が表示され続けるのを防ぐため、ブラウザの画像キャッシュを削除しましょう。

ステップ10:サイトを再読み込みする

サイトのホームページに戻り、ページを更新します。

これで、WordPressテーマに新しいヘッダー画像が表示されているはずです。

まとめ

CSS・PHP・HTMLというWordPressの主要言語を扱えなくても、テーマを構成するファイルをうまく入れ替えるだけで、内部のさまざまな要素をカスタマイズできます。大切なのは、画像などのファイルがどこに保存されているかを把握し、それを見つけて自分のオリジナルデザインに置き換えること。今回の方法を覚えておけば、テーマの設定項目に頼らず自由にサイトの見た目をコントロールできるようになります。