及川WEB室
|ホームページ制作
及川WEB室
HTML、CSS、JavaScript、スマートフォンサイト、Facebookなど、サイト制作に関する事をメモしています。
個人的な備忘録です。
及川WEB室
>
ECサイト
> ネットショップBASEのHTML編集App(デザインテーマ用HTML編集アプリ)
ネットショップBASEのHTML編集App(デザインテーマ用HTML編集アプリ)
2016/09/24(modified 2017/08/25 )
BASE
は、ネットショップを作れるサービス(2012年11月20日サービス開始)。
BASEで作られたネットショップのテンプレート(テーマ)をカスタマイズする案件があり、色々調べてみた。
BASEのテンプレート(デザインのテーマ)を編集するには
BASEのデフォルトの状態で、テーマの選択・ロゴ・背景・ナビゲーションの文字色 を変更可能。
それ以外のカスタマイズには、「
HTML編集
」を有料でインストールし、テンプレート(デザインのテーマ)を編集する必要がある。
月額: 900円
(2016年09月24日時点)。結構高額。
※2017年8月25日現在、HTML編集Appは無料になりました。
HTML編集App(「HTML編集」アプリ)の購入(インストール)
管理画面の上部にある[
デザイン編集
]ボタンをクリックしてデザイン編集画面を開くと、左側に[
HTMLを編集する
]とある。
BASE 管理画面ダッシュボード
BASE デザイン編集画面
この[
HTMLを編集する
]でテンプレートを編集できるが、BASEが初期状態だとこの[
HTMLを編集する
]が使えない。
[
HTMLを編集する
]をクリックで、「HTML編集」アプリ購入の手続きへ促される。
「HTML編集」アプリは、
月額: 900円
(2016年09月24日時点)。
無料のお試し期間が30日ある。試せるので嬉しい。
※2017年8月25日現在、HTML編集Appは無料になりました。
[インストール]をクリック。
決済情報入力画面。
クレジットカードの情報を入力して[
購入する
]
↓
購入完了後、すぐに購入完了の通知のメールが届いた。
「ご購入いただきありがとうございました。」の画面で[
設定画面へ
]をクリック。
「HTML編集」アプリの設定画面。
※「HTML編集」アプリを解約するときはこの画面の右上の方にある[
無効にする
]をクリックする。
※この画面は下記の方法でも開ける。
管理画面の情報にある[
Apps
]ボタン →[
BASE OFFICIAL APPS
]タブ →カテゴリのプルダウンで[
インストール済み
]を選択 →[
HTML編集
] →HTML編集画面右側の[
設定を編集する
]ボタン。
再び
デザイン編集
画面を開いて[
HTMLを編集する
]をクリックすると、
「HTML編集」の黒い画面が開いて、テンプレートを編集できるようになった!
テンプレートはこの1つだけとは、結構簡素な構造・・・。
BASE Templateのドキュメントはこちら。
BASE独自タグの詳しい使用方法が無いので、分かりずらい。
例えば、各変数タグがどのブロックタグ内で有効なのかなどが不明。私が読み込んでないだけでしょうか。
ドキュメントも機能も今後、充実されることを期待。
ネットショップBASEのHTML編集App(デザインテーマ用HTML編集アプリ)
BASEのファイルアップローダー
ネットショップBASEの独自タグ - HTML編集で使用する「BASEテンプレート変数」
MENU Ξ
Copyright(C) 2002- by
及川治建築設計室
All Rights Reserved.