プログラミングと資産運用な日々

プログラミングと資産運用が中心の雑記ブログです。

はてなブログでプロフィールのIDを非表示にする方法

はてなブログのプロフィール欄に表示されるはてなID。

f:id:toyo--104:20190112002349p:plain

ゴチャゴチャしちゃうので、表示しない方がブログの見栄えがいいですよね。 今回は、このはてなIDを簡単に非表示にする方法を紹介します。

デザイン管理画面から編集

  • ブログ管理画面から「デザイン」を選択してください。

f:id:toyo--104:20190112002804p:plain

スパナのマークからヘッダのタイトル下にコードを挿入

  • スパナのマークから、ヘッダタブを押してその下の「タイトル下」に後述のコードを挿入してください。

f:id:toyo--104:20190112003400p:plain

挿入するコード

  • 以下のコードをコピペしてください。
  • ブログのURLに自分のブログのURLを挿入してください。

    例)当ブログだと、「https://www.toyo104-memo.com/about」になります。

  • 表示したい名前には、自分の名前を入れてください。
<script>
addEventListener("DOMContentLoaded", function() {
  //プロフィールID非表示
  var id = document.getElementsByClassName('id');
  id[0].innerHTML = '<a href="ブログのURL/about" class="hatena-id-link"><span class="user-name-nickname">表示したい名前</span></a>';
});
</script>
  • コードを貼ったら「変更を保存する」してみましょう!

あっという間にプロフィールIDが非表示に

  • こちらが完成モデルです!余計なはてなIDが表示されなくなって、キレイになりましたね。

f:id:toyo--104:20190112004034p:plain