【WordPress】関連記事YARPPの記事タイトルの表示文字数を増やしてみた

スポンサーリンク

関連記事YARPP

ブログのページビューアップに欠かせない関連記事を表示させることのできるプラグイン「YARPP」。

私も便利に使わせていただいているのですが、少し気になる点がありました。それは、エントリータイトルの表示文字数上限が少なくて、タイトルが途中で切れちゃってることです。

これを修正して、長めのタイトルでも表示させるようにしてみたのでご紹介します。

スポンサーリンク

長めのタイトルだとタイトルが全て表示されなかった

今は修正しているのでお見せできないのですが、以前の関連記事(YARPP)はタイトルとして表示できるエリアと文字数が少なくて、大半のブログタイトルが見切れてしまっていました。

タイトルがきちんと表示させたいなーと思ったので、どうにか直せないかなと思って調べてみました。

スポンサーリンク

YARPPプラグインを編集する

修正方法としては、YARPPプラグインを修正する必要があります。

▼こちらの記事を参考にさせていただきました。ありがとうございます。
[browser-shot width=”200″ url=”http://taisho-ism.net/diary/1916/”]YARPPでサムネイル表示した時の記事タイトル部分をうんぬん | TAISHO ISM

表示エリアを広くする

まずはタイトルを表示するためのエリアを広げます。

「yet-another-related-posts-plugin/styles-thumbnails.php」を編集して、以下のコードを探します。

$height_with_text = $height + 50;

この「50」という数値を大きくしてみてください。私は120にしています。

これで表示エリアは広くなりました。

文字数を増やす

次に、表示させる文字数を増やします。

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	font-size: 1em;
	max-height: 2.8em; 
	line-height: 1.4em;
	margin: <?php echo $extramargin; ?>px;
	margin-top: 0px;
	width: <?php echo $width; ?>px;
	text-decoration: inherit;
	overflow: hidden;
}

この中の「max-height: 2.8em;」の数値を適当な値にするか、削除しましょう。私は削除(コメントアウト)しています。

これで表示される文字数が増えるはずです!

スポンサーリンク

まとめ

関連記事からのアクセス数は大事ですので、ユーザーに少しでもわかりやすくなるようにやってみました。気になるかたはやってみてください。

WordPress
スポンサーリンク
ラブグアバをフォローする
スポンサーリンク
ラブグアバ