ワードプレス【Alpha】ヘッダー画像の一部にリンクを貼る方法

ワードプレステーマ【Alpha】にて、ヘッダー画像の、特定の部分にリンクを貼る方法を紹介します。

1:子テーマに、banner.phpをアップロードする。

サーバー画面
やり方はこちら

2:テーマを編集します。

テーマの編集

テーマの編集画面にて、header-imageというタグを探す
・F3ボタンですぐに見つかります。

デフォルトでは以下のようになっています。

 

これを以下のように書き換えます

 

リンクする座標を決定する

htmlの意味については、こちらを御覧ください。

座標を調べる

ペイント
画像の座標を調べるには、ウインドウズソフトの「ペイント」を使用すると、すぐにわかります。
マウスを置くと、左下に座標を示してくれます。

コメントは受け付けていません。