及川WEB室|ホームページ制作

HTML、CSS、JavaScript、スマートフォンサイト、Facebookなど、サイト制作に関する事をメモしています。
個人的な備忘録です。
及川WEB室 ホームページ制作HOME
及川WEB室 > ECサイト > ネットショップBASEのHTML編集App(デザインテーマ用HTML編集アプリ)

ネットショップBASEのHTML編集App(デザインテーマ用HTML編集アプリ)

2016/09/24
ネットショップBASE BASEは、ネットショップを作れるサービス(2012年11月20日サービス開始)。
BASEで作られたネットショップのテンプレート(テーマ)をカスタマイズする案件があり、色々調べてみた。

BASEのテンプレート(デザインのテーマ)を編集するには

BASEのデフォルトの状態で、テーマの選択・ロゴ・背景・ナビゲーションの文字色 を変更可能。
それ以外のカスタマイズには、「HTML編集」を有料でインストールし、テンプレート(デザインのテーマ)を編集する必要がある。
月額: 900円(2016年09月24日時点)。結構高額。

HTML編集App(「HTML編集」アプリ)の購入(インストール)

  • 管理画面の上部にある[デザイン編集]ボタンをクリックしてデザイン編集画面を開くと、左側に[HTMLを編集する]とある。
    BASE 管理画面ダッシュボード ネットショップBASE管理画面ダッシュボード BASE デザイン編集画面 ネットショップBASE管理画面 デザイン編集画面 この[HTMLを編集する]でテンプレートを編集できるが、BASEが初期状態だとこの[HTMLを編集する]が使えない。
  • [HTMLを編集する]をクリックで、「HTML編集」アプリ購入の手続きへ促される。 ネットショップBASE「HTML編集」アプリ購入の手続きへ
  • 「HTML編集」アプリは、月額: 900円(2016年09月24日時点)。
    無料のお試し期間が30日ある。試せるので嬉しい。
    [インストール]をクリック。 ネットショップBASE管理画面 デザイン編集画面
  • 決済情報入力画面。
    ネットショップBASE「HTMLを編集App」アプリ購入 クレジットカードの情報を入力して[購入する]
    ネットショップBASE「HTMLを編集App」アプリ購入 購入完了後、すぐに購入完了の通知のメールが届いた。
    「ご購入いただきありがとうございました。」の画面で[設定画面へ]をクリック。
  • 「HTML編集」アプリの設定画面。
    ネットショップBASE「HTMLを編集App」アプリ購入 ※「HTML編集」アプリを解約するときはこの画面の右上の方にある[無効にする]をクリックする。
    ※この画面は下記の方法でも開ける。
    管理画面の情報にある[Apps]ボタン →[BASE OFFICIAL APPS]タブ →カテゴリのプルダウンで[インストール済み]を選択 →[HTML編集] →HTML編集画面右側の[設定を編集する]ボタン。
  • 再びデザイン編集画面を開いて[HTMLを編集する]をクリックすると、
    「HTML編集」の黒い画面が開いて、テンプレートを編集できるようになった!
    ネットショップBASE「HTMLを編集App」アプリ購入 テンプレートはこの1つだけとは、結構簡素な構造・・・。

    BASE Templateのドキュメントはこちら。
    BASE独自タグの詳しい使用方法が無いので、分かりずらい。
    例えば、各変数タグがどのブロックタグ内で有効なのかなどが不明。私が読み込んでないだけでしょうか。
    ドキュメントも機能も今後、充実されることを期待。

ネットショップBASEのHTML編集App(デザインテーマ用HTML編集アプリ) BASEのファイルアップローダー ネットショップBASEの独自タグ - HTML編集で使用する「BASEテンプレート変数」
MENU Ξ