はてなブログ初心者の成長日誌

はてなブログ初心者がもがきながら頑張っています。

はてなブログで、はてなIDを非表示にする方法

はてなブログで、はてなIDを非表示にする方法です。

f:id:gurichang:20180308112142j:plain

 はてなブログでの記事の中に、はてなIDが表示されます。
ブログを運営するにあたってブログのテーマによっては、はてなIDを表示させたくないケースがあります。
 はてなIDが表示される場所はサイドバーのプロフィールのところと記事下です。
このページでは
①サイドバーのプルフィールのはてなIDを非表示にする方法、
②記事下に表示されるはてなIDを非表示にする方法
をお伝えしていきます。
 
まずは
・サイドバーのプロフィールのはてなIDを非表示にする方法
 
これは簡単です。
ブログの管理画面からデザインをクリック

f:id:gurichang:20180308110752p:plain



カスタマイズと表示されるスパナの絵をクリック

f:id:gurichang:20180308110453p:plain

サイドバーをクリックしてプロフィールを削除するか、プロフィールを編集してはてなID「表示する」のチェックを外してください。

f:id:gurichang:20180308110523p:plain

 
個人的にはプロフィールごと削除するのがおすすめです。削除するとブログのレイアウトがかなりスッキリします。
 
次は
記事下に表示されるはてなIDを非表示にする方法
 
これをやるとブログの匿名性も守れますし、ページの分量もかなりすっきりします。
 
ブログの管理画面からデザインをクリック

f:id:gurichang:20180308110752p:plain

カスタマイズと表示されるスパナの絵をクリック

f:id:gurichang:20180308110453p:plain

デザインCSSをクリックして開きます。

そして以下のコードを貼り付けてください。
 
span.author.vcard {
display: none;
}
 
スマホの表示にも対応させるには、
ブログの管理画面からデザインをクリック

f:id:gurichang:20180308110752p:plain

スマホの絵をクリック

f:id:gurichang:20180308110928p:plain

レスポンシブデザイン可能なデザインを選択されている方は、
詳細設定をクリックして、レスポンシブデザインモードをオンにしてください。

f:id:gurichang:20180308111135p:plain

レスポンシブモードを選択しないで、はてなIDを非表示にするには、ヘッダをクリックして、タイトル下をクリックして、スマートフォン用にHTMLを設定するを選択し、

f:id:gurichang:20180308111310p:plain

以下のコードを貼り付けてください
 
.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;}
 
はてなブログ記事からはてなIDを非表示にする方法をまとめさせていただきました。
ありがとうございました。