【メモ】はてなブログでプロフィールや記事下に表示される自分のIDを消す方法

「はてなブログ」の初期設定ではニックネームをつけていても、その横にIDが表示される。

しかし、IDはできれば表示したくない、という人もおられるだろう。

私もしたくない。

ということで消すことにする。

2018-05-15_18h36_08

プロフィールに表示されるIDを非表示にする手順

以下、すでに「はてなブログ」にログインし、自分のサイトを開いている状態を想定している。

HatenaBlog」のロゴの横をクリックして開くメニュー項目からデザインを選択。

2018-05-15_19h00_32

続いてスパナのアイコン(カスタマイズ)をクリック。

2018-05-15_19h05_02

するとカスタマイズのためのメニューが表示されるので、「サイドバー」の項目をクリック。

2018-05-15_19h06_45

続いて表示されるメニューに「プロフィール」の項目があるが、これを削除してもIDを表示しないという目的は達成される。

しかし、プロフィールは残したい人は編集をクリックしよう。

2018-05-15_19h08_17

するとプロフィールを編集できる画面が表示されるので、はてなIDの「表示する」のチェックマークを外し、「適用」をクリック。

2018-05-15_19h11_03

最後に「変更を保存する」をクリックすることをお忘れなく。

2018-05-15_19h24_30

すると、こんな感じに。

2018-05-15_19h28_19

わたしのイメージではニックネームだけ残って()内のIDだけ非表示になるのかと思ったら、ニックネームごと非表示になるようだ。

そうか、そうなのか・・・

だったら、プロフィールごと削除してもいいかもだな・・・

ということで、とりあえず、はてなブログでIDを非表示にする方法は以上である。

ただ、これだけで、安心してはいけない。

まだ、記事下にはバッチリIDが表示されている。

記事下のIDを消す手順

2018-05-15_19h43_42

プロフィールに表示されているIDを消しても記事下のIDを消さねば意味がない。

ただ、これはプロファイルのIDを消すよりは、ちょっと面倒である。

まずは「デザインCSS」をクリック

2018-05-15_19h42_35

するとこんな感じの画面が表示されるので、画面をクリック。

2018-05-15_19h52_13

入力モードになるので

span.author.vcard {display: none;}と入力する。

SnapCrab_NoName_2018-5-15_19-55-15_No-00

で、さっきと同じように「変更を保存する」をクリック。

これで、記事下に表示されていたIDは消える。

2018-05-15_22h07_52

そんなに、面倒でもなかったかな?

モバイル表示でもIDが表示されないようにする

しかし、残念なのは、これだけではPC表示においてIDが非表示になるだけでスマホなどのモバイル表示で見るとIDは表示されたまま。

記事下も。

画像 2018-05-15_22-51-46-051

プロフィールの部分のも・・・

画像 2018-05-15_22-51-46-052

ということで、PCでの設定をモバイルにも反映させよう。

そのためにはスマホのアイコンをクリックして詳細設定。

2018-05-15_23h00_47

そしてレスポンシブルデザインにチェックマーク。

2018-05-15_23h05_04

すると、スマホで見てもIDが表示されなくなる。

記事下。

画像 2018-05-15_23-13-53-594

プロフィール。

画像 2018-05-15_23-13-53-595

ただ、適用しているデザインがレスポンシブルに対応していないと、PCのレイアウトのままモバイル画面に表示されるので、見にくくなる。

ので、レスポンシブルに対応するデザインに変えるか、どうしても、変えたくないならば下記の方法を実施するしかないが、そのための設定をするには有料会員になる必要がある。

私は無料会員なので、これ以上は深入りはしない。

おとなしくレスポンシブルに対応したデザインにしておく。

私が、今回参考にさせていただいたサイトには、レスポンシブルに対応しないデザインを仕様したままモバイルでもID表示を消す方法が記されているので、興味のある方は参考にされたし。

広告

フォローする