---
title: 最新情報の詳細ページへボタンを追加
description: 最新情報の詳細ページへボタンを追加する方法をご説明します
image: https://instanthomepage.jp/hubfs/%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B2.png
---

[![インスタントホームページのロゴ](https://instanthomepage.jp/hs-fs/hubfs/%E3%83%AD%E3%82%B4.jpg?width=600&height=600&name=%E3%83%AD%E3%82%B4.jpg "インスタントホームページのロゴ")](https://instanthomepage.jp/)

- [はじめての方へ](https://instanthomepage.jp/welcome)
  
  はじめての方へ 
  
  
  
    - [インスタントホームページとは](https://instanthomepage.jp/welcome/about)
    - [インスタントメイドとは](https://instanthomepage.jp/welcome/instantmade/)
    - [ブランドストーリー](https://instanthomepage.jp/brand-story)
    - [選ばれる理由](https://instanthomepage.jp/welcome/reason/)
    - [デザインサンプル](https://instanthomepage.jp/welcome/design-sample)
- [機能紹介](https://instanthomepage.jp/features)
  
  機能紹介 
  
  
  
    - [7つのスタイル、14のデザイン](https://instanthomepage.jp/style-design)
    - [ホームページ更新機能](https://instanthomepage.jp/features/update-function)
    - [共有コンテンツ機能](https://instanthomepage.jp/features/share-contents)
    - [お知らせ自動更新機能](https://instanthomepage.jp/features/news-function)
    - [訪問者カウンター](https://instanthomepage.jp/features/visitor-counter)
    - [その他のオプション機能](https://instanthomepage.jp/features/option)
- [ご利用料金について](https://instanthomepage.jp/cost)
- [サポート](https://instanthomepage.jp/support)
  
  サポート 
  
  
  
    - [よくあるご質問](https://instanthomepage.jp/support/faq)
- [ご利用中の方マニュアル](https://instanthomepage.jp/support/navi)
- [ホームページのトリセツ](https://instanthomepage.jp/homepage-torisetsu)
  
  ホームページのトリセツ 
  
  
  
    - [業種別ホームページのトリセツ](https://instanthomepage.jp/industry-classified-torisetsu)
- [資料ダウンロード](https://instanthomepage.jp/download)
- [お問い合わせ](https://instanthomepage.jp/contact)

[![インスタントホームページのロゴ](https://instanthomepage.jp/hs-fs/hubfs/%E3%83%AD%E3%82%B4.jpg?width=600&height=600&name=%E3%83%AD%E3%82%B4.jpg "インスタントホームページのロゴ")](https://instanthomepage.jp/)

- [はじめての方へ](https://instanthomepage.jp/welcome)
  
  はじめての方へ 
  
  
  
    - [インスタントホームページとは](https://instanthomepage.jp/welcome/about)
    - [インスタントメイドとは](https://instanthomepage.jp/welcome/instantmade/)
    - [ブランドストーリー](https://instanthomepage.jp/brand-story)
    - [選ばれる理由](https://instanthomepage.jp/welcome/reason/)
    - [デザインサンプル](https://instanthomepage.jp/welcome/design-sample)
- [機能紹介](https://instanthomepage.jp/features)
  
  機能紹介 
  
  
  
    - [7つのスタイル、14のデザイン](https://instanthomepage.jp/style-design)
    - [ホームページ更新機能](https://instanthomepage.jp/features/update-function)
    - [共有コンテンツ機能](https://instanthomepage.jp/features/share-contents)
    - [お知らせ自動更新機能](https://instanthomepage.jp/features/news-function)
    - [訪問者カウンター](https://instanthomepage.jp/features/visitor-counter)
    - [その他のオプション機能](https://instanthomepage.jp/features/option)
- [ご利用料金について](https://instanthomepage.jp/cost)
- [サポート](https://instanthomepage.jp/support)
  
  サポート 
  
  
  
    - [よくあるご質問](https://instanthomepage.jp/support/faq)
- [ご利用中の方マニュアル](https://instanthomepage.jp/support/navi)
- [ホームページのトリセツ](https://instanthomepage.jp/homepage-torisetsu)
  
  ホームページのトリセツ 
  
  
  
    - [業種別ホームページのトリセツ](https://instanthomepage.jp/industry-classified-torisetsu)
- [資料ダウンロード](https://instanthomepage.jp/download)
- [お問い合わせ](https://instanthomepage.jp/contact)

[![インスタントホームページ](https://instanthomepage.jp/hubfs/logo_ih.svg "インスタントホームページ")](https://instanthomepage.jp/)

- [はじめての方へ](https://instanthomepage.jp/welcome)
  
  はじめての方へ 
  
  
  
    - [インスタントホームページとは](https://instanthomepage.jp/welcome/about)
    - [インスタントメイドとは](https://instanthomepage.jp/welcome/instantmade/)
    - [ブランドストーリー](https://instanthomepage.jp/brand-story)
    - [選ばれる理由](https://instanthomepage.jp/welcome/reason/)
    - [デザインサンプル](https://instanthomepage.jp/welcome/design-sample)
- [機能紹介](https://instanthomepage.jp/features)
  
  機能紹介 
  
  
  
    - [7つのスタイル、14のデザイン](https://instanthomepage.jp/style-design)
    - [ホームページ更新機能](https://instanthomepage.jp/features/update-function)
    - [共有コンテンツ機能](https://instanthomepage.jp/features/share-contents)
    - [お知らせ自動更新機能](https://instanthomepage.jp/features/news-function)
    - [訪問者カウンター](https://instanthomepage.jp/features/visitor-counter)
    - [その他のオプション機能](https://instanthomepage.jp/features/option)
- [ご利用料金について](https://instanthomepage.jp/cost)
- [サポート](https://instanthomepage.jp/support)
  
  サポート 
  
  
  
    - [よくあるご質問](https://instanthomepage.jp/support/faq)
- [ご利用中の方マニュアル](https://instanthomepage.jp/support/navi)
- [ホームページのトリセツ](https://instanthomepage.jp/homepage-torisetsu)
  
  ホームページのトリセツ 
  
  
  
    - [業種別ホームページのトリセツ](https://instanthomepage.jp/industry-classified-torisetsu)
- [資料ダウンロード](https://instanthomepage.jp/download)
- [お問い合わせ](https://instanthomepage.jp/contact)

[電話で相談](tel:0120-337-082)

[無料個別相談](https://instanthomepage.jp/contact/consultation/)

[30日間無料お試しはこちら](https://instanthomepage.shop/category/)

# 最新情報の詳細ページへボタンを追加

 更新日：2024/10/2 

![](https://instanthomepage.jp/hubfs/%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B2.png)

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

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

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

![サイトマップ-1](https://instanthomepage.jp/hs-fs/hubfs/%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97-1.png?width=1000&height=521&name=%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97-1.png)

 

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

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

![最新情報を更新しよう04-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%82%92%E6%9B%B4%E6%96%B0%E3%81%97%E3%82%88%E3%81%8604-1.png?width=1000&height=438&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%82%92%E6%9B%B4%E6%96%B0%E3%81%97%E3%82%88%E3%81%8604-1.png)

## 行ブロックを追加

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

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

![詳細ページに見出しを追加01-1](https://instanthomepage.jp/hs-fs/hubfs/%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E8%A6%8B%E5%87%BA%E3%81%97%E3%82%92%E8%BF%BD%E5%8A%A001-1.png?width=1000&height=511&name=%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E8%A6%8B%E5%87%BA%E3%81%97%E3%82%92%E8%BF%BD%E5%8A%A001-1.png)

 

## ボタンを行ブロックへ追加

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

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

![最新情報の詳細ページへボタンを追加09-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A009-1.png?width=1000&height=469&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A009-1.png)

行ブロックの中に、ダミーのボタンが表示されます。ダミーボタンにマウスカーソルを置き、ダブルクリックするとボタン編集ウインドウが表示されます。

 

## ボタンの内容を編集

ボタンタイトルにボタンの中に表示する文字を入力します。今回は例として「ホームページはこちら」と入力します。

![最新情報の詳細ページへボタンを追加03-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A003-1.png?width=1000&height=522&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A003-1.png)

 

## ボタンのリンク先を編集

「リンク先」にボタンへリンクしたいサイトのアドレス（URL）を入力します。

ホームページ内のページを追加したい場合は、「サイト内ページをリンク」をクリックし、選択肢の中から選びます。

![最新情報の詳細ページへボタンを追加04-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A004-1.png?width=1000&height=520&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A004-1.png)

![最新情報の詳細ページへボタンを追加05-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A005-1.png?width=1000&height=518&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A005-1.png)

 

## ボタンのデザインを選ぶ

お好きなボタンのデザインを選びます。

![最新情報の詳細ページへボタンを追加06-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A006-1.png?width=1000&height=520&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A006-1.png)

 

## ボタンをクリックした時のウインドウを選択

ボタンをクリックした時に同じウインドウで開くか、別のウインドウで開くか選びます。

![最新情報の詳細ページへボタンを追加07-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A007-1.png?width=1000&height=520&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A007-1.png)

編集が終わりましたら、「保存」ボタンをクリックします。

![最新情報の詳細ページへボタンを追加08-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A008-1.png?width=1000&height=525&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A008-1.png)

 

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

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

![詳細ページに見出しを追加06-1](https://instanthomepage.jp/hs-fs/hubfs/%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E8%A6%8B%E5%87%BA%E3%81%97%E3%82%92%E8%BF%BD%E5%8A%A006-1.png?width=1000&height=406&name=%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E8%A6%8B%E5%87%BA%E3%81%97%E3%82%92%E8%BF%BD%E5%8A%A006-1.png)

ボタンが追加されていることを確認しましょう。

![最新情報の詳細ページへボタンを追加10](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A010.png?width=1000&height=675&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A010.png)

 

## 追加したボタンを削除・再度編集する

追加したボタンを削除または再度編集したい場合は、画像の右上にマウスを置きどちらかを選択します。

![最新情報の詳細ページへボタンを追加11-1](https://instanthomepage.jp/hs-fs/hubfs/%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A011-1.png?width=1000&height=320&name=%E6%9C%80%E6%96%B0%E6%83%85%E5%A0%B1%E3%81%AE%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A011-1.png)

 

### 関連記事

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

[最新情報の詳細ページへ表を追加](https://instanthomepage.jp/support/navi/17) Search

注文方法などお困りの場合はサポートまで

[![サポートページを見る](https://no-cache.hubspot.com/cta/default/24267781/interactive-182473446249.png)](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLIRexhqr2LDPACqiBwxn%2F%2BLHZFihp1vgNWR59Rh4KujIC3QfoFjxtn7Mc2hhljlgDigH9nZSU2pqonTR7tjebuLORKAJ%2BM4tQfaMXp3arPwctUFJVruriYifLZrTjJSxp%2BtV3nmOSk%2BQonqsnfV3Rhd%2BHc9XOkvBpS%2FKzmwZ9FBnyG89zE%3D&webInteractiveContentId=182473446249&portalId=24267781)

導入を迷っている方はまずは無料個別相談！

[![無料個別相談の申込みはこちら](https://no-cache.hubspot.com/cta/default/24267781/interactive-182392075028.png)](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLKx8T86BUHuP3GHu34PFmCy92bIDnvvcdarqLJqv9kp%2B1pFlzwz%2BZxsLP62WekMijr2gOoYTqL9EIz%2BaVESbXJ2YIF3gUQLAZMgvfqpaDS2bMT7HdcxzmImnE3yONRvLIIQImjNyyVnLPCQelK%2Fly53t96A0I2YwXrD%2BF50aKEwCSNovO8UoksKciC5pgEpg1DT&webInteractiveContentId=182392075028&portalId=24267781)

[![tel](https://instanthomepage.jp/hubfs/tel.svg)0120-337-082](tel:0120-337-082;)

受付時間：平日9:00～18:00（土日祝休み）

![インスタントホームページ](https://instanthomepage.jp/hubfs/logo_footer.svg "インスタントホームページ")

- [インスタントホームページとは](https://instanthomepage.jp/welcome/about)
- [インスタントメイドとは](https://instanthomepage.jp/welcome/instantmade/)
- [ブランドストーリー](https://instanthomepage.jp/brand-story)
- [選ばれる理由](https://instanthomepage.jp/welcome/reason/)
- [デザインサンプル](https://instanthomepage.jp/welcome/design-sample)
- [7つのスタイル、14のデザイン](https://instanthomepage.jp/style-design)
- [ホームページ更新機能](https://instanthomepage.jp/features/update-function)
- [共有コンテンツ機能](https://instanthomepage.jp/features/share-contents)
- [訪問者カウンター](https://instanthomepage.jp/features/visitor-counter)
- [お知らせ自動更新機能](https://instanthomepage.jp/features/news-function)
- [その他のオプション機能](https://instanthomepage.jp/features/option)
- [ご利用料金について](https://instanthomepage.jp/cost)
- [サポート](https://instanthomepage.jp/support)
- [よくあるご質問](https://instanthomepage.jp/support/faq)
- [マニュアル](https://instanthomepage.jp/support/navi)
- [お知らせ](https://instanthomepage.jp/news)
- [ホームページのトリセツ](https://instanthomepage.jp/homepage-torisetsu)
- [業種別ホームページのトリセツ](https://instanthomepage.jp/industry-classified-torisetsu)
- [インスタントホームページ無料個別相談](https://instanthomepage.jp/contact/consultation)
- [資料ダウンロード](https://instanthomepage.jp/download)
- [お問い合わせ](https://instanthomepage.jp/contact/general)
- [運営会社](https://instanthomepage.jp/company)
- [特定商取引法に基づく表記](https://instanthomepage.jp/privacytokushoho)
- [プライバシーポリシー](https://instanthomepage.jp/privacy)
- [インスタントホームページ利用規約](https://instanthomepage.jp/kiyaku)
- [別添個人情報の安全管理措置](https://instanthomepage.jp/anzenkanri)

**CopyRight.DESIGN STUDIO PHOENIX.**

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "デザインスタジオフェニックス",
    "url" : "https://instanthomepage.jp/support/navi/author/phoenixdesign"
  },
  "dateModified" : "2024-10-02T02:03:45.729Z",
  "datePublished" : "2024-05-22T14:59:06.000Z",
  "headline" : "最新情報の詳細ページへボタンを追加",
  "image" : [ "https://instanthomepage.jp/hubfs/%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B2.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://instanthomepage.jp/support/navi/16",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://instanthomepage.jp/hubfs/%E3%83%AD%E3%82%B4.jpg"
    },
    "name" : "株式会社デザインスタジオフェニックス"
  }
}
```