◆当サイト一押し教材『ルレアプラス』◆

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カスタマイズの参考にしてもらえればと思います。

      ◆アフィリエイトで成功するためのオススメ情報商材◆

      オススメ情報商材ランキング
      実際に私が実践しているアフィリエイトで稼ぐための情報商材をランキング形式でご紹介します。
      便利ツールランキング
      アフィリエイトの実践を補助する役立つ便利ツールをランキング形式でご紹介します。

      ◆Facebook始めました◆

      最新記事もチェック

      ◆SAKUの無料メルマガ購読のご案内◆

      mail-magazine

      コメントを残す

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