🌻ネットショップを作ろう③ ショップを開いてサイトをデザイン

【BASE】でショップを作ってみよう!



 

今回はショップサイトに会員登録をして、お店をopenしてみましょう。

私の場合、Wordpressで運営しているので、BASEでは現在お店を出していませんが、やり方だけご説明します。

まずは、下の青い文字をクリックして頂くと、BASEの会員登録・ログインページにジャンプします。

 

ネットショップ【BASE】はこちら

 

会員登録は無料ですが、登録する前にサイトをご覧になりたい方は、下の方にスクロールして頂けば、ショップについての様々な記事タイトルが並んでいます。

 

「もうちょっと考えたい」という方は、そちらの記事をゆっくりとご覧になってご検討下さい。




 

では、会員登録をお考えの方は先に進みますね。

上の青い文字をクリックしていただくと、下のような画面が開きますので、右上の「会員登録」ボタンをクリックします。

 

そうすると、下のような画面が開きます。

 

 

そして、ショップのURLを決め、「メールアドレス」「パスワード」を入れて、「新しいショップを開く」というボタンをクリックし、利用規約を一読してクリックし、先に進みます。

 

すると「ショップアカウント登録完了」のページが開きますので、誓約書を一読し、<

 

 

 

 

上部のメニュー一覧から「デザイン」を選択して、サイトデザインをしてみましょう。

 

BASEでサイトデザインをしてみよう!

 

ブログでよく「テンプレート」という言葉が遣われますが、それは通常、既に出来上がっていたり、自分でカスタマイズするサイトデザインを意味します。
それとは別に「テーマ」と呼ばれるものがありますが、これもまた出来上がっていたりカスタマイズするサイトデザインになります。

 

BASEではテーマと呼んでいるようです。

ここではカスタマイズしながら作っていきます。

 

「デザイン」をクリックすると下のような画面が開きますので、まずはロゴを入れてみましょう。

 

 

左の赤い枠がロゴを入れる枠になるので、そこにショップ名を入れてみます。

私の場合は「金時堂」というのをよく使用するので、「金時堂」といれておきましょう。

画像がいい場合は、ご自分で画像処理をして入れてもいいでしょう。
その際、BASEが無料で提供しているロゴ作成ツールを使用すると、画像処理などもスムーズにできますよ。

 

 

左のメニューから「オリジナルロゴを作成」というメニューをクリックすると、無料ロゴ作成ツールのページが開きますので、できる方はそこで自作のロゴを作ってみましょう。

 

ロゴのカスタマイズについてはまたいずれご説明するとして、このまま先に進みますね。

次に背景画像を選びましょう。

 

 

上の写真にある赤い枠が背景画像を選択するメニューになります。

「画像を使用する」をオフにすると色が選択でき、バックの色を単色で選択する事ができます。

 

「画像を使用する」というメニューをオンにすると、カメラマークが出てきますので、カメラマークをクリックして背景画像を選択してみますね。

 

画像については、ネット上で「無料壁紙ダウンロード」と検索すれば、無料の画像が出てきますので、そういった画像を使用するのもいいでしょう。

 

ご自分で撮影した写真や、オリジナルのイラストなども画像としてパソコンやスマホに取り入れれば、サイトの壁紙として使用できますよ。

 

今回は、予めダウンロードしてあるクリスマス画像を使用してみます。

 

↑「画像を繰り返す」というメニューをオンにした場合。

 

↑ 「画像を繰り返す」をオフにした場合。

 

見ての通り、画像を入れてしまうとショップ名がよく見えなくなります。

ですので、「いつでもどこでも在宅ワーク」の看板画像を入れ見ますね。

 

 

こんな感じで、ショップをデザインしていく事ができます。

バックのデザインはお好きにカスタマイズして頂くとして、ここで一旦単色に戻して進めていく事にしましょう。

 

 

ショップに商品を並べてみよう

 

 

商品登録画面には「商品名」「税込価格」「商品説明」「在庫数」「商品画像」を入れる事ができます。

 

画像はカメラのマークにドラッグすればアップできますので、難しい操作はありません。

 

もしも画像データ一覧からクリックして取り入れたい場合は、カメラマークをダブルクリックしましょう。

 

最後に、商品の表示順を決め、「公開」ボタンをクリックして出来上がり。

下書き保存も出来ますので、ある程度商品が出来上がってからショップを公開したい場合は、保存ボタンの上にある「公開 / 非公開」のスイッチをクリックして、「非公開」に設定しておきましょう。

 

今こうやってサイトの作り方をご説明しましたが、イメージできないと思いますので、BASEで実際に運営しているサイトの画像を3サイトお借りしてみました。

 

画像をクリックすると、ショップサイトにジャンプしますので、気になるサイトがあったらご覧ください。

 

 

買い物かごが初めから付いていますし、その他にもレビューの書き込み欄やメルマガ配信設定など、無料で30種類以上の設定を追加する事ができます。

 

私はwordpressでサイトを立ち上げましたが、BASEの場合は有料でWordpressに以降する事が可能なので、ここでサイトを立ち上げてWordpressに切り替えるのも一つの方法ですね。

 

因みに、サイト例として挙げたサイトで、高度な技が含まれているのは、ワードプレスのものだと思われます。

 

wordpressはあとで考えるとして、まずは現在できる範囲でサイトを作っていきましょう。

 

作品制作と合わせて、サイトも少しずつデザインしていくものなので、焦らずにゆっくりとショップを育てていきましょう。

 

私の本屋さんについてはこんな感じです ↓

 

金時堂BOOKS

 

ショップサイトではなくアフィリエイトサイトになりますが、wordpressで作り、チョコチョコ手直しをしています。

 

ミンネについてはBASEとは違い、もう少し簡単かも知れませんね。

お客様が作家名をクリックすると、その作家ページが開き、作品が並ぶようになっていますので、サイトデザインはあまり出来ませんが、使いやすいサイトです。

 

作品が出来上がったら、ぜひご自分のお店を作って売ってみて下さいね。




ネットショップを開くなら【BASE】に決まり!

 

1 2 3

🌻今日のママワークス情報>出社なし!自宅で自分のペースでできる文書校正のお仕事

  私はママワークスで出会った企業と契約し、約半年となります。 今も頑張って続けていますよ。   今の在宅ワークに満足しているのですが、ママワークスに登録してメール受信設定をしているので、今でもちょこ […]

コメントなし

🌻怪しい在宅ワークサイトにはご用心

  このサイトでは、少ないながらも地道に稼ぐ仕事から、実力次第でしっかり稼げる仕事まで、様々な在宅ワークをご案内しています。   しかし、そんな仕事とは違い、絶対にあり得ない報酬額を提示してくる悪質な […]

コメントなし

🌻NAVERまとめのほったらかし不労所得2019å¹´1月分

  1月の報酬(累計)ですが、こんな感じになりました ↓     72+611=683(円)   になりました。 ここから12月までの報酬を引くと、   683ー648= […]

コメントなし

🌻1月25日に届いた「ママワークス」新着求人情報

  今回の求人情報、全て在宅ワークとは言っても、2件ほど「一部出社」の文字がありますが、新着はこんな感じのお仕事でした ↓     「カスタマーサポート」「ライフスタイルコーチ」「マイホーム […]

コメントなし

🌻昨日は在宅ワークスの仕事もしました

  昨日は在宅ワークスのお仕事をしてみました。 私がこの仕事を始めるきっかけになったのが在宅ワークス。 初めてのお仕事だったので、担当者の方から教わりながらお仕事をスタートしたんですよ。   ここに登 […]

コメントなし

🌻ママワークスからのお仕事紹介メールを久しぶりに見てみた

  今回の新着求人は、テレフォンアポインターとデータ入力、ネット販売、建築CGパース制作、アプリ開発のSE、留学カウンセラー、給与計算代行業務、音声チェックでした。   建築CGパース制作がどんなお仕 […]

コメントなし

🌻簡単ライティング スピードアップをするにはどうすればいいの?

  「目標を達成できたらココ(金時堂)の記事の更新をしよう」と思ったのですが、目標達成ができないもので、情報サイトがしばらく放置状態になってしまいました。 すみません。   そこで、今回はコーヒーブレ […]

コメントなし

仮想通貨【c0ban】最近安定しています

      本当にどうしたものかと思うほど値を落とした【c0ban】。 私が損切りをした後に、なんと、1両=20円くらいまで落ちたんですよ!   10円くらいに落ちたら購入しようと […]

コメントなし

🌻在宅ワークはまたまた異動?ライティングのお仕事復帰します

  ママワークスを通して紹介して頂いた在宅ワークをスタートしたのは去年(2018å¹´)の8月。   1件150文字(1ヵ月あたり1000件以上で1件60円、未満で55円)の簡単ライティングとしてスタート […]

コメントなし

🌻指輪のディスプレイ・スタンドを作ってみました

      今回は指輪用のディスプレイ・スタンドを制作したので、ご存知ない方のために、まずはどういう物なのかご紹介します。   ディスプレイ・スタンドというのは、その名の通りディス […]

コメントなし

🌻ネットショップを作ろう③ ショップを開いてサイトデザイン

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。