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です。
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！