採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマAVANT:トップページのイベントコンテンツ・ブログコンテンツで表示できる文字数を変更する方法

Q.トップページのイベントコンテンツに表示されるタイトルの表示文字数を増やすことはできますか。

 
▼変更箇所イメージ イベントコンテンツ部分全ての記事タイトルに適用されます。
→参考:AVANT(TCD060)デモサイト
変更箇所イメージ

A.管理画面【外観】→【テーマエディター】より該当のファイルを下記の方法でカスタマイズしてください。

テーマ仕様では、上記箇所にて記事タイトルが長い場合(全角38字以降)「…」で省略して表示させる仕様となってございます。記事タイトルが長い場合にもレイアウトが崩れることのないように、この仕様を採用しております。
編集するファイル: ホームページ (front-page.php)
編集する箇所: 248行目付近

<h3 class="p-article07__title">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php echo is_mobile() ? wp_trim_words( get_the_title(), 33, '...' ) : wp_trim_words( get_the_title(), 38, '...' ); ?></a>
</h3>

 ↓

<h3 class="p-article07__title">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php echo is_mobile() ? wp_trim_words( get_the_title(), 33, '...' ) : wp_trim_words( get_the_title(), ●' ); ?></a>
</h3>

ご希望の表示になるように●に数値を入力してください。

Q.トップページのブログコンテンツに表示されるタイトルの表示文字数を増やすことはできますか。

 
▼変更箇所イメージ
ブログコンテンツ部分全ての記事タイトルに適用されます。
変更箇所イメージ

A.管理画面【外観】→【テーマエディター】より該当のファイルを下記の方法でカスタマイズしてください。

テーマ仕様では、上記箇所にて記事タイトルが長い場合(全角28字以降)「…」で省略して表示させる仕様となってございます。記事タイトルが長い場合にもレイアウトが崩れることのないように、この仕様を採用しております。
編集するファイル: ホームページ (front-page.php)
編集する箇所: 318行目付近

<h3 class="p-article01__title">
<a href="<?php the_permalink(); ?>"><?php echo is_mobile() ? wp_trim_words( get_the_title(), 25, '...' ) : wp_trim_words( get_the_title(), 28, '...' ); ?></a>
</h3>

 ↓

<h3 class="p-article01__title">
<a href="<?php the_permalink(); ?>"><?php echo is_mobile() ? wp_trim_words( get_the_title(), 25, '...' ) : wp_trim_words( get_the_title(), ●, '...' ); ?></a>
</h3>

ご希望の表示になるように●に数値を入力してください。

補足)
スマホ想定幅では、表示領域の関係で上記のカスタマイズで文字数を変更してもすべての文字が表示しきらないことがございます。デザイン上の仕様としてご理解の上サイトを運用頂けますと幸いです。

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

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

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