# ブログ記事内で続きを読むボタンを実装したい

**URL:** <https://community.shopify.com/t/topic/43830>\
**Category:** 技術的なQ＆A\
**Created:** [April 20, 2021, 4:19am UTC](https://community.shopify.com/t/topic/43830 "2021-04-20T04:19:49Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

ブログ記事内に「続きを読む」ボタンを設置する方法についての技術的な質問。添付画像が、実現したい表示イメージの確認材料になっている。

- 回答では、記事編集画面のコンテンツ欄にある「<>」ボタンからHTML入力モードへ切り替える方法が案内された。
- その上で、案内されたHTMLコードを貼り付けて保存すれば、「続きを読む」ボタンが表示されると説明されている。

ポイントは、通常の本文入力ではなくHTMLを直接記述する点。コードは「最初に見せるテキスト」と「ボタン押下後に表示するテキスト」を分けて設定する想定になっている。

議論は短く、具体的な実装手順の提示で一応の回答が出ている。実際に動作したかどうかの追記はなく、最終確認は未記載。

<div class="post-metadata">

**Author:** ![yuta2](https://avatars.discourse-cdn.com/v4/letter/y/439d5e/32.png) [@yuta2](https://community.shopify.com/u/yuta2)\
**Post date:** [April 20, 2021, 4:19am UTC](https://community.shopify.com/t/topic/43830/1 "2021-04-20T04:19:49Z")

</div>

ブログ記事内で以下のような続きを読むボタンを出現させたいのですが、やり方がわかりません。

 ![続きを読むボタン.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/4/d4623d73af7425709fab03d438f6583979762ffc.png)

有識者のかた助けてくださると嬉しいです。

以下想定コード

```markup

```

---

<div class="post-metadata">

**Author:** ![KOICHI\_KAMIZURU](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/koichi_kamizuru/32/120990_2.png) [@KOICHI\_KAMIZURU](https://community.shopify.com/u/KOICHI_KAMIZURU)\
**Post date:** [April 20, 2021, 9:10am UTC](https://community.shopify.com/t/topic/43830/2 "2021-04-20T09:10:36Z")

</div>

記事編集画面 コンテンツの「\<\>」ボタンをクリックするとHTMLを入力可能になりますので、

以下をコピーして入力してください。

```markup

表示しておくテキスト  

続きを読むを押すと表示されるテキスト

```

そのまま保存していただければ続きを読むボタンがご確認できるかと思います。

宜しくお願い致します。