ブログ

【ワードプレス】アイキャッチの画像サイズを横長に変更する方法【おすすめ】

2020-02-22

アイキャッチサイズ変更

 

  • ブログの記事も増えてきた
  • 他にこだわれるところないかな

 

このような質問にお答えします。

 

おすすめはアイキャッチ画像です。

 

アイキャッチ画像が見やすいと読者が記事を探しやすくなり、長くブログに滞在してもらえる可能性が上がります。

 

本記事の内容

  • アイキャッチとは何か
  • アイキャッチを設定するメリット
  • アイキャッチの画像サイズを横長にする方法
  • サムネイルを一括でサイズ変更する方法

 

本記事を参考にすれば誰でも簡単にアイキャッチ画像のサイズを変更することができます。

 

最近はSNSで自身のブログを宣伝する人も増えましたが、SNSでアイキャッチ画像を正方形のママにしているととても見辛いです。

 

 

SNSでの宣伝ではアイキャッチを横長の長方形にすることによって視認性が高まります。

せっかくならブログのアイキャッチも長方形に設定することによって一瞬での情報量を増やすことができます

 

同じように設定してもらえば必ずできますので、ぜひお試しください。

 

本記事のテーマはAFFINGER5を使用しています。

本記事の内容の後半はAFFINGER5利用者向けの方法が書いていますが、他のテーマでもだいたい同じなので参考にしてください。

 

アイキャッチとは何か

アイキャッチとは

 

アイキャッチとは英語でeye+catch(目+捕まえる)。

 

日本語に置き換えると下記のようになります。

 

  • 見たものの視線を離さない
  • 人の注意を惹きつけるようなもの

 

WordPressの設定によっては初期設定で正方形になっています

正方形のアイキャッチだと、ほとんどの画像が見切れてしまいます。

 

アイキャッチを設定しておくメリット

 

アイキャッチを設定しておくメリットは記事の内容が視認しやすくなることです。

 

視認しやすくなると、気になる記事を見つけやすくなったり、購買意欲に繋がったりします。

 

また、SNSなどでサムネイルが表示される時アイキャッチ画像のサイズは1:1,9で表示されます。

 

1200×630という数字は1:1,9となるのでおすすめです。

 

ポイント

  • SNSではアイキャッチ画像が1:1,9で表示される
  • 1200×630だと画像がほぼ表示されるのでおすすめ

 

正方形と長方形ではどれくらい違うのか

 

実際に変更前と変更後を紹介します。

 

まずは僕のブログのこちらの記事。

 

ブログのアイキャッチが正方形

 

文字が見切れてよく分からないね

 

次に長方形に設定したアイキャッチ画像です。

 

ブログのアイキャッチを長方形にした物

 

これなら文字が見やすく内容も一目で分かるね!

 

【ワードプレス】アイキャッチの画像サイズを横長に変更する方法

eyecatch

 

アイキャッチのサイズ変更にはまずサムネイルのサイズを変更します。

 

WordPress管理画面から設定→メディアと選択します。

 

サムネイルのサイズ変更

 

初期設定ではこのようになっているので、サムネイルのサイズを幅1200高さ630に変更します。

 

サムネイルのサイズ

 

これでSNSでの宣伝時にちょうど良いサイズで表示できます。

 

次の設定はAFFINGER5の場合ですが、AFFINGER5管理画面を開きます。

他のテーマでもやり方はほぼ同じですので参考にしてください。

 

AFFNGER5管理画面

 

左側のメニューからデザインを選択。

 

サムネイルのサイズ変更

 

デザイン内の中段にあるサムネイル画像設定の1番上にサムネイルのデザインがあります。

 

メディア設定にするを選択しsaveします。

 

これで設定自体は完了しました。

 

ですがこれで終わりではありません。

 

今まで設定していた記事のアイキャッチはサイズが変更するわけではないので、こちらを直していかなければいけません。

 

プラグインで一括設定をして直すこともできますが、ここは個人の状況によって変わってきます。

 

サムネイルをプラグインで一括でサイズ変更する方法

 

Regenerate Thumbnailsというプラグインがあります。

 

Regenerate Thumbnails

 

このプラグインであれば一括で全ての画像のサイズを再生成することができます

 

使い方も簡単で、インストールをしたらツールから開きます。

 

Regenerate Thumbnails

 

全ての画像なら上のRegenerate Thumbnails For All 〇〇 attachmentsをクリックすればリサイズが開始されます。

 

全ての画像なので少し時間がかかりますが、それが終われば完了です。

 

ここで注意しなければいけないポイントがあります。

 

  • アイキャッチの設定サイズより小さい画像を選択している場合は再生成されない
  • 始めるとキャンセルできないので必ずバックアップをとる

 

一括だけではなく1枚1枚でも直せますので、不安な方はその方がいいです。

 

ちなみに僕は取得していた画像が全て小さいサイズのものだったので少しずつ取得し直して変更中です(泣)

 

アイキャッチはとても重要なので、記事を書きつつ早めに設定する:まとめ

まとめに使う画像

 

ポイント

  • アイキャッチの見やすさでクリック数も上がる
  • フリー素材でも差別化することができる

 

ブログは記事を書くのが1番大切ですが、継続していくと新しく学ぶことがどんどん出てきます。

 

記事を書くのを優先しながら、時々他にできることを確認しながら進めてみましょう!

 

複数のブログを運営するメリットデメリット

ブログ

2020/10/21

ワードプレスで複数のブログを運営するメリット・デメリット【初心者必見】

  WordPressで複数のブログを運営するのってどうなの? メリットがあるなら複数のブログを運営したいんだけど教えて!   このような疑問を解消します。   結論からいうと、複数のブログを今から始めるのであればまずは1つのブログを育てましょう。 初心者がいきなりブログを複数運営するにはデメリットや負担が大きすぎます。   現在運営しているブログがうまくいっている人の中には複数のブログ運営をしてメリットがある人もいます。 本記事では複数ブログを運営するメリット・デ ...

ReadMore

ブログの書き方6ステップ

ブログ

2020/10/18

ブログの書き方6ステップ!テンプレ作成で時間短縮【初心者でもできる】

  ブログ1記事書くのにすごく時間がかかっちゃう。 みんなどうやってブログを早く書いているんだろう?   このような疑問にお答えします。   結論からいうと、ブログに慣れてきた所謂「脱初心者ブロガー」の方々はそれぞれブログを書くときの「テンプレ」ができています。   本記事の内容 ブログの書き方6ステップ ブログ1記事執筆時間の目安   本記事では僕が記事を書く時に意識しているテンプレを紹介します。   テンプレを作成することによってブログ1記事 ...

ReadMore

sellers.jsonの設定方法

ブログ

2020/9/10

【Googleアドセンス】sellers.jsonとは?【対応方法】

  Googleからよく分からないメールがきた!「sellers.json」って何?対応してって書いてあるけどなんか怖い…   このような悩みを解消します。   sellers.jsonは広告主にサイト情報などを公開し、透明化するためのツールのこと。   本記事の内容 sellers.jsonとは sellers.jsonへ登録する方法   本記事では、実際に情報を登録する手順を紹介しています。   長文が苦手でメールを読んでいない人には、本記事 ...

ReadMore

AFFINGER5でWordPressのアップデート

ブログ

2020/8/29

【AFFINGER5】WordPress5.5へのアップデート【タグ復活】

  AFFINGER5ユーザーはもうWordPressのアップデートしても大丈夫?   このような疑問を解消します。   結論、AFFINGER5はWordPress5.5での不具合が解消されたので、アップデートして大丈夫です。   本記事の内容 WordPressの操作時に注意すること AFFINGER5のアップデート方法 WordPressのアップデート方法   本記事では、WordPressのアップデート方法を簡単に解説します。   AFF ...

ReadMore

WordPressログインURLの変更方法

ブログ

2020/9/5

ワードプレスのログインURLを早急に変更するべきたった1つの理由

  WordPressのログインURLって変えた方がいいのかな? まずどうやって変えるんだろう?   このような疑問を解消します。   結論からいうと、今すぐにでも変更しましょう。 理由はそのままにしておくと悪意ある第三者に不正アクセスされてしまう危険性があるからです。   本記事の内容 ワードプレスのログインURLとは ログインURLの簡単な変更方法 ログインURL以外に対策しておくべきこと   本記事を読むと、WordPressの利用で危険に晒されるリ ...

ReadMore

 

-ブログ

© 2020 今日はじブログ Powered by AFFINGER5