ヘルプセンター

【the7】アイキャッチ画像を設定/変更/削除する方法

Wordpressテンプレートの一つであるthe7ついてご説明します。
(本マニュアルはthe 3.9.2を元に作成しております)

 

アイキャッチ画像について

アイキャッチ画像とは、主にブログ機能などで一覧表示する時に表示されるサムネイルなどに使用される画像です。


例)Blog Mini、Blog Scrollerで記事を表示した場合
  赤:アイキャッチ画像を設定している記事青:アイキャッチ画像を設定していない記事
eyecatching01.png

 

このマニュアルではアイキャッチ画像の設定方法変更方法削除方法について記載しています。 

 




アイキャッチ画像を設定するには

アイキャッチ画像は、各記事の新規作成画面や編集画面で設定できます。
必要に応じて「新規固定ページを追加」「固定ページの編集」「新規投稿を追加」「投稿の編集」画面を表示してください。

 

  1. 固定ページまたは投稿メニューから、アイキャッチ画像を設定したいページを開きます。

  2. アイキャッチ画像の「アイキャッチ画像を設定」をクリックします。
    ec002.png

  3. アイキャッチ画像画面が表示されます。
    eyecatching03.png

  4.  画像を選択します。

    • 新規画像を使用する場合

      「ファイルをアップロード」タブをクリックします。
      ec005.png

      アップロードするファイルをドロップエリアに画像をドラッグ&ドロップ もしくは「ファイルを選択」から画像を選択します。
      eyecatching06.png

      ファイルがアップロードされ、その画像が選択されている(チェックマークがついている)ことを確認します。
      ec007.png

      「代替テキスト」に写真の説明などを入力します。
      ※SEOやユーザビリティ的に必要な項目です。 入力内容は日本語で構いません。
      ec009.png


    • 既存の画像を使用する場合
      メディアライブラリタブにて使用したい画像をクリックします。
      eyecatching08.png

      画像が選択されている(チェックマークがついている)ことを確認します。
      eyecatching04.png

      もし「代替テキスト」が未入力であれば、写真の説明などを入力します。
      ※SEOやユーザビリティ的に必要な項目です。 入力内容は日本語で構いません。

  5. 「アイキャッチ画像を設定」ボタンをクリックします。 
    ec010.png

  6.  アイキャッチ画像画面が閉じて、アイキャッチ画像に選択した画像が反映されていることを確認します。

    ec011.png

  7. 問題なければ「更新」もしくは「下書きとして保存」ボタンなどをクリックしてページを保存します。
    ec012.png

    以上でアイキャッチ画像の設定は完了です。



アイキャッチ画像を変更するには

  1. アイキャッチ画像に設定されている画像をクリックします。

    ec011.png


  2. 現在設定中の画像が選択された(チェックマークがついている)状態で、アイキャッチ画像画面が表示されます。
    eyecatching13.png


  3. 変更したい画像をクリックしたら、選択画像がクリックした画像に変更される(チェックマークが元の画像から外れてクリックした画像につく)ことを確認します。
    ec014.png


  4. もし「代替テキスト」が未入力であれば、写真の説明などを入力します。
    ※SEOやユーザビリティ的に必要な項目です。 入力内容は日本語で構いません。
    ec015.png

  5. 「アイキャッチ画像を設定」ボタンをクリックします。ec016.png

  6. アイキャッチ画像画面が閉じて、アイキャッチ画像に新たに選択した画像が反映されていることを確認します。
    ec017.png

  7. 問題なければ「更新」もしくは「下書きとして保存」ボタンなどをクリックしてページを保存します。

    以上でアイキャッチ画像の変更は完了です。



アイキャッチ画像を削除するには

アイキャッチ画像の削除とは、現在アイキャッチ画像に指定されている画像の指定を解除することです。
メディアライブラリから完全に削除する訳ではありません。

そのため、確認ダイアログなどは出ないのでご注意ください。

 

  1. アイキャッチ画像の画像下の「アイキャッチ画像を削除」をクリックします。
    ec018.png

  2. アイキャッチ画像の画像が消えたことを確認します。
    ec019.png

  3. 問題なければ「更新」もしくは「下書きとして保存」ボタンなどをクリックしてページを保存します。

    以上でアイキャッチ画像の削除は完了です。

他にご質問がございましたら、 CMSサポートへお問い合わせください

コメント

株式会社ガイアックス
CMSサポート
Tel : 03-6869-0379(月~金/10:00~18:00)
Powered by Zendesk