---
title: 最新情報の詳細ページへ画像を追加
description: 最新情報の詳細ページへ画像を追加する方法をご説明します
---

[マニュアル](https://instanthomepage.jp/support/navi)

# [最新情報の詳細ページへ画像を追加](https://instanthomepage.jp/support/navi/15)

 作成者: [デザインスタジオフェニックス](https://instanthomepage.jp/support/navi/author/phoenixdesign)｜2024/5/22

最新情報の詳細ページへ画像を追加する方法をご説明します。

## 管理画面内の「サイトマップ」をクリック

まず、管理画面の右下、または左側のメニュー内の「サイトマップ」をクリックしてください。

 

## 編集したいページをクリック

おしらせの左側にある＋ボタンをクリックすると既に登録されているお知らせのタイトルが表示されますので、表示されているタイトルをクリックしてください。

## 行ブロックを追加

おしらせの詳細ページの編集画面が表示されます。

ブロックがない場合は画面左上の「行ブロック追加」をクリックしてください

 

## 画像を行ブロックへ追加

追加した行ブロック、または任意のブロックの中に画像を追加します。

画面左上のImageにマウスカーソルを置き、行ブロックの中にドラッグします

 

 

## 追加する画像を選択

行ブロックの中に、ダミーの画像が表示されます。ダミー画像にマウスカーソルを置き、ダブルクリックするとイメージを選択ウインドウが表示されます。

ファイルの選択欄をクリックすると、ファイル選択のウインドウが表示されます。

1. パソコンの中からおしらせの詳細ページに使用したい画像ファイルを選ぶ
2. ファイルをクリックしたあと、「開く」ボタンをクリック
3. 選んだ画像のファイル名が表示されます 

#### 画像をクリックして任意のページやサイトに飛ばしたい場合

1. 「リンク先」に任意のURLを入力  
   ※画像にホームページ内のリンクを追加したい場合は「サイト内ページをリンク」をダブルクリックするとページの一覧が出てくるのでその中から選ぶ
2. 画像をクリックした時に同じウインドウで開くか、別のウインドウで開くか選ぶ
3. 選択が終わったら「保存」ボタンをクリック

## 反映されているかの確認

1. 内容を変更・編集したら、画面右上の一番右側の「データ保存」ボタンをクリック
2. 次に、一番左側「表示確認」をクリック

画像が追加されていることを確認しましょう。

 

## 追加した画像を削除する

追加した画像を削除したい場合は、画像の右上にマウスを置き、イメージを削除を選びます

 

[完全な記事を表示](https://instanthomepage.jp/support/navi/15)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "デザインスタジオフェニックス"
  },
  "dateModified" : "2024-10-02T02:26:16.948Z",
  "datePublished" : "2024-05-22T14:58:20Z",
  "headline" : "最新情報の詳細ページへ画像を追加",
  "image" : {
    "@type" : "ImageObject",
    "height" : 563,
    "url" : "https://24267781.fs1.hubspotusercontent-na1.net/hubfs/24267781/%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E7%94%BB%E5%83%8F%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B1.png",
    "width" : 1000
  },
  "mainEntityOfPage" : "https://instanthomepage.jp/support/navi/15",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "マニュアル"
  }
}
```