TCD36 MAG アイキャッチ画像 サイズ変更 WordPress

TCD36 MAG アイキャッチ画像 サイズ変更 WordPress

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

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

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

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

 

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

790px : 480px

ちなみに、3:2の比率の画像を横幅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になっています。

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

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

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

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

ピックアップ記事

  1. 簡単半熟たまご 100円ショップ エッグタイマー
  2. 要求された操作を完了できません。サポートされないJPEG形式を指定しました
  3. STINGER8 サイドバー 文字色変更
  4. iPhone の テザリング ができなくなった時の対処法
  5. イワタニ製 カセットガス ストーブの歴史

関連記事

  1. 要求された操作を完了できません。サポートされないJPEG形式を指定しました
  2. AVCHD(拡張子「.mts」または「. m2ts」)の個別ファイルを表示させ、パソコン(Mac)に取り込む方法
  3. iPhone の テザリング ができなくなった時の対処法

    パソコン&スマホ

    iPhone の テザリング ができなくなった時の対処法

    私は、テザリングを使ってノートパソコンをインターネットに接続さ…

  4. Google Chromeだけ、『403 Forbidden』と表示されてしまうときの対処法

    パソコン&スマホ

    【2018】Google Chromeだけ、『403 Forbidden』と表示されてしまうときの対…

    サイトを閲覧しているときに、「403 Forbidden」と表示される…

  5. STINGER8 サイドバー 文字色変更

    パソコン&スマホ

    STINGER8 サイドバー 文字色変更

    はじめに私は、WordPressを使ってブログ制作をしていて、…

  6. Final Cut Pro X 2018 拡大縮小のショートカット「Commandと+」で落ちる原因

ピックアップ

  1. 簡単半熟たまご 100円ショップ エッグタイマー
  2. TCD36 MAG アイキャッチ画像 サイズ変更 WordPress
  3. 要求された操作を完了できません。サポートされないJPEG形式を指定しました
  4. STINGER8 サイドバー 文字色変更
  5. iPhone の テザリング ができなくなった時の対処法
  6. イワタニ製 カセットガス ストーブの歴史
  1. 要求された操作を完了できません。サポートされないJPEG形式を指定しました

    パソコン&スマホ

    要求された操作を完了できません。サポートされないJPEG形式を指定しました
  2. Final Cut Pro X 2018 まとめてインタレース除去

    パソコン&スマホ

    Final Cut Pro X 2018 まとめてインタレース除去
  3. 湾岸ミッドナイト 信者がその魅力を語る VOL.2

    湾岸ミッドナイト

    湾岸ミッドナイト 信者がその魅力を語る VOL.2
  4. iPhone の テザリング ができなくなった時の対処法

    パソコン&スマホ

    iPhone の テザリング ができなくなった時の対処法
  5. Final Cut Pro X 2018 拡大縮小のショートカット「Commandと+」で落ちる原因

    パソコン&スマホ

    Final Cut Pro X 2018 拡大縮小のショートカット「Comman…
PAGE TOP