読者です 読者をやめる 読者になる 読者になる

散るろぐ

千載具眼の徒を待つ

はてなブログのスマホ表示のカスタマイズ

ブログ


こんちは。チルドです。

今日はブログ向けの記事を書きますね。はてなブログのデザインについてです。


日付とタイトル

詳しいカスタマイズは、ほかに譲るとして、僕がひとつだけ、みなさんにお願いしたいのは、余白なのです。

一部のテンプレートをご利用の方は、日付とタイトルがくっついてしまっているんですよ。

こうなってます。

f:id:cild:20160622103352p:plain

こっちも

f:id:cild:20160622103419p:plain

ね?

日付とタイトルの余白が全くない。個人的にすごく気になります。

これは一行で解決します。

<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>


では、また