WordPressで「前の記事」「次の記事」ナビのタイトルの文字数を制限し、”..."をつけたい

Question

ワードプレスの投稿ページ下によくある「前の記事」「次の記事」のリンク（ナビ）を下記サイトを参考に表示をしてみました。
【使用したのは下記サイトの”美しいナビを見つけました”というタイトル下のコードです↓】
http://easy-life.work/2018/06/30/customize/

表示は上手くいったのですが、長いタイトルの時は全て表示はせずに文字数を１５文字に制限し、最後に...もつけたいのですが、下記の場合、どこに追記すれば良いか分かりません。
また、様々なサイトを参考にやってみましたがどれも上手くいきませんでした…。
どなたかお分かりになる方がいらっしゃいましたらご教示いただけますと幸いです。

該当のソースコード

<div id="prev_next" class="clearfix">  
						<?php
						$prevpost = get_adjacent_post(false, '', true); //前の記事
						$nextpost = get_adjacent_post(false, '', false); //次の記事
						if( $prevpost or $nextpost ){ //前の記事、次の記事いずれか存在しているとき
						?>
						<?php
						if ( $prevpost ) { //前の記事が存在しているとき
						echo '<a href="' . get_permalink($prevpost->ID) . '" title="' . get_the_title($prevpost->ID) . '" id="prev" class="clearfix">
						<div id="prev_title">Prev</div>
						<div id="prev__img_txt">
						' . get_the_post_thumbnail($prevpost->ID, array(100,100)) . '
						<p>' . get_the_title($prevpost->ID) . '</p>
						</div></a>';
						} else { //前の記事が存在しないとき
						echo  '<div id="prev_no"><a href="' .home_url('/'). '"><div id="prev_next_home"><i class="fa fa-home"></i>
						</div></a></div>';
						}
						if ( $nextpost ) { //次の記事が存在しているとき
						echo '<a href="' . get_permalink($nextpost->ID) . '" title="'. get_the_title($nextpost->ID) . '" id="next" class="clearfix">  
						<div id="next_title">Next</div>
						<div id="next__img_txt">
						
						' . get_the_post_thumbnail($nextpost->ID, array(100,100)) . '
						<p>'. get_the_title($nextpost->ID) . '</p>
						</div></a>';
						} else { //次の記事が存在しないとき
						echo '<div id="next_no"><a href="' .home_url('/'). '"><div id="prev_next_home"><i class="fa fa-home"></i>
						</div></a></div>';
						}
						?>
						<?php } ?>
					</div>

Answer 1

また、様々なサイトを参考にやってみましたがどれも上手くいきませんでした…。

を具体的に書いていただいたほうが回答しやすいのですが...

---

とりあえず...

get_the_title($prevpost->ID)

get_the_title($nextpost->ID)

の部分で、タイトルを取得していますので、この部分を文字列を加工するように修正します。

文字列を短縮するのであれば、使用するのは、mb_strimwidth あたりでしょうか。

Comments

[ii-design]

早々にご回答いただき、ありがとうございます！
参考サイトをお知らせしておらず、大変失礼しました。

mb_strimwidth　とご教示いただきましたので
”get_the_title($prevpost->ID)　文字数　制限　mb_strimwidth"
で検索し、下記サイトを参考に入力してみました。↓
https://yuji-okayama-designersworks.com/wordpress/888/

【修正したのはご教示いただいた下記の部分↓】
<p>' . get_the_title($prevpost->ID) . '</p>

<p>'. get_the_title($nextpost->ID) . '</p>

【修正後】
<p>' . mb_strimwidth(get_the_title($prevpost->ID), 0, 30, "…", "UTF-8") . '</p>

<p>'. mb_strimwidth(get_the_title($nextpost->ID), 0, 30, "…", "UTF-8") . '</p>

これで無事表示が出来ました！
今回、WordPress化するのが初めてでしたので初歩的な質問だったかと思いますが、時間がかかってとても困っていたのでとても嬉しいです！

ありがとうございました！！