生きる力と考える力!などのブログ

毎日の出来事やブログの研究。スマホの活用など。 | Visionproud(ビジョンプラウド)

はてなブログの記事下にある「はてなID」(アカウント名、ニックネーム)を非表示にする方法です。

以前ブログのデザインをシンプルにしたいと思い、記事の下にある「はてなID」(アカウント、ニックネーム)を非表示する方法を、はてなサポート窓口に問い合わせて教えて頂きました。(今はそのままはてなIDを表記しています。)その方法のメモです。

f:id:gaiusgreen:20150421072705p:plain

 ダッシュボードにある設定から行います

はてなブログにログインした状態で「ダッシュボード」にアクセスします。はてなIDの非表示の設定を行いたいブログ名の右横にある「設定」(スパナのマーク)をクリックします。

f:id:gaiusgreen:20150421072917p:plain

「デザイン」を選択します

上から「設定」、「デザイン」、「アクセス解析」と表示されるので「デザイン」(パレットのマーク)をクリックします。(※左側サイドバーにある「デザイン」からも行えます。)

f:id:gaiusgreen:20150421073024p:plain

「カスタマイズ」を選択します

左サイドバー上部の「カスタマイズ」タブ(スパナのマーク)をクリックします。

f:id:gaiusgreen:20150421073118p:plain

「デザインCSS」を選択します

表示が切り替わりますので、各項目の一番下にある「デザインCSS」をクリックします。

f:id:gaiusgreen:20150421073217p:plain

タグを追加します

「デザインCSS」をクリックすると、下部に記入欄が表示されますので記入欄の部分に下記のタグを追加します。
====↓ここから↓====

span.author.vcard {
display: none;
}

====↑ここまで↑====

f:id:gaiusgreen:20150421073256p:plain

「変更を保存する」をクリックして保存します

左サイドバー上部「変更を保存する」をクリックします。これで設定が完了しました。

f:id:gaiusgreen:20150421073318p:plain

はてなID(アカウント名、ニックネーム)が消えました

ブログ記事の下に表示されていたはてなIDが非表示になりました。すっきりしてシンプルになりましたね。

f:id:gaiusgreen:20150421073340p:plain

それでもはてなIDが表示されている場合

設定を完了してもブログトップページに、はてなIDが表示されている場合は強制再読み込みをするとよいようです。

<強制再読み込みの方法>
WindowsIEFirefoxChrome): Ctrl + F5
MacFirefox): Cmd + Shift + R
MacChromeSafariOpera): Cmd + R

 

はてなさんありがとうございました。

12歳からはじめるHTML5とCSS3

12歳からはじめるHTML5とCSS3