比較表のブロックを追加しました!
その他の設定

正方形・縦長に対応! JIN:Rのアイキャッチ画像をオリジナル比率に変更する方法

ひつじ

このページでは、 WordPressテーマ「JIN:R」でのアイキャッチ画像の比率変更について解説します。

アイキャッチが横長に自動でトリミングされるの、なんとかならないのか?

おおかみくん
おおかみくん

記事アイキャッチを横長じゃなくて、縦長・長方形で貼りたい!という人もいるよね。

その人向けの設定は用意しているよ!

ひつじくん
ひつじくん

この機能を使うと、記事リスト・関連記事などで表示されるアイキャッチ画像も、縦長・長方形にすることができます。

記事アイキャッチを正方形・縦長に対応する方法

「その他の設定」を開く

WordPressの黒いバーにある「カスタマイズ」に進みましょう!

すると「その他の設定」の項目が見つかりますので、これをクリックしましょう。

アイキャッチ画像をオリジナルサイズに!

「カスタマイズ」>「その他設定」で「アイキャッチ画像をオリジナルサイズで利用する」をONにしてください!

これで、正方形の画像をアイキャッチにセットしたら、そのまま表示できるように変更できたよ!

ひつじくん
ひつじくん

ただし、デメリットもある

ただし、この機能はデメリットもあります。

JIN:Rは16:9の画像(標準仕様)なら、パソコンでもスマホでも、端末によって適切な画像サイズがはまるように最適化して表示速度を軽く仕上げています。

しかし、オリジナルサイズ利用をONにすると、その画像サイズ最適化機能が外れてしまいます。

つまりどういうことだ?

おおかみくん
おおかみくん

あんまり重い画像をバンバン貼っていると、サイトが重くなってしまう可能性はあるよ…!

できるだけ画像を軽量化してアップするように心がけて使って欲しい!

ひつじくん
ひつじくん

画像サイズを最適化できないので、大きすぎる画像をアップロードしているとサイトがどんどん重くなってしまいます。ご自身で画像サイズをあらかじめ小さめのものを設定してもらうなど、工夫が必要と言えます。

他の記事も読んでみましょう
ABOUT ME
ひつじ
ひつじ
ブロガー / デザイナー
WordPressテーマ「JIN」の制作者として、設計とデザインを担当している。

会社員として働くのが嫌すぎて、2016年に収入0円でブログ起業。SEOとアフィリエイトを組み合わせて開始1年で月100万円超の利益を達成する。

しかしその反動でアフィリエイトには飽きてしまい、もともと好きだったデザインを武器に、チームでWordPressの開発をおこなっている。
BLOGCAMP

限定コミュニティへのご案内

  • 参加費は永年無料
  • ブログ仲間が作れる
  • 困ったら相談OK
  • ブログ診断のイベントあり
参加者は3,000人超え!

すでに参加してくれている方は、「BlogCamp wiki」でブログ診断(アーカイブ)の限定動画を閲覧可能です。

wiki内にブログ勉強用の動画がたくさんあります!ぜひ役立ててくださいね。

ひつじくん
ひつじくん
記事URLをコピーしました