Firefoxの最新ブラウザに最適化されています。ご利用のブラウザバージョンをご確認のうえ、最新のものにアップデートしていただきますようお願いします。各ブラウザの「インストール」ボタンをクリックすると、ブラウザの最新版をインストールできます。インストールインストールインストール今日一日表示させない。販売商品別ガイドお客様サポートマガジンよくある質問ショップ運営ノウハウマニュアルお知らせ更新情報お問い合わせネットショップの全要素を自由に編集できるスマートデザイン編集ウィンドウネットショップ構築Cafe24を通じて、ショップを構築する方法についてご案内します。越境EC展開パソコンとスマホに最適化されたショップデザインネットショップは売場のインテリアと同様、販売商品の特性に合わせたデザインにしなければなりません。Cafe24では、ネットショップの全ての要素を自由に編集できる「スマートデザイン編集ウィンドウ」を提供しています。パソコンとスマホ環境に最適化された機能を提供します。ネットショップのデザインテーマを選ぶCafe24では、多彩なデザインテーマを無料で提供しています。希望するスタイルに合ったテーマを選択してください。デザインテーマの構造をつかむデザインを思いどおりに編集するために、デザインの基本構造を確認します。デザイン追加、デザインプレビューデザインの追加、プレビュー、レスポンシブデザインの設定に関する内容についてご案内します。ショップのデザインを編集する専門的な知識がなくても思いどおりにデザインできるよう、デザイン編集ガイドを提供いたします。見るスマートデザイン編集ウィンドウとは何ですか?誤ってデザインソース、ファイルを削除しました。復元する方法はありますか?Webブラウザに表示されるアイコン(ファビコン)を登録したいです。ショップ分析01ネットショップのデザインテーマを選ぶCafe24では、プロのデザイナーが制作したハイクオリティなデザインテーマをご提供します。ネットショップのコンセプトに合わせて、希望のテーマを選んでください。提供されている基本デザインテーマは、パソコン向けショップだけでなく、スマホ向けショップにも提供されます。無料デザインを見るさらに多くのデザインを見る基本として提供されているショップデザインまたはデザインモジュールの全体的な色合いを修正するなど、希望のスタイルに修正することができます。02デザインテーマの構造をつかむテーマが違っても、ショップのデザインには共通した要素があります。デザイン構造は、大きく4種類に分けることができます。(Header)ページ上段に表示される領域です。ヘッダーには一般的に、ショップのロゴ、マイショッピングに飛ぶアイコン、カートアイコンなどが置かれます。(Body)ヘッダーとフッターを除く、ショップの全領域です。ヘッダーとフッターは固定要素ですが、ボディは管理者の好みの形で構成することができます。(Footer)ページ下段に表示される領域です。一般的に、ショップの連絡先と基本情報を表示させます。(Navigation)ヘッダー、またはショップ左側の領域に置かれます。ショップを一覧表示したり、希望するページに移動したりできるようするメニュー形態です。ショップの基本を構成するヘッダー、ボディ、フッター、ナビゲーションを設定してみましょう。設定ヘッダー領域には、基本としてマイショッピング、カートアイコン、ロゴなどが設定されています。ロゴ領域を除いた残りのアイコンは、変更しなくても問題なく使用できます。ロゴは基本設定として、管理画面側が入力した「ショップ名」が自動表記されます。設定フッター領域には、管理画面側で入力したショップ情報が表示されます。マイショップ情報」で修正することができます。販売する商品が決まったら、商品分類情報を入力します。カテゴリ設定」で設定できます。管理画面に分類情報が入力されると、ショップナビゲーション領域に自動的に表示されます。ショップを宣伝し、売上を伸ばすために、さまざまな領域をご活用ください。メイン画面上段には、通常はバナーを表示します。バナーは、ショップのイメージを伝えたり、プロモーションや宣伝を行ったりするなど、顧客の関心を惹きつけるためのお知らせ領域として活用します。バナーを表示する時は、ショップのコンセプトに合わせてデザインしたバナーを使用する必要があります。メインには、販売を目的として、新商品、ベスト商品など、多彩なコンセプトの商品を表示させることができます。メインページ商品の入替え」で陳列を設定します。03デザイン追加、デザインプレビューデザイン編集ツールとして「スマートデザイン」および「Edibotデザイン」をサービスしており、デザインは編集ツールごとに管理できます。ショップのデザインは編集ツールの区別なしに最大12件まで作成可能であり、その中から1件をメインデザインとして指定します。メインデザインは、ショップ画面に適用されるデザインです。メインデザイン以外のデザインは別途で保存して管理できます。プロモーション実施期間またはシーズンごとにデザインを変更することで、ショップに活気を与えることができます。Myデザイン」で「新規デザイン追加」ボタンをクリックすると、「スマートデザイン」または「Edibotデザイン」のデザインを追加することができます。詳しいご利用方法は、マニュアルをご確認ください。作成したデザインは、管理画面の上部にあるデバイスアイコン(PC/Mobile)をクリックしてご確認ください。マルチショップのプレビューを確認したい場合は、国旗アイコンをクリックしてください。「Myデザイン」でデザイン名の下にあるURLをクリックすると確認できます。環境設定]の「Mobile用デザイン使用設定」で設定します。(※レスポンシブデザインは編集ツールを「Edibotデザイン」に設定した場合にのみ適用されます。)(※「Mobile用デザイン使用設定」を「使用する」に設定する場合、PCショップにのみレスポンシブデザインが適用され、Mobileショップはスマートデザインで編集する形になります。次は販売したい商品を登録・表示(陳列)・管理する方法について確認しましょう。編集の参考になる「デザインガイド」が用意されています。ユーザーにHTMLの基礎知識やオープンソースを提供し、コーディングなどウェブサイトの制作に関する専門的な知識がなくても編集ウィンドウを手軽に使えるようにサポートします。デザインガイドを見ながらHTMLソースを変更し、簡単にデザインを編集してみましょう。デザインガイドショップデザインが全て完了したら次は販売する商品を登録し、陳列、管理する方法についてご説明します。