記事下の「関連記事」に表示されるサムネイル画像について

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 記事下の「関連記事」に表示されるサムネイル画像について

  • このトピックには3件の返信、2人の参加者があり、最後にいちにより11年、 1ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #26302
      いち
      ゲスト

      いつもSimplicityを使わせて頂いております。

      トピックタイトルに書かせて頂いた通り、
      記事下の「関連記事」に表示される100×100のサムネイル画像についてなのですが、
      これを200×200に変更しておりまして、それは問題なく表示されて出来ていますが、
      どうも画質が汚く表示されてしまっています。
      元の画像サイズも200×200に作ってあり、記事下に表示される大きさも
      ちゃんと200×200で表示されているのですが、
      どうも拡大した時に画質が落ちるような低画質で表示されてしまいます。

      スタイルシートを色々弄ってみたのですが分かりませんでした。
      どこを変更すれば画質が良くなるか教えて頂けると幸いです。

    • #26316
      hidekichi
      ゲスト

      親テーマのrelated-entries.php内の、

      <?php echo get_the_post_thumbnail($post->ID, 'thumb100', array('class' => 'related-entry-thumb-image', 'alt' => get_the_title()) ); //サムネイルを呼び出す?>
      
      // ↑ を コメントアウトして ↓ のように書き直す
      // (元に戻せるようにコメントアウトを使用してます)
      
      <?php //echo get_the_post_thumbnail($post->ID, 'thumb100', array('class' => 'related-entry-thumb-image', 'alt' => get_the_title()) ); //サムネイルを呼び出す?>
      <?php echo get_the_post_thumbnail($post->ID, 'full', array('class' => 'related-entry-thumb-image', 'alt' => get_the_title()) ); //サムネイルを呼び出す?>

      こうすることで記事を投稿した時のサムネイルが適用されます。その分重たいので注意が必要。

      原因としては、100×100の画像を拡大すると画質が落ちるのは当然なので、より大きな画像を縮小するほうが良いと思われます。

      他にもサイズは色々選べますので以下のcodex日本の該当ページを参照にカスタマイズされてはどうでしょうか?ただし親テーマをいじるのでアップデートで泣かないように、バックアップしておくことをオススメします。

    • #26323
      アバター画像わいひら
      キーマスター

      hidekichiさんの書かれているとおり、スタイルシートをいじっただけでは、画像そのもののサイズはどうにもなりません。

      以下の記事などを参考にしながら、hidekichiさんの載せているコードやリンク先(codex日本の該当ページ)のカスタマイズを試してみてください。
      思ったより簡単!WordPressのサムネイルを別サイズも含め作り直す方法!! | 株式会社LIG

    • #26383
      いち
      ゲスト

      hidekichi様

      無事出来ました!
      有難うございました。
      感謝致します。

3件の返信スレッドを表示中
  • トピック「記事下の「関連記事」に表示されるサムネイル画像について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)