テンプレートフォルダに入れた画像を表示する

今回は、サイト右上にWPのロゴ画像を貼ってみます。

 

ちなみにWordPressのロゴ画像と規定は、【ここ】で公開されています。

 

1. 画像をテンプレートフォルダに入れる

テンプレートフォルダに、サブフォルダ/imgを作成して、画像を入れてください。これは決まり事ではありませんが、テンプレート内の画像はフォルダにまとめておく方が管理がしやすいので一般的です（screenshot.jpg/pngを除く）。

 

2. テンプレートファイルを編集する

メニューバーから上側を表示するコードはheader.phpに書かれているので、該当する箇所に次のような画像を表示するコードを書きます。今回のポイントは１点のみです。

元のコード

<img src="<?php bloginfo('template_url'); ?>/img/wordpress-logo-hoz-rgb.png" width="220" height="50" />

出力結果

<img src="http://localtest.net/wp-content/themes/training02-03/img/wordpress-logo-hoz-rgb.png" width="220" height="50" />

bloginfo(‘template_url’)は、テンプレートフォルダのURLを返すWordPress関数です。URLの続きは自分で書き足して、画像ファイルへのURLとなるように繋げて記述します。

 

（参考）編集後のファイル

header.php

style.css（編集したタグのみ表示）

 

「index.phpをカスタマイズする」の記事