ショートコードの人気記事リストでの記事の本文の表示行数を減らしたいです。 - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/ Cocoon ディスカッション掲示板 ja Wed, 20 May 2026 14:10:05 +0000 wpForo 60 RE: ショートコードの人気記事リストでの記事の本文の表示行数を減らしたいです。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72384 Fri, 21 Jul 2023 01:54:31 +0000 無事解決しました！！本当に助かりました！！！]]> Cocoonテーマに関する質問 cappo-nomi https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72384 RE: ショートコードの人気記事リストでの記事の本文の表示行数を減らしたいです。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72383 Fri, 21 Jul 2023 01:50:37 +0000 その記事は以前たどり着いたのですが、どうもうまく行かず、どのクラスに適応すればいいかわかりませんでした。
下にわいひらさんがクラス名付きで回答してくださっているので、そちらを参考にさせていただきます。]]> Cocoonテーマに関する質問 cappo-nomi https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72383 RE: ショートコードの人気記事リストでの記事の本文の表示行数を減らしたいです。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72374 Thu, 20 Jul 2023 13:58:00 +0000 子テーマのstyle.cssにCSSで書き加えるとしたらこんな感じかと思います。

@media screen and (max-width: 834px){
  .popular-entry-card-snippet {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

何行目で省略するかとか、メディアクエリの幅などは好みで変更してください。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72374 RE: ショートコードの人気記事リストでの記事の本文の表示行数を減らしたいです。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72368 Thu, 20 Jul 2023 11:55:05 +0000 その部分の文字数は「Cocoon設定>インデックス>自動生成抜粋文字数」の文字数になっているようです。

なので設定を変更すれば文字数を減らすことができます。
ただし人気記事以外の部分での文字数も変更されます。

PCとモバイルで変えたい場合は仰るようにCSSで変更する必要がありそうです。
以下のような記事がありました。

参考：複数行テキストの末尾省略をCSSのみで実現する
　　　【CSS】文字数制限(行数制限)して3点リーダーを表示させる方法（複数行、IE対応）

]]> Cocoonテーマに関する質問 はる https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72368 ショートコードの人気記事リストでの記事の本文の表示行数を減らしたいです。 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72366 Thu, 20 Jul 2023 09:09:03 +0000 はじめまして、たろうです。

デスクトップサイズ・タブレットサイズは問題ないのですが、
モバイルサイズの記事の本文の表示行数が少し多く感じ減らしたいと思っています。（縦の表示幅を短くしたい意図）

固定ページ内のカスタムCSSにて、試行錯誤したのですが、
heightを小さくしても表示される高さは減りますが、文章が無理やり途切れた形になってしまいます。
きちんと文章の最後が「...」で終わるように行数を減らせないでしょうか？

よろしくお願いします。

※トップページのみを編集しているので基本　トップページのカスタムCSSをイジっています。


https://cappo-nomi.com/

]]> Cocoonテーマに関する質問 cappo-nomi https://wp-cocoon.com/community/cocoon-theme/%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%ba%ba%e6%b0%97%e8%a8%98%e4%ba%8b%e3%83%aa%e3%82%b9%e3%83%88%e3%81%a7%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%ac%e6%96%87/#post-72366