読者です 読者をやめる 読者になる 読者になる

littlewing

人間とコンピューターとメディアの接点をデザインするために考えたこと

はてなブログのスマホ版でヘッダー・フッターを消すCSS(Proのみ)

はてなブログはPRO版にすれば、PC版ははてなのヘッダーやフッターが非表示にできるのですが、 スマートフォン版はなぜか、設定の操作ではヘッダー・フッターを消すことができません。

それを消すにはCSSで以下のように書きます。

「ブログ開設」やら、「週刊はてなブログ」などの、余計(?)なリンクも結構多くて邪魔です。

管理画面を開いて * デザイン > スマホアイコン > ヘッダ > タイトル下 

に以下のHTMLを貼り付けます。

<style>
/* ヘッダー表示有無 */
#globalheader-container {
    display:none;
}

/* フッター表示有無 */
#footer-menu {
    display:none;
}

/* 余白調整 */
#container {
    padding-top:0px;
}
/* プロフィールやはてな関連リンクを消す*/
.footer-service-link,
.footer-action-wrapper,
.footer-touch-item-list,
.profile,
.hatena-module-profile,
.footer-action-wrapper{
    display:none !important;
}
</style>
  • 2016/03/06 修正しました。 (.footer-touch-item-list)追加
  • 2015/11/27少し修正しました。( !important追加)

このブログもやってます。 結構スッキリします。