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

8 0 3

WordPress

関連記事YARPP

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

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

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

SPONSORED LINK

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

今は修正しているのでお見せできないのですが、以前の関連記事(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;」の数値を適当な値にするか、削除しましょう。私は削除(コメントアウト)しています。

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

まとめ

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

SPONSORED LINK

WordPress

  • メールアドレスを記入して購読すれば、更新をメールで受信できます。現在、36 人が購読中です!
    ※メールアドレスは管理人には知られません

  • ラブグアバが更新されたらプッシュ通知でお知らせします。

  • おっさん管理人グアバが執筆しています。ミスチル好き。
    私が気になったこと(主にスマホ/Webサービス/生活/ミスチル/たまにトイレ)について書いています。2016年7月時点で月間36万PV。
    詳細はコチラ

    フォローはこちらから!