はてなブログ|カード型記事一覧はてなタグの消し方|CSSカスタマイズ
数ある中から当ブログを訪問していただきありがとうございます
この記事では
はてなブログのトップページを記事一覧(カード型アイキャッチ)にしているデザインについて
はてなブログタグを消すデザイン(CSS)を解説します
- 記事一覧でカード型アイキャッチを使っている
- 記事一覧ページの#はてなブログタグの表示を消したい
テーマ『Under Shirt』を使っていますが、はてなブログタグが追加されたことによって記事一覧がタグ表記が多くなり見栄えが悪くなりました
CSSコードを追加する形で#タグの表記を消します
#はてなブログタグ
2020年10月8日よりブログに『#はてなブログタグ』を付けれるようになりました
はてなブログタグについて詳しくはこちらで解説しています
タグ付けすることで自分のブログへの流入窓口が新しく増えることは喜ばしいのですがカード型アイキャッチを使っている場合トップページのデザインが変わってしまいます
通常時の記事一覧
ブログタグ付け時の記事一覧
はてなブログタグを付けると付けた分だけ全部表示されてしまいます
はてなブログタグが表示されると記事タイトルが見えにくくなってユーザビリティも低下してしまいます
はてなブログタグは最大で10個付けることができますのでトップ画面では表示しないようにデザイン設定をします
はてなブログタグを消すCSSコード
下のCSSコードをコピーします
※あらかじめデザインCSSのバックアップを取ることをおすすめします
- 【デザイン】⇒【カスタマイズ】
- {}デザインCSSをクリックします
- CSSコードを追加します
- 変更を保存するをクリックして完了です
まとめ
いかがでしょうか
これで通常通りのトップ画面になりました
はてなブログタグ
新しく追加された機能をフル活用して流入要素を増やしていきましょう
当ブログでは
アフィリエイトで収入を目指したい!
しかし
ブログ運営は未経験で初心者である
そんな方に向けて
ブログ運営の仕方からアフィリエイトの始め方までを
初心者アフィリエイターにおすすめなブログサービス
はてなブログ
を使用して分かり易く解説していく
ブログを目指しています
他の記事も参考にしていただければ幸いです
最後まで読んでいただきありがとうございました
PR