STINGER3でタイトルを文字⇒ロゴにして
エナジードリンク

スマホ表示時にはロゴを小さくスマホにピッタリに表示したいと思います。
エナジードリンク

作るロゴはPCサイト用に、
横640ピクセル、縦100ピクセルで作りました。
スマホではこれを縮小します。
(スマホ用に小さく作ったのですが画像が荒くなったので)

PCサイトとスマホで表示方法を変更します。

ファンクションに追記まで行います。
PCとスマホで見た目のデザインを変える[Stingerカスタマイズ] | daiのネタブログ「ダイブロ」

スティンガー公式サイトの通りに、ロゴを画像にします。

※この時ぼくのWPの保存形式が普通じゃなかったので
<?php echo get_template_directory_uri(); ?>
を削除して、画像のリンクを直接貼りました。

この画像を貼っている所に、
PCとスマホの表示方法を変えるコードを張付け、
PCはそのまま入力します。

スマホは、
画像の後ろに width=”280″ height=”50 これを追加。
iPhoneなどだと320ピクセルでいいのですが、左側に余白があり320ピクセルだと右にズレてしまうので、
ちょっと小さめにしてちょうど良くなります。
余白を変更してもいいのですが、見やすく作ってあるのであまりさわらずがいいかなと思いまして。
ロゴを画像にしよう