DJモペのねこまんま

猫とゴハンと日々のあれこれ

【はてなブログ】コピペでOK!トップページのタグをスタイルシートで非表示にする方法


【はてなブログ】コピペでOK!トップページのタグをスタイルシートで非表示にする方法

はてなブログで記事にタグを付けられるようになりました。

2020年10月現在、設定したタグが記事の文末およびトップページの記事一覧に表示される仕様です。個人的にはトップページにはタグを表示させたくなかったため、スタイルシートで非表示にしました。

コピペだけでできるので、同じくトップには出したくないという方は参考にしてください。

 

 

はてなブログのタグ機能

はてなブログのタグ機能については、公式の開発ブログで説明されています。まだ知らなかった方はそちらをご覧ください。

記事にタグをつけられるようにしました(過去記事も新規投稿も対象のキャンペーン実施中!) - はてなブログ開発ブログ

 

ブログのトップページのタグを消したい

設定したタグは記事の文末およびトップページの記事一覧に表示されます。

赤枠で囲った部分がタグです。このブログで使用しているテーマだとデザイン的にちょっと浮いていますし、その下のカテゴリーとも被るので出したくないなと思いました。

【はてなブログ】コピペでOK!トップページのタグをスタイルシートで非表示にする方法

 

しかし2020年10月現在、ブログ管理画面にはタグの表示非表示に関する設定はありません。記事内にだけ出したい場合はスタイルシートで消す必要があります。

 

作業手順とスタイルシート記述

というわけで消す手順を説明します。

CSSの知識がなくても、以下の手順通りに作業すればコピペで非表示にできますのでお試しください。なおパソコンで操作した場合の説明です。

 

1.ブログの管理画面で左側メニューから『デザイン』を開く

 

2.真ん中のスパナアイコンの『カスタマイズ』をクリック

 

3.『デザインCSS』をクリック

【はてなブログ】コピペでOK!トップページのタグをスタイルシートで非表示にする方法


 4.下記のコードをコピーしてデザインCSS内に貼り付け

/*トップページのタグ非表示*/

.archive-entry-tags-wrapper {

display:none;

}

貼り付ける場所はどこでも大丈夫です。すでにコードが記述されている場合は、消さないようにして一番最後などにペーストしてください。

 

5.『変更を保存』ボタンをクリック

 

6.ブログを開いてトップページのタグが非表示になっていることを確認

【はてなブログ】コピペでOK!トップページのタグをスタイルシートで非表示にする方法

 

以上、コピペだけで作業完了です。記事ページ内のタグはそのままなのでご安心を!

 


このブログでは夫婦と2匹の猫の日々のあれこれを書き綴っています。
よかったら読者登録をお願いします(=^・^=)