Haruniスマートフォン用の表示で見るHaruniこのブログははてなブログテーマ「Haruni」のデモブログです。読者登録しても更新はありません。コンテンツ幅を揃える・スマートフォン最適化カスタマイズタイトル画像を設置したときの表示を調整出来ます。スマートフォンで見切れないようにしたい。1141px以下での表示でタイトル画像の縦横比を維持します。*/のところは各自のタイトル画像のサイズに合わせて変更して下さい。0;}}スマートフォンのヘッダーの高さ調整はこちらの記事もご参照下さい。test-test-test.hatenadiary.jpPC版のタイトル画像をコンテンツ幅に揃えたい揃っていないPC版ではコンテンツ幅1142pxなのですが、はてなブログのタイトル画像は標準では高さ200px、横幅1000pxです。コンテンツ幅とタイトル画像を揃えるには以下のCSSをデザインCSSぬ追記して下さい。1142px以上のブラウザではタイトル画像を1142pxに引き伸ばします。画像が荒くなりトリミングが変わります。cover;}}PC版でぴったり1142pxできれいに表示したいタイトル画像アップロード機能を使わないタイトル画像機能を使うとトリミングが変わってしまうのでタイトル画像をPC版でぴったり1142pxできれいに表示したいときは、以下のようにして下さい。0;}縦横比を維持したままタブレット・スマートフォンでも表示出来ます。*/は高さを200px以外にしたときに変更して下さい。参考:www.gamehuntblog.comこの方法では高さはぴったり200pxではありません。queryで画面サイズごとにタイトル画像を切り替える調整をしてみてください。blog.minimal-green.comタイトル画像上下の余白を消したいタイトル画像上下の余白を消したいときは以下のようにCSSを追加して下さい。}他にもスマートフォン用の画像を別途作って表示したいなど細かい調整も出来ます。以下の記事を参考にしてみてください。blog.minimal-green.comタイトル画像と背景画像を重ねる以上色々と方法を書きましたが、タイトル画像は背景透過で見切れても問題ないデザインのものが良いと思います。はてなブログのタイトル画像アップロード機能を使い、背景画像とタイトル画像を重ねて表示するとオリジナリティが出せておすすめです。スマートフォンでの調整は上記を参考にして下さい。あわわこさんのブログがかわいくカスタマイズされています。»Haruniインストールテーマのインストールはこちら↓。ストアプロフィールUsernameプロフィール紹介文などが入ります。※Haruniテーマに関するご質問はTwitterのリプライでお願いします。当ブログのコメント・DMでは受け付けません。月別アーカイブはてなブログをはじめよう!minimalgreenさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。