Tomo【WordPress】タイトルロゴを画像にしたらスマートフォンでの表示を調整しましょうTwitterFacebookGoogle+はてブPocket昨日タイトルロゴをテキストではなく画像にしたという記事を書きましたが、スマートフォンの表示で画面からはみ出しているとのご指摘をいただきました。今日はスマートフォンでの表示を調整しましたのでその方法を書き残しておきたいと思います。不具合発生Twitterでととっちさん(@totocchissu)さんにご指摘いただきました。スマホ表示で見るとロゴがはみ出してるので確かCSS追加すると直るはずです!【ブログ運営】タイトルロゴをテキストではなくロゴ画像にしてみました。29Macからしかチェックしてなかったので完全に盲点でした。とっちさんのおかげで気がつけました。確かにiPhoneからみてみたらロゴ画像の右半分くらいがはみ出していました。言えば、ダレデキブログさんでも、画像は320pxl以内で準備する、と書かれていた気が。スマートフォン表示にあうように320pxlという注意だったのかなと思いました。それでととっちさんに返信してみたら、こんな答えが。29そういうこともできるんだ〜、ということでいろいろと調べてやってみました。解決編といってもあまり大袈裟なことではありませんでした。CSSのこと、あまりよく分かっていないのですが、おそらくsmart.phpというファイルをどうにかすれば良さそうということは分かりました。画像をスマートフォンの画像サイズに合わせることができればよさそう、ということであれこれ検索してみて、読んでみたら、ここが分かりやすそうでした。Webクリエイターボックス具体的には、このコードをいれたらよさそうに思いました。}場所とか、どこに入れるべきなのか分からなかったので、smart.cscのファイルの一番最後に挿入してみました。これは横幅を表示される100%で表示させるという意味のようです。高さは幅によって自動調整するためにautoとなっています。スマートフォンでサイトにアクセスしてみるとこのような表示に。ロゴがきちんと全体表示されていました。@tommasteroflifeさんをフォローデザインを変更するときはスマートフォンでの設定も行う必要があるのかないのかを明確にする必要があると思いました。なんとなく調べて、うまく解決できているようなのですが、これが正解で良いのかかなり不安です。PHPやCSCについてやはり知っておかなければならないと感じました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。【WordPress】一年半お世話になったStinger3からアルバトロスへ。WordPressのテーマを変更。【WordPress】左サイドバーに変更したことに伴って見出し(h2とh3)のスタイルを見直してみました。【WordPress】タイトルロゴをテキストではなくロゴ画像にしてみました。【ブログ運営】wpXクラウドのWordPressダッシュボードでテーマの編集をしていたら503エラーが頻出RECOMMENDこちらの記事も人気です。Plusで各記事に...プロフィールTomo(@tommasteroflife)です。途上国の人々の健康の向上のために働いています。「途上国の公衆衛生」コースを修了。マニラ、ワシントンDC、ロンドン、アクラを経て現在は東京勤務。GoonerでHolmesian。詳しくはプロフィールへ。views【WordPress】タイトルロゴをテキストではなくロゴ画像にしてみました。views【WordPress】Stinger3でメニューをカスタマイズ。