「コメントする」ボタンや「コメント記入欄を表示」を非表示にする方法

「コメントする」ボタンや「コメント記入欄を表示」を非表示にする方法

「コメントする」ボタンや「コメント記入欄を表示」を非表示にする方法

アメブロカスタマイズのわざめーばです。

こんにちは。

アメブロの記事ページには、記事フッタ部に「コメントする」ボタン、コメント欄の上の方に「コメント記入欄を表示」リンク、下の方に「コメントする」ボタンと、3つもコメント欄を開くボタン(やリンク)がありますが、CSSを編集することで、これらのいくつかを非表示にすることも可能です。

今回は、これらのコメント欄を開くボタン(やリンク)を、個別に非表示にする方法をご紹介します。

それでは早速やり方です。

CSSの編集で、以下のコードのうち、必要なものをあなたのアメブロのユーザーCSSの最後に追加してください。

/* 記事フッタの「コメントする」ボタンを非表示にする */
.articleCommentBtnArea {
  display: none !important;
}

/* コメント欄の「コメント記入欄を表示」を非表示にする */
.commentOpenArea {
  display: none !important;
}

/* コメント欄の「コメントする」ボタンを非表示にする */
.commentBtnArea .commentBtn {
  display: none !important;
}

(通常、何れも「!important」は不要なのですが、事前のカスタマイズ状態により非表示にできない場合が多いため付けてあります)

ちなみに全部消すと↓こんな感じになります。

なお、この方法で「コメントする」ボタンなどを非表示にしても、新規のコメントの受付を禁止したことにはなりませんのでご承知おきください。

以上、よろしければお試しください。

関連記事

CSSを編集してアメブロをカスタマイズする方法
アメブロカスタマイズ目次
アメブロカスタマイズで成功するブログを作ろう トップページ