# 商品ページに関連するブログ記事を掲載

**URL:** <https://community.shopify.com/t/topic/382827>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [December 25, 2024, 11:57pm UTC](https://community.shopify.com/t/topic/382827 "2024-12-25T23:57:31Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

商品ページの説明文中にブログ記事へのリンクを挿入したいという質問。ブログと商品ページの双方向リンクを実現し、商品説明の途中に「関連するブログ」セクションを配置することが目的。

**提案された解決策:**

1. **商品説明欄に直接HTMLコードを挿入** - 商品説明欄の右上マークからコードエディタを開き、`<a href="xxxxx">関連ブログはこちら</a>`のようなHTMLリンクを挿入する方法。最もシンプルな対応。

2. **ショートコード実装** - Instant Shortcode Builderなどのアプリを使用、またはLiquidコードでカスタム実装する方法。

3. **メタフィールドとテーマエディタ活用** - 商品説明を複数のメタフィールドに分割し、Liquidでブログ記事情報を間に挿入する方法。Liquidの知識が必要。

4. **ページビルダーアプリ** - PageFlyなどのアプリを使用して柔軟にレイアウトを構築する方法。

Liquidの知識がない場合は、アプリ利用またはエキスパートへの依頼が推奨されている。

<div class="post-metadata">

**Author:** ![watanabe1](https://avatars.discourse-cdn.com/v4/letter/w/a8b319/32.png) [@watanabe1](https://community.shopify.com/u/watanabe1)\
**Post date:** [December 25, 2024, 11:57pm UTC](https://community.shopify.com/t/topic/382827/1 "2024-12-25T23:57:31Z")

</div>

**ブログに掲載した記事を商品ページにも掲載したい。**

ブログには商品を紹介する記事を書いていまして、その商品ページにもブログ記事を掲載したいです。

ブログ記事⇔商品ページの双方向のイメージです。

ブロックで追加する方法なども見つけられたのですが、実現したいのは商品ページの説明部分に入れるイメージです。下の方へブロックで追加でも良いのですが、可能であれば文中に入れ込みたいです。

ブログ記事のショートコードなどを商品ページに書くのかな？といったイメージです。

＜イメージ＞

商品タイトル

説明文

**関連するブログ**

説明文（続き）

購入ボタン

文中に入れ込む **関連するブログ** の文言は、”関連するグログはこちら”の文字ベースのみでも良いですし、ブログのサムネとタイトルが出ても良いです。

メタフィールドとメタオブジェクトを使うイメージはあるのですが、ご教授ください。よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [December 26, 2024, 1:38am UTC](https://community.shopify.com/t/topic/382827/2 "2024-12-26T01:38:30Z")

</div>

質問拝見しました。

こちら商品詳細ページで商品説明の欄にリンク入りのテキストを挿入できるのでそちらで対応できるかと思います！

商品説明の欄の右上のマークでコードを直接入力できるのでそちらで対応していただければ幸いです。

 ![スクリーンショット 2024-12-26 10.35.27.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/c/c/ccdf01fb996eca0e237731ea1bf5eb8dd6026298.png)

具体的な挿入コード

```markup

関連ブログはこちら

xxxxxにブログ記事のリンクを入れてください

```

なにかご質問があれば、お気軽にご相談ください。  
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。  
何卒よろしくお願いします。

株式会社フルバランス

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [December 26, 2024, 9:43am UTC](https://community.shopify.com/t/topic/382827/3 "2024-12-26T09:43:12Z")

</div>

標準でご希望の機能はないので以下のいずれかになると思います。

- 何らかの方法でショートコードなどの形で実装する
- 記事本文の入力をメタフィールドを使って分け、テーマエディタを利用する
- ページビルド系のアプリを探して用いる

**何らかの方法でショートコードなどの形で実装する**

ブログ記事にも対応しているのかは把握していませんが、方向性としては以下のようなアプリが考えられます。

Instant Shortcode Builder

[https://apps.shopify.com/shortcode-app?locale=ja](https://apps.shopify.com/shortcode-app?locale=ja)

liquidの読み書きができる場合は、古いですが以下などが参考になると思います。

[https://github.com/culturekings/shopify-shortcodes](https://github.com/culturekings/shopify-shortcodes)

**記事本文の入力をメタフィールドを使って分け、テーマエディタなど利用する**

liquidの読み書きができる場合は、以下のように工夫すれば対応できるように思います。

質問内でブロックに触れられていますので、詳細はわかりませんがそちらに読み替えることもできるかもしれません。

1. 対象ブログ記事より上に表示するコンテンツを、通常のブログ記事投稿欄に入力
2. 対象ブログ記事より下に表示するコンテンツを、メタフィールドで入力
3. テーマエディタのカスタムliquidセクションで、対象ブログ記事と2のメタフィールドを出力するliquidを入力する

**ページビルド系のアプリを探して用いる**

目的の機能があるか確認していませんが、[Pagefly](https://apps.shopify.com/pagefly?locale=ja)などのページが作成できるアプリを使用することで対応できる可能性が高いと思います。

以上です。

liquidがよくわからない場合は、アプリを探すかエキスパートやパートナーに依頼することをお勧めします。