このエントリーをはてなブックマークに追加
SEOTOOLSロゴ画像

SEOTOOLSニュース 

SEOに関連するニュースリリースを公開しております。
最新のサービス情報を、御社のプロモーション・マーケティング戦略の新たな選択肢としてご活用下さい。

【海外向け】EC アプリ「UR: Simple Dark Mode Switcher」を株式会社 UnReact がリリース

IT ベンチャー企業 株式会社UnReact が、海外向け EC アプリ「UR: Simple Dark Mode Switcher」をリリースしました。




福岡県の IT ベンチャー企業 株式会社 UnReact が、「UR: Simple Dark Mode Switcher」をリリースしました。

本アプリは、2026年10月2日 10:00 に正式公開いたしました。

「UR: Simple Dark Mode Switcher」は、ストアフロントにダークモードの切り替えボタンを追加できるアプリです。お客様はボタンを押すだけで、ページの配色を暗い色に切り替えられます。

ダークな配色は、いまのテーマに設定されている色から自動で作られます。そのためストアの雰囲気はそのまま残り、商品写真もネガのように反転しません。背景色・文字色・アクセント色は、必要に応じて自分で指定することもできます。

ノーコードでテーマに追加できます。料金は Basic Plan 月額 $2.99 で、1 週間の無料体験が可能です。年払いで実質 2 ヶ月分無料でお得にご利用いただけます。

▼「UR: Simple Dark Mode Switcher」|アプリストア
https://apps.shopify.com/ur-simple-dark-mode-switcher?locale=ja

▼「UR: Simple Dark Mode Switcher」|ご利用ガイド
https://unreact.jp/shopify-apps/sa-225-ur-dark-mode-app/guide

■Shopify とは
Shopifyは、世界175ヶ国100万ショップ以上で利用されているECプラットフォームです。低コストで本格的なネットショップを開設でき、豊富なデザインテンプレートやアプリによる機能拡張が可能です。日本でも多くのブランドやショップがShopifyを活用してオンラインストアを運営しています。
■「UR: Simple Dark Mode Switcher」について
[画像1: https://prcdn.freetls.fastly.net/release_image/72693/371/72693-371-af4876d504c9ec1a264b7bbce683b3dd-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Easily add a dark mode switch to your store!


本アプリは、ストアフロントに小さな切り替えボタンを 1 つ置くだけのアプリです。お客様がボタンを押すと、ページ全体の配色が暗い色に変わります。会員登録もログインも必要ありません。
選んだ状態はお客様のブラウザに保存されるため、次に訪れたときも同じ配色で表示されます。ストア側に情報を保存しないため、顧客データには一切触れません。
主な特徴は以下のとおりです。
■ ストアフロントの全ページにボタンが出る
[画像2: https://prcdn.freetls.fastly.net/release_image/72693/371/72693-371-0f5beeccb14ce57b324cbcdaad101df0-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Dark mode on your storefront!


トップページ、商品ページ、コレクション、カート、ブログなど、オンラインストアが表示するすべてのページが対象です。ページごとに設置する必要はありません。
■ ワンタップでページ全体が切り替わる
[画像3: https://prcdn.freetls.fastly.net/release_image/72693/371/72693-371-b7c6f7a36b220700571f103fa5ac7988-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
One tap switches the whole page!


ヘッダーもフッターも商品一覧も同時に切り替わります。読み込んだ瞬間に一瞬だけ白く光る「ちらつき」も起きないよう、最初の描画より前に配色を確定させています。
■ ダークモードの色を自分で決められる
[画像4: https://prcdn.freetls.fastly.net/release_image/72693/371/72693-371-1beca24075eb0ed7687aa7084a1bfa78-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Pick your own dark mode colors!


背景色・文字色・アクセントの背景色・アクセントの文字色を指定できます。空欄にしておけば、いまのテーマの配色から自動で生成されます。ブランドカラーに寄せたいときだけ設定してください。
■ スマートフォンでもそのまま使える
[画像5: https://prcdn.freetls.fastly.net/release_image/72693/371/72693-371-a67a084a9d2a48e04da59c74a2bbe48b-1600x900.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Works on phones out of the box!


切り替えボタンは画面の右下に固定され、スマートフォンでも同じように動きます。追加の設定は必要ありません。
■ 商品写真は元の色のまま表示される
配色の設定値だけを差し替える方式のため、商品写真や商品画像には手を加えません。色そのものが商品価値になるアパレル・食品・インテリアなどのストアでも、写真の見え方を損なわずに導入できます。
■ 自動配色で届かない箇所は追加の CSS で調整できる
独自に作り込んだセクションなど、自動生成では暗くならない箇所がある場合は、テーマエディタの「追加の CSS」で個別に指定できます。ここに書いた内容はダークモードのときだけ適用されるため、通常の表示には影響しません。

▼参考記事
この記事の内容は、以下の記事を参考にしています。
・Shopify にダークモードを追加できるアプリ6選!写真を反転させずに配色だけ切り替える
・Shopify にダークモードを追加する方法5選!実装方式の違いと選び方を検証
・「シンプルダークモード|お手軽配色切り替え・目に優しい表示」|ご利用ガイド

▼株式会社UnReact 会社概要
会社名: 株式会社UnReact
代表者: 西川信行
事業内容: EC制作事業・アプリ開発・教育事業
URL: https://unreact.jp/
PRTIMESリリースへ
SEOTOOLS News Letter

SEOに役立つ情報やニュース、SEOTOOLSの更新情報などを配信致します。


 powered by blaynmail
キングソフト インターネットセキュリティ
SEOTOOLSリファレンス
SEO対策
SEOの基礎知識
SEOを意識したサイト作り
サイトマップの作成
サイトの登録
カテゴリ(ディレクトリ)登録
カテゴリ登録(モバイル
検索エンジン登録
テキスト広告
検索連動型(リスティング)広告
プレスリリースを利用したSEO


TOPへ戻る