ちるろぐ

ここが僕のアナザースカイ

はてなブログのスマホ版でプロフィールとかリンクとかいろいろ消す方法

こんちは。はてなブログで有名なチルドです。

今日は、カスタマイズについて。 はてなブログは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を設定する」にチェックを入れるのを忘れずに。

ちゃんと消えたかな…?


まとめ

これでパッと見は、はてなブログってわからなくなるよ。

あと、タイトルの文字の太さとか、アイコンのサイズとか、いろいろ変更したかったら

「はてなブログ カスタマイズ スマホ表示 タイトル」

とかで検索すると、ドバドバ出てくるから。

わぁい


便利!


じゃあ、またね!