WordPressで特定のコメントを上部に固定する機能はデフォルトではありません。コメントを埋め込みコメントに固定したい場合は、Sticky Commentというプラグインを使用できます。私はコメントIDを登録すると、そのコメントが上部に固定されるシンプルなプラグインを作成して使用しています。
別の方法として、wpDiscuzなどの外部コメントシステムの使用を検討することができます。しかし、私はDisqusコメントシステムをしばらく使用していますコメントがGoogleにうまく公開されない問題 WordPress 基本的なコメントシステムを利用しています。
WordPress コメント固定プラグイン
Sticky Comment プラグイン
通常、コメントは投稿(投稿)で有効になります。ページにも有効にできますが、ページにコメントがあるとぎこちないことが多いです。
特定のコメントを上部に固定したい場合 Sticky Comment プラグインを使用すると便利です。
このプラグインを使用したブログの投稿へのコメントと WooCommerce 商品ページのユーザーレビュー(商品評価)を固定できます。
このプラグインは10個未満のサイトにインストールされて有効になっています。😥インストールしてテストしてみるとうまく動作するようです。
使い方はとても簡単です。コメントに移動し、作り付けで固定するコメントの上にマウスを置き、 ピン留めをクリックします。
固定に設定されたコメントをオフにするには、Unpinをクリックします。
ピンで固定すると、そのコメントが上部に固定されて表示されます。
そのコメントが固定されていても、他のコメントと背景色などのスタイルは同じです。作り付けコメントのスタイルはCSSに変更が可能です。
たとえば、次のCSSコードを 外観 » カスタマイズ » 追加 CSSに追加することができます。
/* 고정 댓글 스타일 */
.sticky-comment article {
background-color: #333; /* 어두운 배경색 */
color: #fff; /* 밝은 텍스트 색상 */
border-left: 5px solid #ff9500; /* 강조된 왼쪽 테두리 */
padding: 15px;
margin-bottom: 10px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* 더 강한 그림자 */
}
.sticky-comment .comment-author {
font-weight: bold;
color: #ffcc00; /* 눈에 띄는 노란색 */
}
.sticky-comment .comment-metadata {
font-size: 0.9em;
color: #bbb; /* 밝은 회색 */
}
.sticky-comment .comment-content p {
line-height: 1.5;
margin: 0;
}
.sticky-comment .reply a {
font-weight: bold;
color: #ffcc00;
text-decoration: none;
}
.sticky-comment .reply a:hover {
color: #ff9500; /* 마우스 오버 시 오렌지색 */
text-decoration: underline;
}
上記のカスタムCSSコードを適用すると、次のように固定コメントのスタイルが変わります。背景色、色、余白などは使用するテーマに合わせて適切に変更してください。以下は GeneratePress テーマに適用した例です。
コメントIDを登録してコメントを固定する
私は非常にシンプルなプラグインを作成して使用しています。
管理者ページでコメントIDをカンマ(カンマ)で区切って登録すると、コメントはコメントリストの上部に固定されます。
このプラグインはコメントIDを追加するときにのみ機能し、JavaScriptやPHPを使用せずにCSSでコメントを上部に固定するため、サイトの速度にほとんど影響しません。
一方、上で紹介する Sticky Comment プラグインを使用する場合、ユーザーがコメントのあるページや投稿にアクセスするたびに固定コメントがないかチェックし、固定コメントがあれば上部に固定することになり、サイト速度に若干の影響がある可能性があります。
区分 | Sticky Comment プラグイン | コメントID登録方式プラグイン |
---|---|---|
利便性 | 便利さ | コメントIDを確認して入力する必要があるため、少し不便です |
機能 | - ブログコメントを固定 - 商品ページのユーザー商品評価を固定 | - ブログコメントを固定 (商品評価を固定するにはコードを少し変更する必要があります) |
サイトの速度に与える影響 | サイトの速度に少し影響を与える可能性があります | 速度にほとんど影響がない |
私のブログで使用されている方法でコメントを上に固定したい場合 Naver カフェからプラグインをダウンロードできます。 CSSスタイルは使用 WordPress テーマに応じて適切に修正してください。
最後に、
以上で WordPressでブログのコメントを修正する方法を見てみました。以外にも wpDiscuzプラグインをインストールして外部コメントシステムを使用している場合は、コメントを上部に固定することができます。
WordPress 基本的なコメントシステムの機能が不足していますが、グーグルにうまく公開されるので、レイアウト、スタイルなどを少し手で使って使うのも大丈夫そうです。ほとんどのブログにはコメントがあまり走らないので、コメントシステムに過度に気を使う必要はないと思います。
ちなみに、ティーストーリーの場合、コメントはGoogleです。 Naverにほとんど露出されていません。そのような場合には、いくらコメントがたくさん走ってもSEO(検索エンジン最適化)の面では何の役割も果たせません。
固定コメントの例です。このブログでは、最新のコメントが上に、古いコメントが下に表示されるように設定されています。固定コメントは、コメントの日付に関係なく常に上部に固定されます。