THE THOR(ザ・トール)のアイキャッチ画像の設定方法|初心者向けマニュアル
THE THOR(ザ・トール)のアイキャッチ画像の設定方法|初心者向けマニュアル

今回は、THE THOR(ザ・トール)の「アイキャッチ画像の設定」について解説します。

アイキャッチは記事の顔になる重要な部分ですので、細かい項目までしっかり設定しておきましょう。

NO IMAGE画像の設定

本来アイキャッチは記事ごとに設定していくのですが、設定をし忘れた場合、THE THORでは下記の画像のように「No Image」と真っ黒な画像が表示されてしまいます。

THE THORのNo Image画像

THE THORのNo Image画像

このような画像がページ上部の大部分を占めてしまうと、見た目的にも非常に悪いので「NO IMAGE画像」の設定をしておきましょう。

WordPressの管理画面を開き、サイドメニューから『外観カスタマイズ』という順にクリックして進みます。

サイドメニューから『外観→カスタマイズ』という順にクリックして進む

サイドメニューから『外観→カスタマイズ』という順にクリックして進む

「THORカスタマイズ」画面が表示されます。

基本設定[THE]アイキャッチ画像の設定』という順にクリックしましょう。

『基本設定[THE]→アイキャッチ画像の設定』という順にクリック

『基本設定[THE]→アイキャッチ画像の設定』という順にクリック

「NO IMAGE画像の設定」で画像を登録します。

メディアライブラリから画像を選択するか、新たにアップロードしましょう。

NO IMAGE画像の設定画面

NO IMAGE画像の設定画面

 推奨サイズは縦760px、横760pxです。

アイキャッチホバーエフェクトの設定

「アイキャッチホバーエフェクトの設定」とは、アイキャッチにマウスを合わせた時、画像がズームされたり、暗くなったり等の動きを付けることができる設定です。

アイキャッチホバー時のエフェクトを選択

「アイキャッチホバー時のエフェクトを選択」で動きの種類をカスタマイズできるので、画面右のプレビューを見ながら好みのものを設定しましょう。

プレビュー画面

プレビュー画面

マスク系エフェクト利用時のマスクカラーを指定

「マスク系エフェクト利用時のマスクカラーを指定」で画像に重ねる色の指定ができます。

マスク系エフェクト利用時のマスクカラーを指定

マスク系エフェクト利用時のマスクカラーを指定

マスク系エフェクト利用時のマスク上テキストを入力

「マスク系エフェクト利用時のマスク上テキストを入力」では、マスク系(画面に色が重なる)のエフェクト時に、画面にマウスを合わせると文字を表示させることができます。

マスク系エフェクト利用時のマスク上テキストを入力

マスク系エフェクト利用時のマスク上テキストを入力

アイキャッチサイズの設定

「アイキャッチサイズの設定」は一覧表示されるアイキャッチ画像の大きさです。

こだわりが無ければデフォルトのままでOKです。

アイキャッチサイズの設定

アイキャッチサイズの設定

全ての設定が終わったら『公開』ボタンをクリックして完了です。

『公開』ボタンをクリック

『公開』ボタンをクリック

これで、万が一アイキャッチの設定を忘れても「No Image」と真っ黒な画像が表示されることはありません。

設定後のNO IMAGE画像

設定後のNO IMAGE画像

まとめ

今回は、THE THOR(ザ・トール)の「アイキャッチ画像の設定」について解説しました。

NO IMAGE画像設定やホバー時のエフェクト設定、アイキャッチサイズの設定などは、設定しておくことでユーザーからの印象も大きく変わるので、しっかり設定しておきましょう。

スポンサーリンク

スポンサーリンク

アンケート実施中

テーマニアの内容をさらに充実させるため
アンケートを実施中です。

ご協力お願いいたします。

おすすめの記事