WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマVIEW:抜粋文の文字数を調整する

Q.サイドのウィジェットにて表示される抜粋文の文字数を変更したい

トップページに表示されるブログ記事の抜粋文については、各投稿記事画面の「記事一覧に表示する短い説明文」にて調整できますが、サイドに設定したウィジェットの文字数の変更は出来ますか?

A.下記のphpファイルとカスタムCSSをご編集ください

ウィジェット「デザインされた記事一覧(tcdバージョン)」の場合、アイキャッチと抜粋記事(最初の文字40文字)を表示する仕様ですが、こちらの40文字を下記の方法でご編集ください。

編集するファイル:widget/styled_post_list1.php
編集する箇所:

   <div class="info">
    <a class="title" href="<?php the_permalink() ?>"><?php the_title(); ?></a>
    <p class="excerpt"><a href="<?php the_permalink() ?>"><?php new_excerpt(40); ?></a></p>
   </div>

  ↓

 <div class="info">
    <a class="title" href="<?php the_permalink() ?>"><?php the_title(); ?></a>
    <p class="excerpt"><a href="<?php the_permalink() ?>"><?php new_excerpt(100); ?></a></p>
   </div>

※上記の「new_excerpt(100)」の数値は、任意でご設定ください。

その数値にあわせて、表示する枠も広げるため、下記のカスタムCSSにCSSを追記してください。
外観→テーマオプション→基本設定→カスタムCSS(タグ内に挿入されます)

.styled_post_list1 .excerpt {
    max-height: 100px !important;
}
VIEWデモ

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

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施をお願いいたします。

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。