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

Blog App

ショップページにブログを公開をすることができます。

ブロック

if ページ

タグ説明
{block:BlogPage}Blogページ (Apps)
{block:NotBlogPage}Blogページではない (Apps)

if Apps

タグ説明
{block:AppsBlog}Blog Appをインストールしている
{block:AppsBlogArticleIsPinned}ブログ固定記事がある

変数

ページ

タグ説明
{BlogPageURL}BlogページのURL (Apps)
{BlogFeedPageURL}BlogのRSSページのURL (Apps)

テンプレート

タグ説明
{BlogContentsTag}Blogページのコンテンツのタグ (Apps)

Apps

タグ説明
{AppsBlogArticleTitle}ブログ記事のタイトル
{AppsBlogArticlePageURL}ブログ記事ページのURL

ブログ固定記事の表示

Blog Appの記事作成ページでは固定記事について下記のように案内しています。
ショップのトップページには固定記事リンクを設置するようにして下さい。

固定記事設定

例)

{block:AppsBlogArticleIsPinned}
<div><a href="{AppsBlogArticlePageURL}">{AppsBlogArticleTitle}</a></div>
{/block:AppsBlogArticleIsPinned}

base

ブログRSSで記事を取得して表示

例)

<script>
$(function(){
    $.ajax({
        url: '{BlogFeedPageURL}',
        type: 'GET',
        dataType: 'xml',
    })
    .done(function(data) {
        i = 1;
        $('item', data).each(function() {
            var link = $('link', this).text();
            var title = $('title', this).text();
            var image = $('image', this).text();
            var blog_content = '<div><a href="' + link + '"><img src="' + image + '"><p>' + title + '</p></a></div>';
//alert(link + ' : ' + title + ' : ' + image);
            $('#container').append(blog_content);
            if (i >= 3) {
                return false;
            }
            i++;
        });
    });
});
</script>

base

← ラベルAppセールApp →
  • ブロック
    • if ページ
    • if Apps
  • 変数
    • ページ
    • テンプレート
    • Apps
  • ブログ固定記事の表示
  • ブログRSSで記事を取得して表示
  • API利用規約
  • デザインマーケット利用規約
© 2012-2021 BASE, inc.