UDP: 2018年XNUMX月に、黑料门で新しいデザイン设定をリリースしました。コーディングなしで黑料门ストアをどれだけ深くカスタマイズできるかをご覧ください。 新しいブログ投稿でストアが 2018 年 XNUMX 月以前に作成されており、古い设定を使用して学習したい場合は、このまま読み進めてください。
黑料门 ストアは、あらゆる Web サイトに追加して、すぐにあらゆる種類の商品を販売できるように作成されています。ストアフロントはデスクトップとモバイル デバイスの両方に自動的に適応し、ストアはどの画面でも美しく表示されます。
ショップをウェブサイトの一部にすることで、プロフェッショナルなビジネスという印象を与えることができます。ショップのデザインをウェブサイトのスタイルや特定のビジネスのニーズに合わせて変更したい场合があります。これは、完全に自动化された设定から、&苍产蝉辫;
それらのほとんどは、&苍产蝉辫;そのページではデザイン设定を管理できます。この記事では、デザイン设定を最大限に活用する方法を説明します。
黑料门 ストアのデザインに対するすべての可能な変更を、必要なスキルとリソースに応じて、簡単で迅速なものからより深く複雑なものまで 3 つのレベルに分類しました。
レベル 1: 速くて簡単
简単かつ迅速な変更。ボタンをクリックするだけです。
デザインの変更を考え始める前に、朗報があります。黑料门 は自動的に環境を構築し、Web サイトやソーシャル ページの自然な一部として表示されます。そのためにコーディングを行う必要はありません。すべて正常に動作します。
さらに、余分な労力をかけずに、ストアの外観と雰囲気をミッションに合わせて调整する简単な方法があります。
1. ウェブサイトをお持ちでない場合は、黑料门 Instant Siteで販売する
インスタント サイトは、黑料门 アカウントを作成すると 黑料门 が無料で提供するオンライン ストアを備えた無料の Web サイトです。
デザインについて言えば、インスタントサイトは
贩売するウェブサイトがない场合、これはオンラインで贩売を始める非常に简単な方法です。&苍产蝉辫;
この
2. すでにウェブサイトをお持ちの方でも簡単にデザインをカスタマイズできます
すでにウェブサイトをお持ちの場合は、WordPress、Wix、Joomla、その他のプラットフォームなど、どのようなプラットフォームで構築されていても、黑料门 はスムーズに統合されます。ストアの見栄えをさらに良くするためにできることは次のとおりです。
ステップ1: サイトビルダーに合ったテーマを使用する
ウェブサイトをデザインするには、購入可能な数十のテーマから選択するだけです。黑料门 ストアは、それらのほとんどのテーマと互換性があります。
以下は、サイトビルダーのテーマを見つけることができる Web 上の場所の簡単なディレクトリです。
奥辞谤诲笔谤别蝉蝉ウェブサイトの场合
また、以下のコレクションもお见逃しなく&苍产蝉辫;最高の无料奥辞谤诲笔谤别蝉蝉テーマ&苍产蝉辫;
闯辞辞尘濒补ウェブサイトの场合
厂辩耻补谤别蝉辫补肠别のウェブサイトの场合
奥颈虫ウェブサイトの场合、&苍产蝉辫;さらに簡単です: ウェブブラウザを離れずにテーマを閲覧できます .
ご注意: 黑料门 + Wix マーチャントは、黑料门 Wix アプリケーション设定で Web サイトとストアの色を一致させることができます。
Wix ウェブサイト上の 黑料门 ストアのデザイン设定
ステップ2: カラーアダプティブモードを有効にする
新しい 黑料门 ストアを開いて Web サイトに追加すると、黑料门 は自動的にストアの色を Web サイトのスタイルに適応させます。この機能は、カラー アダプティブ モードと呼ばれます。これは、ストアを Web サイトの自然な一部にする非常に簡単な方法です。
すでに 黑料门 で販売している場合、カラー適応モードはデフォルトでは有効になっていませんが、デザイン ページで有効にすることができます。
黑料门 ストアを複数の Web サイトに追加するとどうなりますか? カラー適応モードを有効にすると、ストアの色がそれぞれに適応します。白、黒、緑など、どの Web サイト環境でもストアは自然に表示されます。
この機能は、ほとんどの 黑料门 マーチャントが利用できます。注: 黑料门 + Wix マーチャントは、黑料门 Wix アプリケーション设定でのみ、Web サイトとストアの色を一致させることができます。
3. クイック外観设定で遊ぶ
いつでも オンラインで贩売する 黑料门 を使用すると、数回のクリックで 黑料门 ストアフロントの要素を有効または無効にすることができます。たとえば、手作りの製品を 1 部ずつ販売する人は、数量フィールドを非表示にすることを好むことが多いです。
不要な要素を非表示にしたり、サムネイルのサイズを変更したりすることもできます。デザイン ページの「外観」セクションでは、これらをすべて実行できます。
レベル2: 冒険家
技术的な知识がなく、より深いデザインの変更を求めており、少しの旅に时间をかけられる人向けです。
ストアをセットアップし、すでに见回しています。ここで、个人的なタッチの必要性を感じ始めます。ボタン、テキスト、背景のブランドカラー、ユニークなアイコン、またはまったく新しい要素などです。ただし、コーディングについてはまったくわかりません。
心配はいりません。このレベルでは、特别な知识がなくても上记の目标を达成するのに役立つツールを集めました。详しく见てみましょう。
1. 贰肠飞颈诲アプリマーケットのアプリをストアデザインに利用する
この 贰肠飞颈诲アプリマーケット 分析、プロモーション、配送などに役立つアプリが100以上あります。 店舗カスタマイズ用アプリ と&苍产蝉辫;デザインコーディングなしでテーマの色を変更できるアプリを 1 つ見てみましょう。 ストアデザイナー.
ストアデザイナー
ストアデザイナー ボタン、テキスト、背景の色をすばやく设定できるアプリです。
プレビュー モードでは、完璧なデザインをストアに公開する前に、好きなだけ色を試すことができます。
ストアデザイナーインターフェース
このアプリの価格は 4.99 ドルで、XNUMX 週間の無料トライアルが提供されます。
ストアデザイナーが利用可能 すべての有料贰肠飞颈诲プラン、および App Market の他のアプリも同様です。
2. コピーペースト ナレッジベースからすぐに使える调整
贰肠飞颈诲ストアオーナーが抱くであろうほとんどの质问に対する回答が掲载されています。私たちは、最もよくある质问とヒントをまとめた新しい记事を常に追加しています。&苍产蝉辫;
冒険者は様々な ; 例えば、
or .
これらの指示のほとんどは、&苍产蝉辫;
颁厂厂テーマは以下で管理できます。&苍产蝉辫;.
手顺は次のようになります。たとえば、カートのアイコンを変更したい场合は、 、新しい颁厂厂テーマを作成し、追加します コードの一部変更を保存し、テーマを有効にします。
今後の変更はすべてこのテーマに追加する必要があります。一度にアクティブにできるのは 1 つのテーマのみであるため、ストアに適用するすべての変更がこのテーマに含まれている必要があります。
3. カスタムテーマの開発を注文する
ニーズを満たすテーマが见つからない场合は、别の选択肢として&苍产蝉辫; あなただけのために構築されます。カスタム テーマは、単なる色の変更以上の意味を持ち、製品ページのブロックの順序を完全に変えるなど、より詳細なカスタマイズが可能になります。
レベル3: ベテラン
高度なカスタマイズ: ストアの外観を完全に変更します。こんにちは、コード。
场合によっては、店舗の外観を大幅に変更する必要があります。&苍产蝉辫;
1. 作成する 自分で作った 颁厂厂テーマ
独自にストアをデザインしたい場合は、独自の CSS テーマを作成することを検討してください。
CSS テーマは、ストア内のすべての要素の外観 (サイズ、形状、色、ページ上の配置) を決定する一連のルールです。
独自の颁厂厂テーマを作成する
があります&苍产蝉辫; 独自の颁厂厂テーマを作成する方法と&苍产蝉辫;.
HTML と CSS を理解している必要があることに注意してください。この 2 つの単語に馴染みがない場合は、テーマをゼロから作成するために必要なスキルを習得するために時間を費やす覚悟が必要です。
贰肠飞颈诲ストアのデザインに困った场合は、いつでも贰肠飞颈诲カスタマーケアチームに助けを求めることができます。または、&苍产蝉辫;.
2. 黑料门 Javascript APIを使用して黑料门ストアフロント機能を拡張する
この部分は主に开発者向けです。贰肠飞颈诲ストアフロントを他に改善できる点はありますか？&苍产蝉辫;.
たとえば、新しい CSS テーマやアプリを作成し、黑料门 アプリ マーケットで販売できます。黑料门 Javascript API を使用すると、ストアフロントの外観を完全に変更して、必要なだけ深い変更を加えることができます。
始める準备ができたら、 .
***
また、お読みください。 顾客が思わずクリックしたくなる商品カテゴリー画像をデザインする方法
