何か問題が起きると、すぐ目の前の解決策ばかりを追ってしまい、書き込んでしまうので、いつもご迷惑をおかけしています。

何卒、ご容赦ください。

今回のトピックで、スキンの「Momoon」のデザインをあらためて、よく見てみると、隙間や、余白、空間、といったものを考慮してデザインされているのだな、とつくづく感心した次第です。

フォントサイズは、あまり大きくせずとも、老眼の私でも、内容を把握しやすいし、見た目の品位も高いと感じます。

作者の「タイジーWP」さんは、グラフィックデザインをやられている方なのかな？と思ったりしています。

振り返って、自分のサイトを見てみると、自分で書いたCSSは、あまりイケてないなぁ・・と。

私のサイトも「Momoon」を参考にして、少し手直ししてみようと思います。

タイジーWPさん　Cocoonカスタマイズブログ

WordPressの場合、親テーマはどんどんアップデートしていくので、親テーマのCSSを直接編集しても、アップデート時に元に戻ってしまう可能性があります。

ご自身で、対応される場合は、以下のCSSを子テーマに追記すれば、反映されるかと思います。

/*スキン（Momoon）適用時に、エントリーカード、関連記事エントリーカードのスニペットの文字スペースの高さを調整*/
.entry-card-snippet, .related-entry-card-snippet {
max-height: 7.2em;
}

バタバタとしていて、すみません。

私、個人的には、スキンの「Momoon」を使われる方、皆さんに影響することのような気がしますので、テーマ側で修正しておいた方が良いと考えます。

最近、WordPress5.4.1がリリースされたので、対応等で、わいひらさんも何かと、お忙しいのかなと、思われます。

松岡さん、ご自身で、修正のCSSを子テーマに設定することは、簡単にできるかと思いますが、そうせずとも、おそらく、テーマ側で修正くださるのではないかと私は期待しています。

あ、7.2にしてみたのですね。 ? 

スマホの画面スペースを考えたら、やはり、４行ですかねぇ・・

FTPで更新しました。

しかしながらパソコン表示、表示、android表示でも文字が途切れてしまっています。

あとはleafytreeさんの言われる、max-heightでしょうか？

max-height: 7.2em;にしてみました。


パソコン表示、表示、android表示、途切れることなく表示されています。



とりあえず、これで解決ということになりますでしょうか？


わいひらさん、leafytreeさん、有難うございます。

理論的には、行間が1.8なら、４行表示で、

max-height: 7.2em;

５行表示なら、

max-height: 9em;

になるのでしょうか？

行間を変えたら、上下のスペースも合わせて変えた方が良いかと・・・ ? 

スキンでスニペットの行間を1.3から1.8に変えているみたいです。

.entry-card-snippet {
line-height: 1.8;
}