YARPPが表示されない時の対処法とタイトル全てを表示する方法

スクリーンショット_2015-07-12_22_42_34

こんにちは、けんです。

今回はワードプレスで関連記事を表示させるプラグインである”YARPP”が表示されない場合の対処法についてと、タイトル文字が全て表示されない時の対処法についてお話ししていきます。

 

何故か表示されないYARPPの関連記事

YARPPの初期設定のままだと、このように関連記事が表示されないケースがあります。

66c66424021f33510abd4272f74e0a2f 600x129 YARPPが表示されない時の対処法とタイトル全てを表示する方法

これは初期の設定のままだと起こりえることですので対処するようにします。

まずはYARPPの管理画面を開いて、”関連スコア設定”の部分を見てみましょう。

すると、おそらく関連スコアが高く設定されているので、これを1か2に設定します。

69c952ef67b5a5b926211df912f71e74 600x295 YARPPが表示されない時の対処法とタイトル全てを表示する方法

ちなみに当ブログでは関連記事の表示定義をカテゴリのみを”検討する”に設定し、その他を検討しないに設定しました。

これを全て検討しないに設定することで、とにかく無作為にブログ内の記事を表示させることができます。

特化ブログなどでは良いのですが、カテゴリがある程度の数があるのであれば、できるだけ関連性の高い記事を表示させるようにすると良いですね。

6465f3e417229d5cb5cd3032d2e5d95f 438x400 YARPPが表示されない時の対処法とタイトル全てを表示する方法

すると、このように表示されるようになりました。

 

YARPPの関連記事タイトルを全て表示させる方法

次にYARPPは初期設定のままであれば、サムネイル画像付きで表示すると記事タイトルが途中までしか表示されないという状況になってしまいます。

それを解決するために、YARPPのCSSをちょっと加工することで解決することができます。

まずはYARPPの編集画面へ移ります。

bd4b32f97e75b37488172a7655a93e381 YARPPが表示されない時の対処法とタイトル全てを表示する方法

次に、PHPファイルをいじるのですが、かなりたくさんのファイルが出てくる中から

「yet-another-related-posts-plugin/includes/styles_thumbnails.css.php」

を探してください。

コントロールキー+Fで検索できますので、そこにコピペして貼り付けると早いでしょう。

4ccb158d3c437c5657f750eb322076ca YARPPが表示されない時の対処法とタイトル全てを表示する方法

次に以下の部分を変更していきます。

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

赤文字のところが最初は2.8なので9.8に設定します。

次に、

$height_with_text = $height + 100;

ここの部分を100に設定します。

細かい大きさなどは数字を微調整して決めてみてください。

これでタイトル文字が全部表示されるようになるはずです。

以上、YARPPのカスタマイズについてでした。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>