こんちは。はてなブログで有名なチルドです。
今日は、カスタマイズについて。 はてなブログはPROすると、自由にデザインを変えられるようになるよ。
そこで、スマホ表示の要らないものを、バッサリ消す方法を書いていくね。
ヘッダにコピペするとスッキリ片付くから、ときめかない表示は消してしまおう。
<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>
上記の、
<style type="text/css"> </style>
までをコピペすればいいよ。
貼りつける場所は、管理画面の「デザイン設定」→スマホ表示(📱)→ヘッダ→タイトル下。
「スマートフォン用にHTMLを設定する」にチェックを入れるのを忘れずに。
ちゃんと消えたかな…?
まとめ
これでパッと見は、はてなブログってわからなくなるよ。あと、タイトルの文字の太さとか、アイコンのサイズとか、いろいろ変更したかったら
「はてなブログ カスタマイズ スマホ表示 タイトル」
とかで検索すると、ドバドバ出てくるから。
わぁい
便利!
じゃあ、またね!