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

【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

🌻仮想通貨【c0ban】10両貯まりました!揺れ動く通貨価値

        先日は8両貯まった時に、皆さんにご報告しました。 その時は円に換算すると5505円でしたね。 今回は9両と10両の報告をまとめてしようと思います。   ま […]

コメントなし

🌻最近のママワークス求人メール(2018/7/14)

    まずは今回の求人メールをご紹介。     私は在宅ワークでメルマガ登録しているんですけど、今回は「在宅&出社」が多いですね。 1のテレアポは、保育園を中心に扱っている求人サ […]

コメントなし

仮想通貨【c0ban】8両貯まりました!地味に稼いでます

      すご~く時間がかかりましたが、8両貯めることができました。 以前はこんなに時間がかからなかったような気がしますが、小判の価値が上がると時間がかかるんでしょうか? 結果はこんな感じ […]

コメントなし

【今日のママワークス】こんな求人が届きました(2018/7/7)

    今日届いた求人メールはこんな感じでした ↓     私がやるとしたら1のライティングしかありませんね。 今回はHP制作、設計・施工図、グラフィック、翻訳、プログラマーなど、 […]

コメントなし

仮想通貨【c0ban】7両貯まりました!お小遣い程度になったかな

        動画を見ながらコツコツ小判を貯め、やっと7両貯まりました。     これを昨日の終値で円に換算すると4731円だそうです。 計算が合わないのがい […]

コメントなし

🌻【アフィリエイト体験記】⑪~個人サイトの成功術Ⅳ

    アフィリエイトカレッジでは、最初は初心者さん向けに記事を作成する練習も兼ね、15記事、50記事と作成していきました。   これは、他にもアフィリエイトサービスの承認を受けるためという […]

コメントなし

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

    今回も記事を追加することなく、ほったらかしの状態だったNAVERまとめ。 報酬はこのようになりました。     NAVERまとめの場合は最低支払報酬額が3,000円なので、 […]

コメントなし

🌻【ネットショップ】作品にヤスリをかけてコーティングしてみました

    バリ処理(?)っていうのでしょうか? 作品の端っこがツンツン尖っていたので、ヤスリにかけてみました。     あら!何てことをしてしまったのかしら!? 真っ白になっちゃった […]

コメントなし

🌻【ネットショップ】ミニスタジオで撮影してみました

      いつも在宅ワークをしているデスクの角を利用し、ミニスタジオにして撮影しました。 まずは写真からご紹介しますね。     100円ショップで購入したベンチにペン […]

コメントなし

🌻ネットショップの撮影にミニスタジオを考えてみた

      先日、ネットショップの記事で「ミニスタジオを作る予定」だとお話し、その時にミニチュアハウスみたいなものをイメージしてご説明しました。 ですが、今日、少々イメージを替えました。 & […]

コメントなし

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

コメントを残す

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

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