ワードプレスへの画像の追加とアイキャッチ画像の追加方法

a-siteの提供するワードプレスサイトでは、投稿ごとに設定できる「アイキャッチ画像」をトップページなどに表示させることができます。
これにより、更新状況を視覚的にPRすることが出来ます。まさにワードプレスをCMSとして利用する際の有効な使い方だといえるでしょう。

ギャラリー画像追加方法

以下にワードプレスの操作手順を記載いたしますので、手順に従って、画像を追加してください。

なお、ワードプレスへの投稿の追加は、「ビジュアルモード」と「テキストモード」がありますが、今回は「テキストモード」でご説明いたします。

  1. ワードプレス管理画面の左にある「投稿」をクリックし「新規追加」をクリック
    ギャラリー画像追加方法
  2. 投稿画面が表示されたら、投稿タイトルを入力して「メディアを追加」をクリック
    ギャラリー画像追加方法
    投稿タイトルは、個別表示された際の、投稿上部に表示されるタイトルに使用されます。
  3. メディア挿入画面が表示されたら、「ファイルをアップロード」をクリック
    ギャラリー画像追加方法
  4. メディアを挿入の画面になったら、中央に画像をドラッグ&ドロップ
    ギャラリー画像追加方法
    上部の「ファイルをアップロード」のタブが選択されると、ドラッグ&ドロップボックスが表示されます。投稿に使用する画像を一つドラッグ&ドロップしてください。
    なお、ここで使用する画像の大きさはサムネイルにも使用されますので同じ縮尺の画像を選択した方がキレイに作ることができます。縦横比を4:3など、あらかじめ決定して画像を追加してください。
    ここでは、500ピクセル×350ピクセルの画像を使用してアップロードするようにします。
  5. 挿入されるHTMLを確認
    ギャラリー画像追加方法
    画像のアップロードが完了すると、右下に「投稿に挿入」ボタンが出てきますので、アップロードしたファイルにチェックがあるか、また投稿する際の設定が正しいかを確認して「投稿に挿入」ボタンを押してください。
    タイトル・説明・キャプションなどの情報は、入力する必要はありませんが、入力するとより多少検索に強くなりますので、お時間があれば、記入しても良いでしょう。
    また、表示設定は、「配置:左」「リンク先:メディアファイル」「サイズ:中」に設定してください。
    なお、サイズに関しましては、サイトのデザインによって、若干変わりますが、「中」を選択していただければ良い様に、作るようにいたします。
  6. 投稿画面にもどったら、カテゴリーの設定&アイキャチ画像の設定
    ギャラリー画像追加方法
    画像挿入ボタンを押した後、投稿文言の中にHTMLが挿入されます。確認したら、投稿のカテゴリーを設定してください。
    投稿カテゴリーによって、投稿されるページが変わってきますので、よく確認して該当するカテゴリーにチェックをいれてください。
    カテゴリーが親子の2階層構造になっている場合、上位カテゴリーにもチェックを入れるようにしてください。
    カテゴリーのチェックが終わったら、「アイキャッチ画像の設定」をクリック
  7. 使用するアイキャッチ画像を選択
    ギャラリー画像追加方法
    アイキャッチ画像選択画面になると先ほどアップロードした画像にチェックが入っているので、内容を確認し「アイキャッチ画像を設定」をクリックしてください。
  8. ファイルをアップロードを選択する
    ギャラリー画像追加方法
    「タイトル」「画像の追加」「カテゴリーの設定」「アイキャッチ画像の設定」が終了したら、「公開」ボタンをおして投稿を公開する。
  9. トップページの所定の場所に新規投稿のアイキャッチ画像が表示されました
    ギャラリー画像追加方法
  10. 特定カテゴリーページにアイキャッチ画像が表示されました
    ギャラリー画像追加方法
  11. 全ての設定が完了
    これで、すべての設定が完了です。