WordPress

wordpress

YARPPの記事タイトルが切れる状態を修正する方法【WordPress】

WordPressの関連記事表示プラグイン「Yet Another Related Posts Plugin(YARPP)」は普通に使うとサムネイル表示時の記事タイトルが途中で切れてしまいます。

そういった部分を綺麗にカスタマイズする方法をご紹介します。

YARPPの記事タイトルが途切れないようにカスタマイズ

「プラグイン」ー「インストール済みプラグイン」から「Yet Another Related Posts Plugin」の「編集」をクリックしてください。

yarpp

YARPPで使用しているプラグインファイルが右側に表示されているので、「yet-another-related-posts-plugin/includes/styles_thumbnails.css.php」をクリックしてください。

yarpp

「styles_thumbnails.css.php」の上の方に以下のような記述があります。この部分を修正します。

$height_with_textの設定値を「$height + 50」から「$height + 170」に変更します。
この値を大きくすることで記事タイトルの表示エリアを拡張することができます。(任意でサイズは調整してください)

このように記事タイトルを表示できるエリアが拡張されました。

ですが、まだ記事タイトルが途切れていますね。

yarpp-kijititle
次に「styles_thumbnails.css.php」の下の方にある以下の部分を修正します。

記事タイトルを全文表示したい場合は、以下のように「max-height」の行を/* */で囲んでコメント状態に変更します。
サイズを固定しておきたい場合は、mx-height: 10.8emぐらいにしておくと丁度良いと思います。

このように記事タイトルが全部表示されるようになりました。

yarpp-custom

これだけでも多少見栄えが変わるので、YARPPカスタマイズの参考にしてもらえればと思います。

 

関連記事

  1. server

    お名前.com共用サーバーからWPXクラウドへWordPressを移転…

  2. wordpress

    安全にWordPressを使用するためのセキュリティ対策方法

  3. wordpress

    人気記事ランキングをWordPressに表示するプラグイン「WordP…

  4. Cloud Flareのキャッシュを削除する方法|サイト更新が反映され…

  5. 【WordPress】記事前後にGoogleアドセンスを表示させるプラ…

  6. youtube

    Youtube動画をレスポンシブ対応にする方法

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

最強のWordPressテンプレート「賢威」

wordpress-keni

WordPressのSEO対策が気になるならWordPressテンプレートの最高峰「賢威」で間違いありません。

SAKU限定特典&レビュー

究極のサイト作成ツール「シリウス」

sirius

サイトアフィリエイトをより効率的に効果的に進めるサイト作成ツールならシリウス一択です。サイトアフィリエイトの神器みたいなものですよ!

SAKU限定特典&レビュー

アフィリエイトのバイブル「LUREA plus」

LUREA-plus

本気で稼ぐために必要なノウハウがギュッと詰め込まれた、全てのアフィリエイターのバイブルとなる教材です。 アフィリエイトの基礎からしっかりと取り組めます。 再現性も抜群です!

SAKU限定特典&レビュー

LUREA Plus関連記事
PAGE TOP