【備忘】スマホ画面の一番上のHatena Blogを消す。スマホ画面下に固定でメニューバーを付ける。
はてなブログに課金して早く変更したかった事
- スマホ画面の一番上のHatena Blogを消す
- PC画面でもスマホ画面でもHatena IDを消す
- スマホ画面の一番下のごたごたした所を消す
- スマホ画面の下に固定でメニューバーを付ける
という項目達を早く編集したかったんです。
ほぼ一撃で全て解決したので、備忘録として書いておきます。
スマホ画面の「はてなID」,記事下の「PC表示」削除
この記事のコードをそのままコピーさせて頂きました。
ありがとうございます。
本当に簡単で、「デザイン」→「スマホデザイン」→「ヘッダー」の所に下記コードをコピー＆ペーストするだけで解決しました。
<style>
.hatena-module-title{display:none;}
.profile-wrapper{display:none;}
.user-name-nickname{display:none;}
.user-name-hatena-id{display:none;}
.user-name-paren{display:none;}
/*↑プロフィールの非表示*/
.footer-action-wrapper{display:none;}
/*↑はてなブログを始めようの非表示*/
.touch-item-list{display:none;}
/*↑はてなブログ開発ブログ等のリンクの非表示*/
/* ヘッダー表示有無 */
#globalheader-container {
display:none;
}
/* フッター表示有無 */
#footer-menu {
display:none;
}
/* 余白調整 */
#container {
padding-top:0px;
}
</style>
PC画面ではてなIDを削除する
これも本当に簡単です。
「デザイン」→「カスタマイズ」「デザインCSS」→下記コードを貼り付け。
span.author.vcard{
display:none;
}
これだけでした。素晴らしい。
※2017年4月1日追記
スマホ画面でプロフィール全てを消さずに、はてなIDだけ消したい場合このコードを打ってしまうとプロフィール欄が全て消えてしまうのでプロフィールの表示の箇所は下のコードにしたら大丈夫です。
綺麗にはてなIDだけ消えてくれます。
.user-name-hatena-id{display:none;}
.user-name-paren{display:none;}
/*↑プロフィールの非表示*/
スマホ画面下に固定メニューバーを付ける
この「HOME」「人気記事」「カテゴリ」「Top」を付けたくてたまらなかったんです。
参考にしたのがこの記事。
はてなブログスマホ画面にホーム・人気記事・カテゴリ・トップへ戻るの複合メニューバーをつけるカスタム - Yukihy Life
本当にこのままコピー＆ペーストして、自分のホームページURLと、カテゴリに載せたい内容を書いたら簡単にできました。
あとはメニューバーの背景色と文字色をイジッただけです。
動きが重くなるかなぁと不安でしたが、全く変わらなかったので良かったです。
あとはシェアボタンどうしようかなぁ。という感じですがまだ始めたばかりなので、おいおいにします。
