(O+P)ut

OutPut Log by SE in SIer



(O+P)ut

Output Log by SE

【はてなブログ】ゲストユーザ向けメッセージの非表示化

スポンサーリンク

はてなユーザ以外がはてなブログを閲覧すると

はてなブログではアカウントをProにすれば、詳細設定にて以下のように最上部と最下部の表示を制御できます。

  • ブログにヘッダを表示しない
  • ブログにフッタを表示しない

そんな非表示にできるフッターですが、そのまま表示しているとゲストユーザが閲覧すると

はてなブログをはじめよう!<はてなID>さんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか?

という文言がフッターに出ています。

画像にすると以下部分です。

フッタは採用しているが、上記メッセージが気になる人はCSSで非表示にすることも可能です。尚、「ブログにフッタを表示しない」と設定している人はもともと表示されていません。

フッターのHTMLを確認

以下のようにguest-footer-contentが今回の要素ですね。

  <div class="guest-footer-content">
    <h3>はてなブログをはじめよう!</h3>
    <p>XXXさんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか?</p>
    <div class="guest-footer-btn-container">
      <div  class="guest-footer-btn">
        <a class="btn btn-register" href="https://blog.hatena.ne.jp/register?via=200227" target="_blank">はてなブログをはじめる(無料)</a>
      </div>
      <div  class="guest-footer-btn">
        <a href="https://hatenablog.com/guide" target="_blank">はてなブログとは</a>
      </div>
    </div>
  </div>
</div

非表示にするCSS

.guest-footer-content {
 display:none;
}

終わりに

あえて隠す必要もないですが、あえて出す必要もない箇所です。

気になる方は、ご参考ください。


他の記事を読む