①□スマホ表示になった際の全体のバランスが気になりまして、【3PR】と名付けたウィジェットに使用している画像をパソコンサイズでの表示の際と、スマホサイズになった時で違う画像に変えることはできますでしょうか?イメージを下記に添付します。
できます。
レスポンシブでいろいろやり方はあるかもしれないですが、
私の知っている方法ですと、例えば CSSに下記のように定義して、
lang
1@media screen and (min-width: 769px) {
2 .pc {display:block;}
3 .sp {display:none;}
4}
5
6@media screen and (max-width: 768px) {
7 .pc {display:none;}
8 .sp {display:block}
9}
HTMLの画像表示部分を下記のようにします。今は画像は同じになってますので、スマホの画像の方はファイルを変更していただければと思います。
lang
1<div class="pc">
2 <!-- PCの画像 -->
3 <img src="http://beyond-japan.sakura.ne.jp/img/3pr-1.jpg" width="370">
4</div>
5<div class="sp">
6 <!-- スマホの画像 -->
7 <img src="http://beyond-japan.sakura.ne.jp/img/3pr-1.jpg">
8</div>
9
という風に実装可能です。
テストしてないので間違いがあるかもしれませんが、そういった実装自体は可能です。
②TOPページ意外の右上連絡先画像のパスが上手くいってない。
ご教授よろしくお願いいたします。
wordpress のようですので、下記に直せばよいかと思います。
<img src="<?php bloginfo('url'); ?>img/tell.png">
ちなみに
<img src="/img/tell.png">
でも表示されます。
表示されない原因は、相対パスになってしまっているからで、
例えば、URLが 「http://beyond-japan.sakura.ne.jp/party-plan/」
の場合、
<img src="img/tell.png">
は下記URLを指していますが、存在しませんよね。
http://beyond-japan.sakura.ne.jp/party-plan/img/tell.png
<img src="/img/tell.png">
このように頭にスラッシュをつけてあげると
必ず「http://beyond-japan.sakura.ne.jp/」からのパスになります。
長くなってしまいましたが、以上が回答になります。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。