ワードプレスのヘッダーに配置した画像が表示されない

Question

###前提・実現したいこと
ワードプレスでサイトを作っています。ヘッダーに/images/snsに配置した画像を呼び出して画像リンクとして配置したいです。

###発生している問題・エラーメッセージ
配置した場所にカーソルを動かしてクリックすると指定先のリンクに飛ぶのでリンクは存在しますが、表示は真っ白でぱっと見存在がわかりません。
固定ページに同じコードを配置してプレビューすると実現したい通りに表示されるので、追記しているコードそのものには問題は無いと思います。

###該当のソースコード

<div>
<style>
img{
width: 30px;
margin: 5px;
}
</style>
<center>
<a href="https://twitter.com/"><img src="images/sns/twitter.png"></a>
<a href="https://www.facebook.com/"><img src="images/sns/facebook.png"></a>
<a href="https://www.instagram.com/"><img src="images/sns/Instagram.png"></a>
</center>
</div>

###試したこと
固定ページに同じコードを書きphpでヘッダーに呼びだすなどしましたが、同じ結果でした

テーマ入手先
https://srd.wordpress.org/themes/gk-portfolio/

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、使用されているテーマは自作テーマでしょうか？それとも公開されているテーマでしょうか？後者の場合は入手先をリンクつきで質問文に追記してください。

Answer 1

相対パスだからだと思います。

<img src="<?php home_url( '/' );?>images/sns/twitter.png">

【WordPressで各URLを取得する関数まとめ – まごのて】
http://magonote.skr.jp/get-url/

【WordPress » URL・ディレクトリの取得まとめ | MORILOG】
http://morilog.com/wordpress/template/url_and_directory_functions/

【WordPressでpathやURLを取得するためのタグと出力例まとめ | OXY NOTES】
http://oxynotes.com/?p=8590