質問: ### 前提・実現したいこと WordPressでサイトを運営している者です。 現在、私は複数のサイトを運営しておりまして、その中でもDigPress社の「Attractive」というテンプレートを使用しています。 ↓↓ https://digipress.digi-state.com/attractive/ 実現したいことですが、この「Attractive」テンプレートを使用した時に、ヘッダー部分に画像を挿入して見栄えをよくしたいということです。 ちなみに参考になるサイトとしては、下記のサイトのように変更したいと考えております。 (ヘッダー部分で桜の木の画像が入っているところです) ↓↓ http://lpseisaku.net/ ### 発生している問題・エラーメッセージ また、こちらのサイト(http://lpseisaku.net/)では、ヘッダー部分に画像を挿入する仕方を記事にまとめていまして、それがこちらの記事になります。 ↓↓ http://lpseisaku.net/post-499/ 上記であげた記事を参考にして、私も運営しているサイトに画像を挿入しようと試みました。 (FTP接続を行い、画像をアップロードし、CSSを編集致しました) しかし、いくら試してもヘッダー部分に画像を挿入することができず、ヘッダー部分の色が変更されるだけです。 ### 該当のソースコード ``` 【オリジナルスタイルシートに入力したコード】(入力したコード内容) div#site_banner_container { background-image: url(“http://taiseee/public_html/img/sankou.jpg”); background-repeat: no-repeat; background-position: center center; } ``` ### 試したこと 入力したコードを少し変更してみたりしましたが、ヘッダー部分に画像を挿入することができませんでした。 参考にするサイトに問い合わせてみたかったのですが、問い合わせフォームなど、連絡できる手段が無かったため、こちらで質問させて頂きました。 わかる方がいましたら、回答して頂けると助かります。 ### 補足情報(言語/FW/ツール等のバージョンなど) WordPressのバージョン・・・4.8.1 使用しているサーバー・・・ Xサーバー PHPバージョン・・・5.6.30 MySQL5.5 バージョン
回答: ブラウザでアクセスして画像が表示されなければ基本的にはcssから参照することは出来ません。taiseee/public_htmlはおそらくサイトのルートディレクトリであってブラウザからアクセスできるドメイン・URLではないと思います。 taiseeeもユーザー名か何かと思われます。 そもそもhttp://の最初の区切りが`○○.com`,`○○.net`などドメインの形式ではありません。 サイトのルートディレクトリの設定がどうなっているか分かりませんが、 `http://サイトのドメイン/img/sankou.jpg`のようなURLでブラウザからアクセスし、 画像が表示されるのを確認して、そのURLをCSSにあててはいかがでしょうか? また、cssの部分、background-image: url()で使っているダブルクォーテーションが全角になっているようです。 全角ですとブラウザが正しく解釈できない可能性もありますので、半角に修正しておいてください。