これ、消したいなぁと思ったことがあるのは私だけではないはず…(´_ゝ｀)
消すボタンがついていれば楽なのに～(*´Д｀)
はてなブログの記事下のユーザーネームと時間を消す方法
この名前と時間を丸ごと削除する方法。
まずここの要素をチェックしてみると…
entry-footer-sectionというところに
author vcard と entry-footer-time が含まれているようです。
ということで、ここに表示されているユーザーネームと時間を削除するには、
この entry-footer-section をさわったらよさそうです。
entry-footer-section は、class 名なので、
CSSを書く時は、「.」を付けたらよいです。
ということで、コレをデザインCSSに書きます。
/*記事下 名前・時間 削除*/
.entry-footer-section {
display: none;
}
(※ 「/*」「*/」で文字をはさんだものは CSSには反映されないので、
メモしたい時に便利。)
これで…
消えました。 すっきりしましたね。(*´▽｀*)
つまり…PC版とレスポンシブデザインの場合は、
これをデザインCSSに記載するだけでＯＫなんですね。
レスポンシブルデザインでない場合は、スマホ版用の変更も必要ですが、、
それはのちほど。
はてなブログの記事下のユーザーネームだけを消す方法
時間は残ってていいや。名前だけ消したいって時は…
先程のコレでみると、author vcard が該当します。
これはspan要素なので、さっきの「.」は不要です。
で、、
コレをデザインCSSに書きます。
/*記事下 名前 削除*/
span.author.vcard {
display: none;
}
できました。簡単ですね。(≧▽≦)
ここの表記は、こちらのブログも参考にさせて頂きました。(*´▽｀*)
スマホへの対応
レスポンシブルデザインは、PC版の設定が反映されるからいいのですが、
それではない者の場合は、スマホ版の表示は別途設定が必要。。
だけど分からないなぁ…と思って探していると…
こちらの方がきれいにまとめて下さっていました。
リンクを貼らせて頂きます。(*- -)(*_ _)
埋め込みリンクの表示は消えない
でも。。デザインCSSへの記載をして、
ブログ上から表示を消しても、
埋め込みでリンク貼ったら、id表示されちゃうんですよね。
▼ これのタイトル下に表示されるやつのこと。
完全に自分のID、ユーザーネームと切り離したい場合は、
別のブログを立ち上げることになりますが…
はてなブログでは
サブアカウントを作ることができるので、
それで対応することも可能みたいです。
サブアカウントを4個まで取得できます。これにより、5つのアカウント（はてなID）を使ってはてなを利用することができます。
今度サブアカウントも作ってみようかな。(*´▽｀*)
それでは、今回はこのへんで。(*'▽')/
