ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマRIKYU:ブログアーカイブで記事タイトルを省略せず表示させる方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

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です。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事