ロト君のサイト by lotokunn

L'sCore ロト君のサイトへようこそ!

  1. TOP
  2. パソコン
  3. BASE ショップサイト構築!!

BASE ショップサイト構築!!

皆さんこんにちは!こんばんは!!ロト君です。
以前も同じ投降をしたか記憶が曖昧ですが、只今。BASEにてショップサイトを構築中です!
BASEがショップサイトを簡単に作れると言う事は、以前。パソコンの勉強会に行った際に聞いたのですが、本格的に扱うのは今回が初めてです。
今回は備忘録的なものを掲載したいと思います。

 

1-1.BASEとは?
BASE(ベイス)とは?BASE社が運営しているショップサイト構築Webシステムの事です。
誰でも簡単に出来るので、初心者にはオススメなものです。
下記がBASEのURLです。
https://thebase.in/

 

1-2.何ができるの?
基本的にテンプレート形式のショップサイトが構築できます。
又、専用APPのHTML編集を使う事によって、自由なショップサイトが作れます。
その他にも、クリエーターさんが作った専用テンプレート等を購入する事も出来ます。

 

2-1.HTML編集APPって?
その名の通り、HTML編集が可能です。
基本的にはHTMLを編集しますが、BASE専用の変数ブロックを使う事によって、商品の画像や、在庫数、値段等を表示させる事も出来ます。
PHP等に慣れている方は容易に扱えると思います。
因みにこんなコードを書きますょ。

<html>
 <head>
 <meta name="if:Show Detail" content="1" label="説明を表示">
 </head>
 <body>
 {block:if-Show_Detail}
 <div>説明を表示します。</div>
 {/block:if-Show_Detail}
 {block:not_if-Show_Detail}
 <div>説明を表示しません。</div>
 {/block:not_if-Show_Detail}
 </body>
</html>

上記のコード中の

{block:if-Show_Detail}

等が、専用の変数ブロックですね!詳細は下記のURLにあります。
https://github.com/baseinc/template-docs

 

ここ、数日で変数ブロックやカスタムブロック等の意味が分かって来たので、理解した後は自由に編集が可能ですね!
それと、画像やCSS等をリンクで表示する際は、専用のDeveloper Toolを使います。
そのURLは下記のものです。
https://developers.thebase.in/tools/upload_file

 

然しながら、このアップローダは毎回毎回、アップしたURLをメモしないといけないので、使い勝手は最悪ですねwwwww
私の場合、アップした画像のURLと元画像をExcelにて管理をしています。
本当にFTPとか使えば便利なのですがぁ・・・・。
↑が使いづらい子です。www

 

元々、900円/月していたものが無料になったのは嬉しいのですが、まぁ、そんな感じです。

 

3-1.まとめ
以上、簡単ではありますが、ショップを構築するためには上記したHTML編集・Developer Tool等を駆使すれば出来ますよぉ!
私は最初にBASEのデフォルトHTMLを編集してある程度のテンプレートを作りました。
最終的に、CSS等も編集しなくてはいけなかったので、すべて自作した次第です。

 

まだ、本ショップサイトは公開していませんが、完成したら公開したいと思っています!
では、今回はここまで!(>ω<)ノシ


コメントを残す

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

CAPTCHA



Hello!!

皆さんこんにちは!こんばんは!!ロト君です。

このサイトは私が興味を持ったモノやコトについて掲載をしていくサイトです。

主にパソコン関係やアニメ・ゲーム等について掲載すたいと思いますので、 どうぞ宜しくお願い致します!

コメント等はTwitter等を活用して頂けると有り難いです!!

Twitter: ロト君@lotokunn