@chu-ya さん

こちらご返信遅くなりました。

上記ご要望いただき、ありがとうございます！

個人的にも、新着記事等に「コメント数」を表示できると、ブログの活気をアピールする上でメリットがあるかと感じております。

わいひらさんとも方向性をすり合わせつつ、対応できればと思います。

@s_takazawa さん

●経緯

大分前に、わいひらさんと、カードについて議論したことがあり。

できれば、エントリーカードと同様なレイアウトでの表示を望みます。

現状、カテゴリー（2列、3列）のフロントページ表示は、新着記事の関数を用い表示しています。
結果、コメント数は表示されません（図参照）。

そのため、他に合わせコメント数が表示できればと思った次第です。

●余談

私のスキンの拡張レイアウトは、新着記事ショートコードを用いています。
結果、コメント数は表示されません。

このため、独自カスタマイズでDOMDocumentを用い、テンプレートを書き換える方法をとっています。

http://chuya.s239.xrea.com/temp/original-layout-card-comments/

それよりも、素直に母体でのオプション対応できたら？と思った次第です。

@chu-ya さん

背景や意図についてもありがとうございます！
承知いたしました。
上記踏まえて、進めさせていただきます。

以下にオプションcommentを追加しました。
細かい部分については調整願います。

●shortcodes.php

https://notepad.pw/share/mvjTWbYFXDjce3Q64VcC

●html-forms.php

https://notepad.pw/share/XRD19X5rcxwk7WGRXyBo

@s_takazawa さん

GitHubのコードに問題があり、フックwidget_entry_card_date_beforeに影響があります。

●変更前

日付の前（スニペットの後ろ）に情報追加できるようにしていた。

https://github.com/xserver-inc/cocoon/blob/72f1139271ec227e2f3aa28218b3e678967edc35/lib/html-forms.php#L1652-L1654

●変更後

コメント数を日付の後ろに追加するため、日付を含め全体をラップ（e-card-meta）するようにした。

https://github.com/xserver-inc/cocoon/blob/9c9c0838e84060edfff84a1908e3f797060fc3ab/lib/html-forms.php#L1663-L1674

この結果、フックで追加した情報が、スニペット直後ではなく、ラップした要素の中に出力される。
また、日付を右揃えにしているため、位置が崩れ表示されてしまう。

対応策

以下の前にする必要があるのでは？

https://github.com/xserver-inc/cocoon/blob/9c9c0838e84060edfff84a1908e3f797060fc3ab/lib/html-forms.php#L1663

その際、以下のif文必要？？

do_action( 'widget_entry_card_date_before', $prefix, $post_id);

@s_takazawa さん

もう1点問題があることが分かりました。

ラップ（.entry-card-meta）はposition: absolute;なので、以下のように、スニペット表示すると、日付と重なってしまいます。

このため、CSSの見直しが必要です。

［new_list snippet=1 date=1］

GitHubのCSSクラスの構成で以下を追加すると改善されるかと。

// 大きなカードの場合、potisionを解除
.card-large-image .entry-card-meta {
  position: unset;
}

// デフォルトカードのとき、日付表示の余白
.widget-entry-card-content {
  padding-bottom: 1em;
}

フック名widget_entry_card_date_beforeでなく、他に合わて、widget_entry_card_snippet_afterにした方が良かったかも。
途中色々、追加した経緯があり。

add_action('entry_card_snippet_after', function($post_id) {
add_action('related_entry_card_snippet_after', function($post_id) {
add_action('widget_entry_card_date_before', function($prefix, $post_id) {

@chu-ya さん

先日のコードのご提供や、上記ご指摘ご助言をいただきまして、誠にありがとうございます！

問題点に関して、chu-yaさんのおっしゃる通りかと思います。

頂いた内容の方ご参考にさせていただき、引き続き実装の方進めさせていただきます。

フックwidget_entry_card_date_beforeが、日付関数generate_widget_entry_card_date内だったことを完全に見落としていました。

@s_takazawa さん

●問題点

以下ですが、date=0が反映されません。display-noneの部分が削除されています。

https://github.com/xserver-inc/cocoon/pull/310/files#diff-4eb8121b22431a8363010400ce47d366bcc0798a9553a077b2ad05179d12e86eR1418

●修正案

先述の通り、単純にwidget_entry_card_date_beforeを、generate_widget_entry_card_dateの外に出せばいいのでは？
小難しくhas_actionで判定する必要はありますか？

以下に、html-forms.phpの修正案を載せます。

https://notepad.pw/share/FrOf8xH0xWUxVo8gboeU

@s_takazawa さん

@yhira さん

GitHubの以下の表示位置の件ですが、現状のままとしてください。
現状の投稿・更新日付の後ろに、コメント数を追加するだけでいいです。（スニペット下左揃えのまま）

残念ですが、下手にお願いできないと感じています。

@chu-ya さん

先日はご助言いただき、誠にありがとうございます！

ご助言いただいた通り、widget_entry_card_date_beforeフックの位置は外に出し、シンプルな形にいたしました。

また、レイアウトの件に関しても、恐縮ですが、承知いたしました。

おっしゃる通り、今回は「コメント数の表示機能」を最優先とし、まずは表示機能のみを慎重に実装いたします。

改めまして、わいひらさんにPRの方ご確認をお願いできればと思います。少々お待ちいただけましたら幸いです。

@yhira

わいひらさん
お疲れ様です。

本件に関して、改めまして以下PRにて仕様の内容とコードの調整を行いましたため、お手すきでご確認いただけましたら幸いです。
https://github.com/xserver-inc/cocoon/pull/310

（対応内容）
・新着記事、人気記事、新着情報、のショートコード、ブロックに「コメント数」の表示機能を追加
・（最新の対応）新着情報ブロックの設定パネルの「コメント数を表示する」の選択UIの位置を「仕切り線を表示する」の下に移動
・（最新の対応）フック配置調整に伴う追加対応
・（最新の対応）既存のレイアウトと差分を無くすためCSS微調整

もし何かありましたら調整させていただき、問題なければ、PRご反映後マニュアルを更新する流れで進められたらと思います！

お手数ですが、お手すきでご確認のほど、よろしくお願いいたします。

----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.1
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

わいひらさんの以下の修正が反映され、コメント数が表示されることを確認しました。

https://github.com/xserver-inc/cocoon/commit/abd476249e6af2933347a4590791a6713c101d4f

マニュアルへの反映を確認したのち、クローズしようと思います。

@s_takazawa 

ご対応いただきありがとうございます。
プルリクエストをマージさせていただきました。

@chu-ya

ご確認いただきありがとうございます！

@s_takazawa さん

----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.1
カテゴリー数：16
タグ数：13
ユーザー数：1
----------------------------------------------
●問題点

以下の処理に問題あり。

ナビカードのとき、空の要素が出力されている。
また、ナビカードの場合、カテゴリー、タグなどがカード出力されるため、コメントを出力できない。

https://github.com/xserver-inc/cocoon/blob/abd476249e6af2933347a4590791a6713c101d4f/lib/html-forms.php#L1663-L1677

●対策

フック含め、ナビカードを除外する必要がある。

        if (!is_widget_navi_entry_card_prefix($prefix)):
          do_action( 'widget_entry_card_date_before', $prefix, $post_id);
          ?>
          <div class="<?php echo $prefix; ?>-entry-card-meta widget-entry-card-meta card-meta">
            <div class="<?php echo $prefix; ?>-entry-card-info widget-entry-card-info card-info">
            <?php
              generate_widget_entry_card_date($prefix, null, $display = $date);
              if ($comment): ?>
                <span class="<?php echo $prefix; ?>-entry-card-comment widget-entry-card-comment card-comment post-comment-count"><span class="fa fa-comment-o comment-icon" aria-hidden="true"></span><?php echo get_comments_number(); ?></span>
              <?php endif; ?>
            </div>
          </div>
        <?php endif;?>

投稿者:: @chu-ya

↑

また、ナビカードの場合、カテゴリー、タグなどがカード出力されるため、コメントを出力できない。

これは私の間違いで、navi_listは$commnnetは常にtrueとならないですね。

ご指摘いただきありがとうございます。
ナビカードの際は、.widget-entry-card-metaが出力されないように修正させて頂きました。
https://github.com/xserver-inc/cocoon/commit/7469a781ebb73200a49ac10344e5cc65c68711b3

投稿者:: @yhira

↑

ナビカードの際は、.widget-entry-card-metaが出力されないように修正させて頂きました。

----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.1
カテゴリー数：16
タグ数：13
ユーザー数：1
----------------------------------------------

修正されていることを確認しました。
また、マニュアルにオプションcommentが追加されていることを確認しました。

本件をクローズとします。

https://wp-cocoon.com/new_list/#toc20

https://wp-cocoon.com/popular_list/#toc10

https://wp-cocoon.com/info_list/#toc9

@chu-ya さん

ご確認いただき、ありがとうございます。

また、追加のご指摘もありがとうございました！

よろしくお願いいたします。

@yhira

わいひらさん
諸々のご対応いただき、ありがとうございます！
本件の修正に伴ってマニュアルの方更新いたしましたので、ご共有させていただきます。

お手すきでご確認いただけましたら幸いです。

（対応内容）
・新着記事のマニュアルの「date」の下に「comment」のオプション情報を追加
・人気記事のマニュアルの「date」の下に「comment」のオプション情報を追加
・新着情報のマニュアルの「divider」の下に「comment」のオプション情報を追加

■ 新着記事一覧を表示するショートコードの利用方法
https://wp-cocoon.com/new_list/#toc20
■ 人気記事一覧を表示するショートコードの利用方法
https://wp-cocoon.com/popular_list/#toc10
■ 新着情報（新着投稿タイトル一覧）を表示するショートコードの利用方法
https://wp-cocoon.com/info_list/#toc9

お手数おかけいたしますが、ご確認のほどよろしくお願いいたします。

ご確認いただきありがとうございます。

またマニュアルに追記頂きありがとうございます。