こんちは。チルドです。
今日はブログ向けの記事を書きますね。はてなブログのデザインについてです。
日付とタイトル
詳しいカスタマイズは、ほかに譲るとして、僕がひとつだけ、みなさんにお願いしたいのは、余白なのです。一部のテンプレートをご利用の方は、日付とタイトルがくっついてしまっているんですよ。
こうなってます。
こっちも
ね?
日付とタイトルの余白が全くない。個人的にすごく気になります。
これは一行で解決します。
<style type="text/css"> .entry-title { margin-top:5px; } </style>
こちらを、スマホ表示のタイトル下に挿入されてくださいませ。(style記述、挿入済みであれば不要です)
スマホ版の断捨離
あと、スマホ版のいろんな表示を断捨離する方法ものせておきますね。合わせてどうぞ。<style type="text/css"> #globalheader-container {display: none;} /*はてなブログ*/ .header-blog-icon {display: none;} /*タイトルアイコン*/ #blog-description {display: none;} /*タイトル説明*/ .entry-footer-section {display: none;} /*記事下の日付とID*/ .hatena-module-title{display:none;} .profile-wrapper{display:none;} /*プロフィール*/ .search-box {display: none;} /*検索ボックス*/ .hatena-module-entries-access-ranking {display :none; } /*注目記事*/ .footer-action-wrapper{display:none;} /*はてなブログを始めよう*/ .touch-item-list{display:none;} /*はてなブログ開発ブログ*/ #footer-menu {display: none;} /*ダッシュボード・PC*/ </style>
では、また