STINGER6トップページのサムネイル画像が不揃いの問題を解決しよう！
こんにちは。モカ（@mocakun_tw）です。
WordPressのテーマをSTINGER6へ変更した際に、トップページ等に表示しているサムネイル画像のサイズが不揃いになってしまうと思います。これは新規でSTINGER6に変更した方以外はほぼ全員の方がなる症状で、STINGER6のサムネイル画像がWordPressのデフォルト機能のサムネイル画像で表示していない事に起因しています。
phpで指定している画像（データ）を変更する事で解決可能です。
STINGER6でのサムネイル画像の指定
▼テーマ変更直後の状態
STINGER6では画像を取込した際に、「st-thumb150」をいう画像（データ）を作成してそれをサムネイル画像として表示しています。その画像が存在しないと、デフォルト画像を「100*100」で表示という指定になっていますので、この様な事象が発生している訳です。ですので、使用するサムネイル画像をWordPressデフォルトの「thumbnail」で指定する事で解決出来ます。
ちなみにSTINGER5では「thumb150」をいう指定でしたので、「STINGER5→STINGER6」へ移行した方にも発生している訳です。きっとENJIさんは何かしらの理由でこれを設定しているのだと思われます。
サムネイル画像を修正するには？
今回の事象が発生している要因となっているSTINGER6独自のサムネイル画像「st-thumb150」を指定しているphpを修正します。
対象php
- itiran-thumbnail-on.php
- newpost-thumbnail-on.php
- kanren-thumbnai-on.php
修正方法
- 訂正前
|
1 |
<?php the_post_thumbnail( 'st_thumb150' );?> |
- 訂正後
|
1 |
<?php the_post_thumbnail( 'thumbnail' ); ?> |
如何でしょうか？これでテーマ変更前の状態に戻ったと思います。
まとめ
STINGER6では「STINGER管理」という設定から色々な変更が可能となっていますので、phpなどを直接修正する機会も減っているかと思いますが、初心者の方等、困る人もいるかと思い記事にする事にしました。
やはりトップページのサムネイル画像は幅が揃っている方が綺麗ですね！