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

【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まとめのほったらかし不労所得 9・10月分(2018)

    9月の末は引っ越しで大変だったのでご報告できませんでした。 なので、今回は2ヵ月分をまとめてご報告しますね。 とりあえず、10月31日の報酬(累計)は以下のようになりました。   & […]

コメントなし

🌻仮想通貨【c0ban】急激に下降していく通貨価値

        最近急落中の【coban】。 最近では、その値動きを利用して仮想通貨【c0ban】を増やしています。   サブタイトルに「予定を変更」と書いたのは、前回決 […]

コメントなし

🌻ママワークスではじめた在宅ワーク 睡魔が大敵!

    ママワークスという求人サイトを通し8月に2件の仕事を決め、今日はこれらの仕事がどうなったかをご報告します。   この時決まった仕事はPCでのデータ入力に近いライティングの仕事と、スマ […]

コメントなし

仮想通貨【c0ban】証拠金は返ってきました

        以前、「証拠金は退会するまで戻ってきません」なんてお話をしましたが、証拠金は個人認証手続きが終わると、残高の表示に加算されていました。   それで、実は前 […]

コメントなし

🌻NAVERまとめのほったらかし不労所得8月分(2018å¹´)

    今回はちょっとうっかりしてしまい、8月1日~9月3日の利益をお知らせすることになりますが、こんな感じでした ↓   87 + 393 = 480円   このうち、7月分まで […]

コメントなし

🌻エイジングケアの切り札【幹細胞コスメ】選びはココで!

    幹細胞コスメランキングによると、幹細胞コスメというのは「スキンケアの革命」「エイジングケアの切り札」と言われているほど、高い効果が期待できるものらしいです。   幹細胞・・・自ら増殖 […]

コメントなし

🌻娘がクラウドワークスで朗読の仕事をはじめました

    なんだか最近、娘の部屋から朗読の声が聞こえてきます。 娘に尋ねてみると、クラウドワークスで仕事を始めたんだとか・・・。   内容は、届いた台本を読んで録音するというもの。 タスクでは […]

コメントなし

🌻仮想通貨【c0ban】手続きをして売り注文を出してみました

        前回は、2万円相当分のコバンが貯まり、手続きに入るというところまでお話をしました。 そしてその後、個人認証手続きをしたのですが、どうも私は色々と勘違いをしていたよう […]

コメントなし

仮想通貨【c0ban】29両貯まりました!祝2万円!

        まあ、この仮想通貨を売買取引した時に2万円で売れなければ、実際に2万円にはならないのですが・・・。 (あと、振込手数料の800も必要かな?)   前回は2 […]

コメントなし

🌻ママワークスの仕事 採用になった2件のお仕事のその後

    ママワークスで採用になったお仕事は以下の2つ。   ・スマホチェックのお仕事 ・150文字ライティングのお仕事   今はどちらも募集していないようなので、一応仕事内容をまと […]

コメントなし

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

コメントを残す

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

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