【はてなブログ】プロフィールと開発部分の非表示設定

今回は、はてなブログProのカスタマイズ編。

 

初心者ならワードプレスは使いやすいけど、はてなブログはどうしてもネット変態(褒めている)が使っているイメージ。

 

ブログはPCで書く人が多いので、どうしてもスマホで見たときのデザインを確認してない人が多い。

決まった"誰か"に見せるつもりでブログを書いているのだから、ユーザーにとって"邪魔"な場所は削除するべきだと思っている。

 

僕がアメーバブログを嫌っているのもそれ。いらない広告が多すぎる。

 

 

はてなブログPro」でアフィリエイトをしているのだが、「プロフィール」と「開発」部分はいらないので、コードを追加して消すことにする。

 

f:id:xxxxkun:20180810150118p:plain

 

 

 

今回、追加するコードはこれ。

 

<style>
.hatena-module-title{display:none;}
.profile-wrapper{display:none;}
.user-name-nickname{display:none;}
.user-name-hatena-id{display:none;}
.user-name-paren{display:none;}

/*↑プロフィールの非表示*/

.footer-action-wrapper{display:none;}
/*↑はてなブログを始めようの非表示*/

.touch-item-list{display:none;}
/*↑はてなブログ開発ブログ等のリンクの非表示*/

/* ヘッダー表示有無 */
#globalheader-container {
display:none;
}

/* フッター表示有無 */
#footer-menu {
display:none;
}

/* 余白調整 */
#container {
padding-top:0px;
}
</style>

 

 

 これを、【デザイン】→【スマートフォン】→【ヘッダ】→【タイトル下】に貼り付けるとスマホで見たいときに「プロフィール」と「開発」部分が非表示になっている。

 

ぜひ、お試しあれ!