賢威

賢威カスタマイズ|ヘッダーに画像を挿入する方法【備忘録用】

こんにちは、ユウトです。

先日から、賢威のカスタマイズを始めており、ヘッダーテキストを画像に変更する方法について備忘録のためにまとめておきます。

まずは、ワードプレスの管理画面の「メディア」からヘッダーに使う画像を挿入します。

 メディア

続いて、ワードプレス管理画面の「外観」から「テーマの編集」と進み、「ヘッダー(header.php)」を開きます。

ヘッダーphp

そして、以下のようなコードが記述されている部分を見つけてください。

【変更前のコード】

上記のコードを以下のように変更し、「ここにヘッダー画像URLを入れる」と書かれた箇所に、先ほど挿入したヘッダー用画像のURLを入力してください。URLはメディアで対象の画像をクリックすればわかります。

※コードを変更する前に、必ずバックアップを取っておきましょう。

【変更後のコード】

コードを変更したら、テーマ編集のファイルを更新ボタンをクリックします。トップページを表示させ、ヘッド画像が正しく挿入されていることを確認してください。