お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマSOLARIS:トップページ「プロジェクト一覧」の抜粋文字数を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページの「プロジェクト一覧」で、もう少し長く抜粋文を表示させたいです。

▼変更後イメージ  →変更前:SOLARISデモサイト
変更箇所イメージ

▼関連記事
TCDテーマSOLARIS:トップページ「プロジェクト一覧」コンテンツの記事抜粋文を非表示にする方法

A.下記の方法でご対応ください。

TCDテーマ>基本設定のカスタムCSSに入力します。

.project_list .desc {
 max-height: 13.8em; }
.project_list .desc span {
 -webkit-line-clamp: inherit; }

max-height:の値は任意に調整してください。デフォルトは「4.8em」です。

補足)
この箇所の抜粋は実は「150字」出力されています。CSSで2行ほどの表示にしており、そのCSSを調整したのが上記の記述です。出力される文字数自体を変更するには、以下のカスタマイズが必要です。

編集するファイル: ホームページ (front-page.php)
編集する箇所: 491行目付近の(150)を変更

<p class="desc"><span><?php echo trim_excerpt(150); ?></span></p>

ただし、テーマのデザインとしてはあまり多くの文字を表示することはおすすめしません。リンクされた記事ページで詳細を確認いただくイメージで作成するのがよいでしょう。

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

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

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