Developers

Developers

  • BASE API
  • BASE Template

›BASE Template

BASE Template

  • はじめに
  • 更新情報
  • テーマの作成方法

    • テーマの作成・管理方法
    • テーマエディタの使い方

    テーマの販売方法(デザインマーケット)

    • テーマを販売したい方へ
    • デザイナー登録
    • デザインガイドライン
    • デモ用ショップに関する注意事項
    • テーマ申請チェックリスト
    • 新規テーマの販売申請
    • テーマのアップデート申請

    基本設定

    • 全体構成
    • 必須タグ
    • <head>仕様
    • <body>仕様
    • ナビゲーションに関する仕様

    各ページの仕様

    • ページ構成

    商品ページ

    • 商品ステータス
    • 購入ボタンの制御
    • 商品情報

    テンプレートタグ

    • 非表示
    • ページ
    • デザインオプション
    • ショップ
    • url
    • イテレータ
    • 商品
    • ソーシャル
    • 関連商品
    • コンテンツ

    Apps

    • 商品検索App
    • カテゴリ管理App
    • ラベルApp
    • Blog App
    • セールApp
    • 英語・外貨対応App
    • ショップコインApp
    • BASEロゴ非表示App
    • デジタルコンテンツApp
    • レビューApp
    • 販売期間設定App
    • 予約販売App
    • メッセージApp
    • 送料詳細設定App
    • 商品説明カスタムApp
    • 抽選販売App
    • テイクアウトApp
    • 商品オプションApp
    • コミュニティApp

    よくある質問

    • FAQ

ナビゲーションに関する仕様

ナビゲーションの実装に関する仕様です。

メインナビゲーション

メインナビゲーション

基本的な表記は以下の通りです。

ページ表記
トップページHome
AboutページAbout
BlogページBlog
カテゴリページCategory
お問い合わせページContact
ショップコインページCoin

※Blog、カテゴリ、ショップコインはそれぞれのAppsのインストールが必要です。

デザインマーケットで販売するテーマの場合の仕様

  • 上記ページを全て含むように実装してください。順序は任意です。
  • ページ名の初期値としては上記の表記を設定してください。
  • アルファベットの大文字小文字は問いません。
  • 各ページの見出しなども含めテーマ内で統一してください。
  • デザインオプション等で表記が変更できるように実装することは問題ありません。

サブナビゲーション

サブナビゲーション

サブナビゲーションとしてプライバシーポリシーページと特定商取引法に基づく表記のページへのリンクを設置する必要があります。
主にフッターエリアや、ドロワーメニューの一番下などに設置されることが多いです。
メインナビゲーションに含んでいただいても構いません。
表記に関してはローカライズテキストが用意されていますのでそちらをご利用ください。

ページローカライズテキスト
プライバシーポリシー{lang:Privacy}
特定商取引法に基づく表記{lang:Law}

実装方法

ナビゲーションとしてまとめて出力するタグはありません。個々のタグを利用してナビゲーションを構成してください。
Blog記事一覧ページやカテゴリページはなどはAppsをインストールしているかどうかの判別が必要です。
以下のタグと実装例を参考にしてください。各Appsに関するタグの仕様は各Appsのページを参照してください。

ブロック

タグ説明
{AppsBlog}Blog Appをインストールしている
{AppsCoinFunding}ショップコイン Appがインストールされていてショップコインが販売中である
{AppsItemCategory}カテゴリ管理 Appをインストールしている

変数

タグ説明
{IndexPageURL}トップページのURL
{AboutPageURL}AboutページのURL
{BlogPageURL}Blog 記事一覧ページのURL
{CoinFundingPageURL}ショップコインページのURL
{AppsItemCategoryCategoriesTag}カテゴリ設定の大カテゴリと中カテゴリのリンクを出力。
{ContactPageURL}お問い合わせページのURL
{PrivacyPageURL}プライバシーポリシーページのURL
{LawPageURL}「特定商取引法に基づく表記」ページのURL

メインナビゲーションのサンプル

<ul >
  <!-- トップページ -->
  <li>
    <a href="{IndexPageURL}">Home</a>
  </li>

  <!-- Aboutページ -->
    <li>
    <a href="{AboutPageURL}">About</a>
  </li>

  <!-- Blogページ -->
  {block:AppsBlog}
  <li>
    <a href="{BlogPageURL}">Blog</a>
  </li>
  {/block:AppsBlog}

  <!-- ショップコインページ -->
  {block:AppsCoinFunding}
  <li>
    <a href="{CoinFundingPageURL}">Coin</a>
  </li>
  {/block:AppsCoinFunding}

  <!-- カテゴリページ -->
  {block:AppsItemCategory}
  <li>
    <span >Category</span>
    {AppsItemCategoryCategoriesTag}
  </li>
  {/block:AppsItemCategory}

  <!-- お問い合わせページ -->
  <li>
    <a href="{ContactPageURL}">Contact</a>
  </li>
</ul>

※カテゴリに関してはこちらも合わせてご確認ください。

← <body>仕様ページ構成 →
  • メインナビゲーション
    • デザインマーケットで販売するテーマの場合の仕様
  • サブナビゲーション
  • 実装方法
    • ブロック
    • 変数
  • メインナビゲーションのサンプル
  • API利用規約
  • デザインマーケット利用規約
© 2012-2021 BASE, inc.