人気記事一覧をテキストリンクでランキングの数字付きで出したい - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a7%e6%95%b0%e5%ad%97%e4%bb%98%e3%81%8d%e3%81%a7%e5%87%ba%e3%81%97/ Cocoon ディスカッション掲示板 ja Sun, 08 Mar 2026 18:45:39 +0000 wpForo 60 RE: 人気記事一覧をテキストリンクでランキングの数字付きで出したい https://wp-cocoon.com/community/cocoon-theme/%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a7%e6%95%b0%e5%ad%97%e4%bb%98%e3%81%8d%e3%81%a7%e5%87%ba%e3%81%97/#post-79939 Mon, 08 Jul 2024 00:33:15 +0000 @chu-ya さん、返事が遅れてしまい申し訳ありません。

返信ありがとうございます。

 

教えて頂いた通りにCSSを追加したところ、無事番号が出るようになりました！

ありがとうございます、本当に助かりました・・・！

]]> Cocoonテーマに関する質問 cscscs https://wp-cocoon.com/community/cocoon-theme/%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a7%e6%95%b0%e5%ad%97%e4%bb%98%e3%81%8d%e3%81%a7%e5%87%ba%e3%81%97/#post-79939 RE: 人気記事一覧をテキストリンクでランキングの数字付きで出したい https://wp-cocoon.com/community/cocoon-theme/%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a7%e6%95%b0%e5%ad%97%e4%bb%98%e3%81%8d%e3%81%a7%e5%87%ba%e3%81%97/#post-79912 Sat, 06 Jul 2024 06:42:28 +0000 ●回答

「ランキング付きのテキストリンク」は標準ではありません。
言われている通り、サムネイル付きとなります。

以下に示すように、ランキング番号は、サムネイルの疑似要素として追加されます。

https://github.com/xserver-inc/cocoon/blob/c346b1614d11838dd43f39d76ab17d150927e700/style.css#L2815-L2830

頭に数字が出ませんでした。

先述の通り、タイトルの先頭に、ランキング番号は付きません。
この為、CSSを追加し、サムネイルではなく、タイトル前に変更します。


/* サムネイルを非表示 */
.popular-entry-cards .card-thumb {
display: none;
}

.popular-entry-cards .card-content {
margin-left:0;
}

/* タイトル前に追番を追加 */
.popular-entry-cards .a-wrap .card-title:before {
content: counter(p-rank) ". ";
}
]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a7%e6%95%b0%e5%ad%97%e4%bb%98%e3%81%8d%e3%81%a7%e5%87%ba%e3%81%97/#post-79912 人気記事一覧をテキストリンクでランキングの数字付きで出したい https://wp-cocoon.com/community/cocoon-theme/%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a7%e6%95%b0%e5%ad%97%e4%bb%98%e3%81%8d%e3%81%a7%e5%87%ba%e3%81%97/#post-79911 Sat, 06 Jul 2024 05:59:50 +0000 人気記事一覧をランキング付きのテキストリンクで出す方法はあるのでしょうか。

サムネイルありならできる事は理解していますが、サムネイル無しのテキストリンクのみでやる方法を知りたいです。

1.テキストリンク

2.テキストリンク

・・・（中略）

10.テキストリンク

 

といったような感じです。

 

人気記事一覧を表示するショートコードの利用方法

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

 

を参考に

をカスタムhtmlに入れてみましたが頭に数字が出ませんでした。

]]> Cocoonテーマに関する質問 cscscs https://wp-cocoon.com/community/cocoon-theme/%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e4%b8%80%e8%a6%a7%e3%82%92%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%aa%e3%83%b3%e3%82%af%e3%81%a7%e6%95%b0%e5%ad%97%e4%bb%98%e3%81%8d%e3%81%a7%e5%87%ba%e3%81%97/#post-79911