# 管理画面の独自カスタマイズ

**URL:** <https://community.shopify.com/t/topic/35477>\
**Category:** 技術的なQ＆A\
**Created:** [February 10, 2021, 6:08am UTC](https://community.shopify.com/t/topic/35477 "2021-02-10T06:08:41Z")\
**Posts on this page:** 6\
**Page:** 1

## AI-generated summary

Shopifyの管理画面そのものを独自に改修することは基本的に不可、という見解で始まりました。Metafield（商品などに任意の追加情報を持たせる仕組み）はAPI経由で扱えるため、専用アプリ内で編集する形が前提とされています。

その後、質問で挙がったアプリの管理画面表示については、管理画面自体の改造ではなく、ブラウザ拡張機能によって管理画面上にMetafield入力欄を表示している可能性が高い、という情報が共有されました。対象アプリでは有料プランでBrowser extensionが使える旨が確認されています。

さらに開発元の案内ページと画像付き情報から、拡張機能をインストールし、有料プラン加入後に「Enable」で有効化すると利用できることが補足されました。結論として、管理画面の直接カスタマイズではなく、アプリ＋ブラウザ拡張による実現方法がある、という形でほぼ解決しています。

<div class="post-metadata">

**Author:** ![Anonymous\_d0495659fd038e794e6d1f17e0fdddc6](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_d0495659fd038e794e6d1f17e0fdddc6/32/207570_2.png) [@Anonymous\_d0495659fd038e794e6d1f17e0fdddc6](https://community.shopify.com/u/Anonymous_d0495659fd038e794e6d1f17e0fdddc6)\
**Post date:** [February 10, 2021, 6:08am UTC](https://community.shopify.com/t/topic/35477/1 "2021-02-10T06:08:41Z")

</div>

以下のアプリは管理画面の商品の画面にMetafieldsという入力項目などが表示がされています。  
このアプリのように管理画面を独自にカスタマイズすることは可能でしょうか？  
[https://apps.shopify.com/metafields-editor-2?locale=ja](https://apps.shopify.com/metafields-editor-2?locale=ja)

---

<div class="post-metadata">

**Author:** ![\_osamu\_iwasaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/_osamu_iwasaki/32/272617_2.png) [@\_osamu\_iwasaki](https://community.shopify.com/u/_osamu_iwasaki)\
**Post date:** [February 10, 2021, 6:29am UTC](https://community.shopify.com/t/topic/35477/2 "2021-02-10T06:29:40Z")

</div>

おそらくどのクラウドサービスでもそうだと思いますが、  
**管理画面自体のカスタマイズ** は出来ない仕様です。

メタフィールドについては管理画面は用意されていませんが、  
APIは用意されているため、Metafields Guruのようなアプリ内で設定が可能です。

---

<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:** [February 10, 2021, 6:43am UTC](https://community.shopify.com/t/topic/35477/3 "2021-02-10T06:43:53Z")

</div>

横から失礼します。

今回の質問がきっかけで使用経験のあるアプリで知らなかった機能を知りましたので、こちらに書かせていただきたいと思います。

[https://apps.shopify.com/metafields-editor-2](https://apps.shopify.com/metafields-editor-2)

恐らく上記アプリページのスクリンショットの6枚目のことかと思うのですが、確かに商品詳細画面にメタフィールドの入力欄が表示されていました。

そこでアプリのページを見まして以下を確認しました。

> Our browser extension allows you to manage metafields directly in admin panel. Available for Google Chrome, Mozilla Firefox, Opera and Edge!

上記であれば、恐らく有料プランのBrowser extensionのことだと思われます。

このページを見ながら今まで気づいていませんでした…。

実際に試してはいないので間違っていましたら申し訳ありません。

---

<div class="post-metadata">

**Author:** ![\_osamu\_iwasaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/_osamu_iwasaki/32/272617_2.png) [@\_osamu\_iwasaki](https://community.shopify.com/u/_osamu_iwasaki)\
**Post date:** [February 10, 2021, 6:49am UTC](https://community.shopify.com/t/topic/35477/4 "2021-02-10T06:49:16Z")

</div>

無料でMetafields guru使ってましたが、  
有料プランにするとブラウザ拡張機能が使えるんですね！  
それは知りませんでした！

---

<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:** [February 10, 2021, 6:52am UTC](https://community.shopify.com/t/topic/35477/5 "2021-02-10T06:52:32Z")

</div>

私も無料プランだったので今知って驚きました。これすごいですよね！

とはいえ自分で確認してはいないので、もしも間違ってましたらすみません。

---

<div class="post-metadata">

**Author:** ![\_osamu\_iwasaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/_osamu_iwasaki/32/272617_2.png) [@\_osamu\_iwasaki](https://community.shopify.com/u/_osamu_iwasaki)\
**Post date:** [February 10, 2021, 7:12am UTC](https://community.shopify.com/t/topic/35477/6 "2021-02-10T07:12:27Z")

</div>

アプリ開発元のサイトに使い方が書いてました。

[https://256devhelp.freshdesk.com/support/solutions/articles/44002097814-how-do-i-install-and-use-the-browser-extension-](https://256devhelp.freshdesk.com/support/solutions/articles/44002097814-how-do-i-install-and-use-the-browser-extension-)

**エクステンションをイントールして、有料プラン加入後に「Enable」で有効にする** と拡張ブラウザ機能が使えるようになるみたいです。

 ![fVxc4_k0BHHNO7GI14cvncjVqZF2HpUPmA](https://canada1.discourse-cdn.com/shopifyforum/original/3X/a/e/ae8fb8cc05ec49e099f1e6728fa49b86de4ad5e9.png)
