MENU
HOME
TOP
WhiteTiger Ver 1.2.1に更新しました。確認よろしくお願いします。

WordPress 投稿のコメント数取得・表示するカスタマイズ方法

どうも紀州のドンファンの生まれ変わりです。(炎上希望

ところで、WordPressのテンプレートタグでコメント数取得が簡単なの知ってました?僕は最近知ったあかぽんたんですね。

というのはフォーラムで投稿があったので、チョイとアイデーアをお借りしました。

トピック: コメント数を投稿の日付辺りに表示したい | キャンディースタイル

またお前WordPressネタかよ!!そう思うかもしれませんが、自分でもやってみたら意外と需要があるかなと思っての投稿です .Yes!Yes!✌

Photo by Danilo Batista on Unsplash

コメント取得方法

とりあえず、取得方法はWordPressのテンプレートタグがあるので便利です。

大抵はCodexに載ってるので、お仕事ずる休みした時にでもみてくださいね。

テンプレートタグ/comments number – WordPress Codex 日本語版

 

えと本題に入りますぅ~。

まず、使い方ですがCodexにも書いてある通り

<?php comments_number( $zero, $one, $more ); ?>

comments_number()を使うだけ!具体的には引数が三つあるので使い方を説明します。

comments_number(‘合計数が 0 の場合’,’合計数が 1 つの場合’,’合計数が 2 つ以上の場合’);ということです。

堅苦しい話は置いといて、要するにコメントが無いとき、一件の時、二つ以上の時のパラメータを好きなようにせい!ということです。

コメント数表示方法

そいで、僕の場合はこう使ってますです。

<span class="post_comments_link">
  <?php comments_number('(0)','(1)','(%)'); ?>
</span>

こんな感じで、投稿に表示しています。以下の画像は引数の(%)ということです。

逆にゼロの時は、comments_number(‘合計数が 0 の場合’,’合計数が 1 つの場合’,’合計数が 2 つ以上の場合’);なので、0が表示されます。

ここは好きな文言にでも変えたらいいのですよ。

スタイルを整える

スタイルはテーマに依存するので参考までに。

/*コメント数を表示 タイトル下*/
span.post_comments_link {
    padding-left: 5px;
}
span.post_comments_link:before {
    font-family: FontAwesome;
    content: "\f27a";
    color: #333;
    padding-right: 3px;
}
※コメントのアイコンはFontAwesome使ってるので、functions.phpで以下のように呼び出せばいいかと思います。
function add_footer_styles() {
    wp_enqueue_style('font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css');
};
add_action( 'wp_footer', 'add_footer_styles' );

因みにリンク付きだとこんな感じで書きます。ハッシュが付くので、目次みたいにコメントにワープします。

<a href="<?php comments_link(); ?>"><?php comments_number('(0)','(1)','(%)'); ?></a>

相変わらず、文章が苦手な僕なので分からなかったらコメントください。

スポンサーリンク

この記事をかいた人

閲覧どうもありがとうございます。当サイトキャンディースタイルとWordPressテーマのWhite Tigerというサイトを運営しています。まだまだ初心者なので、お見苦しいとこがありますがどうぞよろしく。

コメントを閉じる

コメントを残す

メールアドレスが公開される事はございませんが*の付いている欄は必須項目となります。
なおコメントの反映にお時間がかかる場合があります事をご了承ください。


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください