日常シェアするTwitterGoogle+Pocketはてなブログのカスタマイズ設定をパソコン・スマホともに行いました。・PCのヘッダー画像を「1000×200」より大きく表示したい・スマホのヘッダー画像のサイズが気になるが解決できた記事です。このブログではテーマ「Innocent」を使用しています。この方法は一部テーマで共通設定で使えると思いますが、上手く設定ができない場合もあるので、その時はお使いのブログテーマと一緒に検索してみてください。旧ヘッダーは推奨されているサイズ「1000×200」で作成しました。新ヘッダーは束子(id:kimamalist)さんを参考に「1500×400」で作成しました。(id:UrushiUshiru)さんにいただいたファンアートを参考に当ブログ登場キャラクターの結衣と葵を可愛く描けたと思います。旧ヘッダーは推奨されているサイズ「350×200」で作成しました。新ヘッダーは束子(id:kimamalist)さんを参考に「640×310」で作成しました。画像サイズ「1000×200」で表示する高さを変えただけでは余白ができてしまいます。パソコンのヘッダー画像を大きく表示する方法サイズ「1500×400」の画像をはてなフォトライフにアップロードするときに画像サイズ「0ピクセル」「オリジナルサイズの画像を保存にチェック」と設定されていることを確認してアップロードしました。はてなフォトライフにアップロードされた画像を右クリックして「画像アドレスをコピー」を選択する。コピーした画像アドレスを以下CSSに挿入してデザインCSSに貼って完成です。hidden;}画像サイズは「1500×400」なので400pxにしました。使用する画像のサイズによって変更してください。はてなフォトライフから画像をもってくるので、はてなのタイトル画像設定は何も手をつけなくて大丈夫です。(id:UrushiUshiru)さんwww.itjigoku.com月無ことのは(id:tukinasikotonoha)さんtukinasikotonoha.hatenablog.com束子(id:kimamalist)さんtawashino.hateblo.jpスマホのヘッダーを設定する方法スマホのヘッダーは「640×310」で作りました。使用感は推奨サイズの「350×250」とあまり違いはありません。「デザイン」⇒「スマートフォン」⇒「ヘッダ」⇒「画像アップロード」で設定。「領域に合わせる」と「画像の高さに合わせる」だと微妙に表示が異なります。「領域に合わせる」だと画像が少し見切れるのに対し、「画像の高さに合わせる」だと画像が全部入るけど全体的に少し小さくなった感を感じました。多少見切れても大きく表示される方がいいと思ったので「領域に合わせる」で設定しました。おわりにオリジナルヘッダーを大きく設定できて完成したブログをみると達成感がありました。作成するにあたって参考にさせていただいたブログ様には大変お世話になりました。ありがとうございました。(記事の内容に問題がある場合は速やかに対応させていただきます。)ヘッダーを大きくしたことで上部に載せていたはてなブログ操作ボタンを外しました。自分もよく利用しているので便利さは凄くわかっています。不便を感じさせてしまうかもですが、表示画像の関係上しばらくこの設定でよろしくお願いします。これ...2018-10-08【感想】ガリガリではなく“ふわふわ”赤城乳業の「マシュマロアイスでしゅ。なっちょ、ど...2018-02-10萌えが足りねぇ。グルメ・アニメ・やってみた系について書いてます。2018年モデル」買いました!スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。