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

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

メインナビゲーション

メインナビゲーション

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

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

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

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

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

サブナビゲーション

サブナビゲーション

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

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

実装方法

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

ブロック

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

変数

タグ説明
{IndexPageURL}トップページのURL
{AboutPageURL}AboutページのURL
{BlogPageURL}Blog 記事一覧ページのURL
{CoinFundingPageURL}ショップコインページのURL
{CommunityPageURL}コミュニティページの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:AppsCommunity}
    <li>
        <a href="{CommunityPageURL}">Community</a>
    </li>
  {/block:AppsCommunity}Z

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

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

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

← <body>仕様ページ構成 →