現在移行中(nazetosankaitonaete)日々のいろんなことに「なぜ」を3回唱えて考えたことを書いています。スマホ用ヘッダー画像の両端が切れていた問題解決!!この広告は、90日以上更新していないブログに表示しています。2016-12-01スマホ用ヘッダー画像の両端が切れていた問題解決!!ブログカスタマイズレスポンシブデザインの非レスポンシブブログデザインはBrooklyn少しずつではあるものの読んでいただいている方が増えており、管理人・3Whyは嬉しい限りであります。本日まで放置していた問題があった、それはタイトルにもある通り、スマホのヘッダー画像の両端が切れていたのだ。いやいや、実はこれには深い事情ってもんがあったのですよ。僕が選んでいるブログはBrooklynという人気のデザインを採用しています。Brooklynについての記事はこちら(公式ページ)shiromatakumi.hatenablog.comシンプルかつオシャレで、一目惚れをして即採用!見た目だけではなく、このデザインはレスポンシブデザインなのです。知らない方のために・・・レスポンシブデザインというのは、ブロガーが書いた記事をPCにもスマホにもタブレットにも、表示を対応させてくれます。レスポンシブ出ない場合は、ブロガーが画像や文字の大きさを「PC用」「スマホ用」という感じで設定しなければいけないのです。設定する際にhtmlやらCSSやら、僕のようなWEB初心者には少々ハードルの高い作業になってくるので、できればレスポンシブがありがたい。簡単にいうと、「手間いらず」だからレスポンシブデザインのBrooklynを選んだわけで。ヘッダー画像も自作し、それなりの出来に満足気になっていたのですが・・・。スマホで表示してみると・・・なぜ!(本ブログのヘッダー画像気に入ってくれた方で、ご連絡頂ければお手伝い致します。コメントでもどうぞ)あんたっ!レスポンシブデザインでしょ!!スマホで見ると、切れとるやんけ!盛大に切れとるやんけ!!ヘッダーのブログタイトル部分には「と3回」って、タイトルは「なぜと3回唱えて」ですけど!!!!すぐさま、ブログの管理画面からデザイン修正へ!と息巻いていたのですが・・・スマホのヘッダー変更できないのです。!!だって、レスポンシブデザインだから!管理画面を開いた所、こんなこと書いてありました。レスポンシブデザインモードです。スマートフォンでもPCと同じデザインになるため、、以下のスマートフォン設定は適用されません。末尾の「詳細設定」で、レスポンシブデザインとデフォルト表示を切り替えることが出来ます。「レスポンスしてるんだから、勝手な変更受け付けません」ということでしょうか。頭は良いけど柔軟に対応してくれない、こいつは出来るゆとり世代。終いには開き直りか、レスポンシブデザインとデフォルト表示を切り替えること出来るYOだって、Brooklynさんって高飛車ね。