Q.ブログ一覧(アーカイブ)ページで記事タイトルの表示文字数を増やしたい。
RIKYUのブログアーカイブでは、記事タイトルの全角22字以降が「…」と省略表示されます。
A.下記のいずれかの対応をご検討ください。
・文字サイズを小さくして、余白を調整する
TCDテーマ>基本設定>カスタムCSSに入力
.p-archive--post-item__title { font-size: 14px; } .p-archive--post-item__image { margin-right: 20px; } .p-archive--post-item__content { margin-right: 5px; }
・文字サイズを小さくして、行数を増やす
TCDテーマ>基本設定>ヘッダー用カスタムスクリプトに入力
<style> .c-line2>span, .c-line2>a { -webkit-line-clamp: unset; } .p-archive--post-item__title { height: 5.6em; font-size: 16px; } </style>
補足)
この調整内容はカテゴリーアーカイブにも適用されます。
「font-size:」で設定する文字サイズは適宜変更してください。ただし、あまり小さくしすぎるとバランスが崩れるかもしれません。デフォルトは18pxです。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!