オススメ記事の表示について - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ Cocoon ディスカッション掲示板 ja Thu, 17 Sep 2026 03:16:13 +0000 wpForo 60 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70402 Mon, 08 May 2023 14:59:00 +0000 chu-ya様。

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

>具体的な情報提示の無い中、ただ漠然と教えて下さいと言われても、無理があります。

大変失礼いたしました。
自分で調べてみます。

ご迷惑をおかけして申し訳ございませんでした。

]]> CSSカスタマイズ相談 puppy https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70402 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70401 Mon, 08 May 2023 14:20:40 +0000 @puppy さん

フォーラムの注意点を一読願います。
カスタマイズ対象ページのURLなど、具体的な情報提示の無い中、ただ漠然と教えて下さいと言われても、無理があります。
そう思いませんか？

]]> CSSカスタマイズ相談 大門未知子 https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70401 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70400 Mon, 08 May 2023 14:04:57 +0000 chu-ya様。

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

CSSの記述内容を教えていただくことは
できないでしょうか？

]]> CSSカスタマイズ相談 puppy https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70400 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70397 Mon, 08 May 2023 12:08:21 +0000

縦型カード2列とまったく同じ表示レイアウトに
することは可能でしょうか？

CSSを書けばできます。

]]> CSSカスタマイズ相談 大門未知子 https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70397 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70396 Mon, 08 May 2023 11:56:14 +0000 オススメ記事の表示をCocoonのインデックスメニューの
縦型カード2列とまったく同じ表示レイアウトに
することは可能でしょうか？

]]> CSSカスタマイズ相談 puppy https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70396 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70395 Mon, 08 May 2023 11:51:19 +0000 chu-ya様。

1列2つになりました。

ありがとうございました。

]]> CSSカスタマイズ相談 puppy https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70395 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70394 Mon, 08 May 2023 11:28:38 +0000

どのようなCSSを書けばいいのでしょうか？


URLなど情報が提示されておらず。
細かい定義は、ご自身でCSSをお調べになり対応願います。

.widget-index-top .navi-entry-cards {
  display: flex;
}
]]> CSSカスタマイズ相談 大門未知子 https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70394 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70393 Mon, 08 May 2023 11:09:50 +0000 chu-ya様。

ありがとうございました。

今の状態だと、カードの並びが2列になってしまいます。

1列2つにしたい場合、
どのようなCSSを書けばいいのでしょうか？

 

]]> CSSカスタマイズ相談 puppy https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70393 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70392 Mon, 08 May 2023 10:41:29 +0000 ●追加
ショートコードでなくても、ウィジェット「ナビカード」でも可能です。

]]> CSSカスタマイズ相談 大門未知子 https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70392 RE: オススメ記事の表示について https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70391 Mon, 08 May 2023 10:18:53 +0000

オススメ記事は新着や人気記事などのショートコードではなく、
自分で指定した記事を表示させたいと思っています。

ショートコードnavi_listを用いれば、意図した投稿IDを指定でき。
カードの並びはCSSで調整。

●ご参考

https://wp-cocoon.com/navi-card-shortcode/

]]> CSSカスタマイズ相談 大門未知子 https://wp-cocoon.com/community/customs/%e3%82%aa%e3%82%b9%e3%82%b9%e3%83%a1%e8%a8%98%e4%ba%8b%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-70391