おはなしの雑貨屋さんスマートフォン用の表示で見るおはなしの雑貨屋さん家を買いたい20代がゆっくり更新するブログ。【はてなブログ】スマホでタイトル画像がはみ出るのを直したい!を解決2019-01-23【はてなブログ】スマホでタイトル画像がはみ出るのを直したい!を解決ブログ運営スポンサーリンクオリジナルの画像を作ったのですが・・・スマホだとこうなります一発解決の記事に出会いましたヘッダー画像カスタマイズの記事はたくさんあるこんな記事も書いてますオリジナルの画像を作ったのですが・・・こんにちわ!猫だるまです。はてなブログにはヘッダーにタイトル画像を挿入する機能がありますよね。ブログにオリジナリティを出したいので時間をかけて画像を作成しました。その画像を適用して、PCで確認したところまでは問題ありませんでした・・・。スマホだとこうなりますところが、スマホで確認するとえらいことに。納まりきっていません。画像が大きすぎて画面からはみ出ています。ブログは第一印象が大事なのに、これはマズいです。はやくなんとかせねば。スマホ用の設定をいじれば・・・?そういえば、はてなブログではPC用とスマホ用で設定を変えることができるんだった!と思い、デザイン設定をいじろうとしました。今使っているテーマはレスポンシブデザイン。PCの設定がそのままスマホにも適用されるので、スマホの設定を変えても意味がないことに気が付きました。PCの設定でなんとかしなければいけません。スポンサーリンク一発解決の記事に出会いました誰か助けてくれ!と思いつつ、記事を探しているとありました。affiliate-couple.hatenablog.comそして、すぐ解決しました。このコードを入れると、縦横比そのままに画像がスマホに反映されます。́・ω・)ヘッダー画像カスタマイズの記事はたくさんある調べている途中で、オリジナルの画像をヘッダーに違和感なく表示させるのに苦労されている方は少なくない、と感じました。他にもやり方があるので、参考までに以下の記事をご紹介します。◆どのテーマでも応用できるヘッダー周りの設定について書かれています。Custom◆これは自分で画像を書く時の適切なサイズを丁寧に紹介している記事です。専業主婦卒業宣言!◆初心者向けに画像を設定する過程を紹介しています。たわしの帖みなさんの助けになれば幸いです。こんにちわ!猫だるまです。こんにちわ!猫だるまです。こんにちわ!猫だるまです。こんにちわ!猫だるまです。マーベル作品/洋菓子/かわいい雑貨/クリスマス系イベント大好き。住宅購入資金をブログで稼ぎたい。ブログを通してたくさんの人と知り合いたい!Twitterでも気軽に絡んでください(/・ω・)/ブログ紹介はこちら。注目記事Twitterもやってるよ。プライバシーポリシートップへ戻るはてなブログをはじめよう!nekodaruma3さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。