[Ha-Basic] Fixed a bug that thumbnail size of related articles became small

【ha-Basic】関連記事のサムネイルサイズが小さくなってしまう不具合を修正しました

公開日: 制作備忘録
Knowledge Base Wordpress ha-Basic テーマ
☆☆ この機能は【ha-Basic】テーマ バージョン1.1で実装(対応)済みです ☆☆

サイトへの導入が進むといろいろ出てきますねぇ。まあテーマ作成初心者ということでご勘弁ください。

今回は別のテーマを使っていたサイトへ導入した時に出た不具合への対応です。

2019年5月28日以前にダウンロードされた方で不具合の発生している方は修正をお願いします。

関連記事の画像はアイキャッチ画像のサムネイルを取得するようにしています。【ha-Basic】では150pxを最大サイズとしてサムネイル画像を表示するようにしているのですが、以下の場合には画像が小さく表示されてしまいます。

  • 以前に使用しているテーマが作成するサムネイルのサイズが150ピクセルよりも小さい場合
  • WordPressのメディア設定でサムネイル画像のサイズが150ピクセルよりも小さい場合

この不具合を解消するために関連記事で出力する画像のサイズを指定するように変更しました。

【ha-Basic】テーマを使用するすべての方の対応方法

今不具合が出ていない方も今後出てしまう可能性がありますので、Wordpressのメディア設定は変更することをおすすめします。

  1. 管理画面から「設定」→「メディア」をクリックします
  2. サムネイル画像のサイズを150×150に設定して保存します

この措置を行うことで以後アップロードするサムネイル画像のサイズが【ha-Basic】テーマに合ったものになります。

【ha-Basic】h1タグの出力方法の見直しを行いました

【ha-Basic】テーマを「Theme Check」プラグインでチェックし、修正すべき点を直しました

【ha-Basic】投稿・固定ページ本文のH2タグ前に定型文(広告など)を挿入できるようにしました


2019年5月28日以前にダウンロードされた方の修正方法

  1. 「外観」→「テーマの編集」をクリックしてください
  2. 右の一覧から「related-entries.php」をクリックしてください
  3. 21行目付近にある以下のコードを修正して保存します
  4. 修正前

    <?php echo get_the_post_thumbnail($post->ID,  'thumb'); //サムネイルを呼び出す?>

    修正後

    <?php echo get_the_post_thumbnail($post->ID,  array( 150, 150 )); //サムネイルを呼び出す?>

何をしているかは前述した通りです。もしも小さい画像だったとしても幅150px高さ150pxで画像が出力されるようになります。

サムネイル画像の再構築はしない方が無難!?

今までアップロードした画像のサイズを再設定&再構築する「Regenerate Thumbnails」というプラグインがあります。

テーマのソースはそのままで、このプラグインを使って再構築することは可能なのですが私の環境では以下の問題が出ました

  • 再構築中にエラーでストップすることが頻発しました
  • うまく再構築できない画像がありました
  • 再構築後、画像圧縮を行うプラグインで不具合が発生しました

このプラグインを使われるかどうかはお任せしますが、上の対処できちんと出力されますのであえて使う必要はないかと思います。

ひまあーと(管理人)
  • 記事の作者: ひまあーと(管理人)

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。


いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報