TCD36 MAG　アイキャッチ画像のサイズは？

WordPress テーマ TCD36 MAGを使っていて、アイキャッチ画像のサイズを変更したいと思ったことはありませんか。

私は３：２のアスペクト比が好きなので、大抵はそのサイズで写真を撮ります。

コンパクトデジカメやスマホ以外だと、３：２のアスペクト比を採用しているカメラは多く、スマホでもカメラアプリによっては３：２の比率だったりします。

 

ですが、TCD36 MAGのアイキャッチ画像は

790px : 480px

ちなみに、３：２の比率の画像を横幅790pxに合わせると、790px : 527pxになるので上下がトリミングされてしまいます。

 

人によっては、本文をなるべくファーストビューで表示させたいから、もっとアイキャッチ画像の高さを低くしたいって方もいるかと思います。

 

なので今回は、TCD36 MAGのアイキャッチ画像を

790px : 480px　→　790px : 300px

に変更してみたいと思います。

やり方

 

WordPressのダッシュボード画面の

外観→テーマの編集

テーマファイル→テーマのための関数(functions.php)

を選択します。

 

デフォルトだと幅790px 高さ480pxになっています。

ブラウザでも確認してみましょう。

 

ご覧のように、高さ(height)が480pxになっています。

では高さを480pxから300pxに変更してみましょう。

 

※まずは投稿内の取り込んでいるアイキャッチ画像を一度削除し、アイキャッチ画像に設定したい画像を新規で”ファイルをアップロード”してください。ここがポイントです。画像を新規でアップロードしないと、前回の比率を引き継いでしまいます。変更→削除→新規→変更→削除→新規のように、変更後は新規でアップロードしてください。

 

それが終わったら、もう一度

WordPressのダッシュボード画面の

外観→テーマの編集

テーマファイル→テーマのための関数(functions.php)

を選択します。

矢印のところを

480　→　300

にしてみます。

では、ブラウザで確認してみましょう。

 

アイキャッチ画像の高さが明らかに低くなって、横長になりました。

変更通り、ちゃんと高さ(height)が300pxになっています。

あとはお好みの高さにしてみてください。

バックアップをしましょう！

カスタマイズ全般に言えることですが、ソースコードを変更する時はバックアップをとるようにしましょう。

私はあとからでも変更箇所が分かるように、バックアップだけではなく、メモを残しています。