BigCommerce ストアのデザインをカスタマイズする方法
公開: 2017-04-06
BigCommerce ストアのデザインをカスタマイズして、独自のブランドを構築
BigCommerce は、あなたのようなビジネス オーナーに、BigCommerce ストアのデザインを自分でセットアップおよびカスタマイズする機能を含む完全な e コマース パッケージを提供する包括的なプラットフォームです (または、私たちのような専門家を雇ってあなたに代わって行うこともできます)。 eコマースビジネスを開始して成功させるために必要なものがすべて揃っています. 複雑なインストールや統合は必要ありません。少し運が良ければ、時の試練に耐えられるものを作成できます。
BigCommerce が e コマースの世界で非常に人気があるのには理由があります。 既存のテーマ (有料または無料) を使用してカスタマイズし、特別なものを作成できる組み込みシステムが付属しています。 言うまでもなく、すべてのブランドには独自の独自の声と外観が必要です。 標準テンプレートは非常に優れたパフォーマンスを発揮しますが、それらを使用して競合他社から際立つことはできません. 同じテーマを使用しているあなたのような人は他にもたくさんいるはずであり、あなたのブランドはミックスの中でそのアイデンティティを失う可能性があります. ブランドに個性を追加するには、BigCommerce のテーマをカスタマイズする必要があります。
BigCommerce テンプレートの特徴は、すべて HTML と CSS を使用していることです。 これにより、テンプレートのカスタマイズに関する限り、無制限の汎用性が得られます。 したがって、基本的な変更はデザイン モードで簡単に行うことができますが、より複雑な変更を行うには、HTML と CSS の知識が必要です。 自分ですべてを行う時間がない場合は、1 Digital Agency のような専門家に依頼して、BigCommerce のデザインをカスタマイズしてもらうことができます。
デザインモードで BigCommerce をカスタマイズする
デザイン モードは他に類を見ない、最もシンプルなカスタマイズ システムです。 シンプルなドラッグ アンド ドロップ メニューを使用して、BigCommerce のテーマをカスタマイズできます。 ストアのどのページでも商品を再注文または削除できます。 残念ながら、その最大の強みは弱点でもあります。 デザイン モードを使用して BigCommerce のデザインをカスタマイズする場合、Web ページ上のものを並べ替えたり、何かを完全に削除したりする以外に、他に何もできません。
いずれにせよ、特に基本的な変更を探している場合は、デザイン モードに用途があります。 コントロール パネルの [Store Design] タブをクリックしてから [Design Mode] タブをクリックすると、アクセスできます。 これを行うと、デザイン モードが有効になり、カスタマイズを開始できます。
デザインモードを使用するには、カスタマイズしたいストアのページにアクセスする必要があります. ページの上部 (以下を参照) にツールバーが表示されます。これは、デザイン モードが有効になっていることを示しています。
ドラッグ アンド ドロップ機能は公園を散歩するようなものです。 カスタマイズする任意のページで、移動する項目にポインターを移動します。 ポインターの形が変わります。 マウスの左ボタンを使用してそのアイテムを表示したい場所にドラッグし、放します。 アイテムを削除する場合は、アイテムを右クリックして、メニューから [パネルの削除] を選択します。 ページにすべての調整を加えたら、保存して手仕事を楽しんでください。
クイック編集を使用してストアを変更する
前に述べたように、デザイン モードを使用して BigCommerce テンプレートをカスタマイズできますが、それだけでは十分ではありません。 デザインからアイテムを並べ替えたり削除したりすることでできることは限られています。
BigCommerce テンプレートをカスタマイズするもう 1 つの方法は、スタイルシート エディターを使用することです。 [ストア デザイン] タブの [テンプレート ファイルの参照] オプションを使用すると、テーマのテンプレート ファイルの CSS を編集できます。 ここから BigCommerce をカスタマイズできるようにするには、HTML と CSS を知っている必要がありますが、これは簡単に、より効果的な方法です。 実際、私たちのような専門家がテーマに行うカスタマイズの大部分は、クイック編集オプションによるものです。
エディターに入ると、左側の列にテンプレート ファイルのリストが表示されます。 最初の部分には使用中のテンプレートのファイルが含まれ、もう 1 つの部分には、テーマの残りのすべてのテンプレート ファイルがタイプ別にグループ化されて表示されます。
テンプレート ファイルをクリックすると、エディタが右側に開きます (上記参照)。 そのテンプレートのすべてのコーディングが表示され、ここで HTML に変更を加えることができます。 これは信じられないほどトリッキーで、HTML を理解している専門家に任せるべきです。
FTP 経由で BigCommerce のデザインをカスタマイズする
BigCommerce をカスタマイズしようと考えると、多くの場合、その方法を知っている限り、テーマのあらゆる側面がカスタマイズ可能であることがわかります。 基本的なものについては、デザイン モードについて説明しました。 より高度な BigCommerce のカスタマイズには、HTML エディターまたはクイック編集があります。 でもこれが全てじゃない。 ユーザー (エキスパート ユーザー) が他の 2 つのオプションでは不可能なすべてを変更する機会を与える特別なディレクトリへの FTP アクセスも提供されます。
FTP 経由でストアをディレクトリに接続する必要があります。 ここでファイルをアップロードできます。ファイルは BigCommerce ストアにリンクする必要があります。 これを行う最善の方法は、テンプレートのすべてのテンプレート ファイルの ZIP アーカイブをダウンロードし、変更が必要なものを変更することです。 アップロードできるファイルの種類には、HTML と CSS、.jpg、.jpeg、.png などの画像、.flv、.fla などのメディア ファイルがあります。これらのアップロードされたファイルには、テンプレートファイル。 これらの新しい URL を、それらが使用されているスタイルシートまたは Web ページに組み込む必要があります。
2019 アップデート:
オンラインのデジタル世界が着実に成長し、増加しているため、e コマース プラットフォームは常にオプションと機能を更新する必要があります。 上記のコンテンツはすべての BigCommerce ストアの所有者にとって依然として非常に有用ですが、このブログが最初に公開されてからいくつかの更新が行われています.
WYSIWYG エディター
WYSIWYG: あなたが見るものはあなたが得るものです. この BigCommerce エディターは、Web ページ、バナー、製品、およびカテゴリに使用できます。 このエディタは「フロント エディタ」です。つまり、コードを一切変更せずに、上記の特定のページのコンテンツを編集できます。 WYSIWYG を使用すると、テキストの書式設定、リンクの作成、画像、ビデオ、その他のメディアの追加、表の作成を行うことができます。 エディターを使用したくない場合は、ストア設定内でクリックできる無効化ボタンがあります。
BigCommerce スタイル テーマ エディター
BigCommerce のテーマを購入してカスタマイズしたい場合は、BigCommerce のストアフロントに移動し、[マイ テーマ] をクリックしてください。 これにより、次のような画面のページが表示されます。
「カスタマイズ」ボタンをクリックすると、新しいウィンドウが開き、画面の左側にスタイル エディター パネルが表示されます。
Blueprint テーマまたは Stencil テーマの BigCommerce ストアがある場合でも、BigCommerce では、コードを一切変更せずに、スタイル エディターを使用してストアフロントのルック アンド フィールを変更できます。 Blueprint テーマと Stencil テーマの両方を使用して、フォントや色、画像サイズを変更したり、製品列を追加したりして、ブランドや好みに合わせてサイトをよりカスタマイズできます.
HTML および CSS コードをカスタマイズする
スタイル エディターを使用していて、一部の変更を行うことができない場合は、テーマの HTML および CSS コードの編集を検討する必要があります。 これを行うには、編集するテーマをダウンロードする必要があります。 次のようになります。
作業したいテーマを決定したら、それをコンピューターに保存すると、編集とカスタマイズを開始できます。 ただし、Web 開発に慣れていない場合は、サイト全体に障害を引き起こす可能性のある重大な問題に遭遇しないように、深い知識を持つ人に助けてもらうことを強くお勧めします.
最高のデジタルエージェンシーによる BigCommerce ストアのカスタマイズ
ブランドを構築することは、優れたロゴやキャッチフレーズを思いつくだけではありません。 あなたのeコマースストアは、あなたのブランドが表すすべてを象徴する必要があります. BigCommerce は簡単に頼りになる e コマース プラットフォームですが、真にユニークなサイト デザインを作成するには、BigCommerce テンプレートをカスタマイズする必要があります。
1Digital Agency には、BigCommerce のカスタマイズとカスタムの BigCommerce ストア テンプレート デザインの詳細を熟知している専門家がいます。 それ以上に、私たちは e コマースを理解しており、顧客の目を引き、ユーザーフレンドリーで、最も重要なことに、ビジネスのイデオロギーに固有のデザインで顧客ベースと実際につながる方法について、専門家のアドバイスを提供できます。
UX と UI を念頭に置いて、当社の専門の e コマース デザイナーと開発者がお客様のビジョンを取り入れ、完全に応答性が高く、ユーザーがオンライン ストアのページを探索し続けるように誘導する、機能的で一流の e コマース Web サイト デザインに変換します。 彼らはあなたのブランドの側面を、あなたのサイトで行うすべての決定に統合します. 色からフォント、画像などに至るまで、あなたのウェブサイトは適切なユーザーを惹きつけ、コンバージョン率を高めるのに十分な時間エンゲージメントを維持します.
私たちの専門家は、当初から BigCommerce と協力してきました。 私たちには、それ自体が物語る多彩な作品のポートフォリオがあります。 BigCommerce のデザインをカスタマイズするだけでなく、マーケティングおよび開発サービスも提供しています。 認定された BigCommerce パートナーとして、私たちはハードワークと各プロジェクトを成功させるというコミットメントの基盤に基づいて評判を築いてきたことを誇りに思っています. 今すぐ 888.982.8269 までお電話いただくか、お問い合わせください 私たちのウェブサイトを介して、私たちができることをお見せしましょう。