ソフトエンジニアのブログ、制作ノウハウ等を配信

WordPress ヘッダー画像を追加

ブログのヘッダー画像といえば、お店の看板みたいなものですよね。
私のブログは、画像を載せずにタイトルだけ表示している
シンプルなヘッダーだったので、画像を追加してみました。

スポンサーリンク

ヘッダー画像をアップロード

まずは、ブログに載せるヘッダー画像を準備します。
今回は、横960px、縦50pxのサイズで、ブログロゴを作りました。
ヘッダー画像追加2
この画像を自分のテーマフォルダへアップロードします。
ヘッダー画像追加1

header.phpを編集

WordPress管理画面から[外観]⇒[テーマの編集]を選択し
header.phpを編集します。
今回、ヘッダー画像の中にブログタイトルが書かれているので、
今までブログタイトルを出力していたbloginfo(‘name’);の箇所をコメントアウトします。
そして、新しくimgタグを追加し、先ほどアップロードした画像を指定します。
この時、画像を入れたテーマフォルダのURLは、
get_template_directory_uri();で取得します。
また、ヘッダー画像をクリックした時に、トップページへリンクするように、aタグで囲みます。

ヘッダー画像追加3

補足説明
※get_template_directory_uri()・・・テーマフォルダのURLを取得
※home_url()・・・トップページのURLを取得
※bloginfo( ‘name’ )・・・サイト名を取得
※bloginfo( ‘description’ )・・・サイトの説明を取得

ファイルを更新を押して、ページを確認してみます。
イメージどおりにヘッダー画像が表示されました。

ヘッダー画像追加4

まとめ

以上、ヘッダー画像の追加方法でした。
参考になれば幸いです。

スポンサーリンク

いいね!を押すと、
最新記事をお届けします。

Twitter で
関連記事(一部広告含む)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


ページトップボタン