はじめての方は「はじめての設定」を上から順に進めてください。管理画面の見出しの横の「?」からも、ここの説明を開けます。
PART 1
最初に1回だけ行います。上から順に進めれば、15分ほどでお店にブログが出ます。
ブログを表示するためのスクリプトは、このとき自動でお店に入ります。お店の側で何かを貼る必要はありません。商品・受注・会員の情報は読みません。
Bカートの管理画面で、記事の一覧ページと記事ページの2枚を作ります。このアプリの「タグ管理」には、貼るタグが最初から用意してあります。
blog にします。本文の「HTMLを使用」にチェックを入れ、コピーしたタグを貼って公開します。blog-article の自由ページに貼って公開します。記事のページは、サイドメニューを「表示なし」にするのがおすすめです。| 一覧ページ | スラッグ blog(URL は /page/blog) 貼るタグ:「ブログの一覧ページ」 |
|---|---|
| 記事ページ | スラッグ blog-article(URL は /page/blog-article) 貼るタグ:「記事のページ」 |
別のスラッグにしたいときは、このアプリの「基本設定」→「一覧ページと記事ページの場所」を同じパスにそろえてください。新着や一覧から記事へのリンクに使います。
「タグ管理」の「トップの新着3件」のタグをコピーして、Bカートのトップページのフリースペースなど、HTML を書ける場所に貼ります。件数や見た目は、あとからタグ管理で直せます(貼り直しは要りません)。
/page/blog)を開き、記事が並んでいること、押すと記事ページが開くことを確かめます。/page/blog へのリンクを足してください。うまく出ないときは、下の「困ったとき」を見てください。
PART 2
記事を書く・分ける・見せ方を変える方法です。
| 概要 | 一覧に出る短い説明文です(120字くらい)。記事ページでは検索結果の説明文にも使います |
|---|---|
| アイキャッチ画像 | 一覧と、記事のいちばん上に出る画像です |
| 記事ID | 記事の URL の ?a= のあとに入る英数字です。空なら自動で付きます。公開したあとに変えると、前の URL では開けなくなります |
公開した記事は、一覧の「Bカートで見る」から実際のページを開けます。公開をやめるときは、記事を開いて「公開をやめて下書きに戻す」を押します。投稿者が書いた記事は「公開を依頼」になり、編集者以上が確かめてから公開します。
「カテゴリ」画面で、記事を分ける入れ物(例:お知らせ・新商品・コラム)を作ります。追加・名前の変更・並べ替え・削除ができます(オーナー・管理者のみ)。記事を書く画面では、ここで作ったカテゴリから選びます。
カテゴリにはスラッグ(英小文字・数字・ハイフンの名前。例:news)があり、タグでカテゴリを指定するときに使います。名前を変えてもスラッグは変わらないので、作ったタグはそのまま使えます。カテゴリを削除しても記事は消えず、「未分類」になります。
お店に貼るタグは「タグ管理」で作ります。何を出すか・カテゴリ・件数・見た目を選ぶと右にプレビューが出て、保存すると短いタグ(例:<div data-bblog-tag="k7m2p"></div>)ができます。
一度貼れば、あとはタグ管理で直して保存するだけで、お店の表示もすぐ変わります(貼り直しは要りません)。
| 新着記事 | 決まった件数だけ並べます。トップページのフリースペースなどに |
|---|---|
| 一覧ページ | すべての記事をページ送りつきで並べます。一覧用の自由ページに |
| 記事のページ | 記事の本文を出します。記事用の自由ページに |
見た目はタグごとに保存されるので、貼る場所ごとに変えられます。たとえば、トップページには画像つきのブログを、サイドには文字だけのお知らせを出せます。それぞれのタグには、自分たち用のメモも残せます。
文字の色・大きさ・フォントは、お店のデザインがそのまま使われます。このアプリが入れるのは、並べ方や余白など最低限の見た目だけです。
さらに細かく変えたいときは、Bカートの管理画面のカスタムCSSに書いてください。お店のCSSのほうが優先されます。主な部品の名前は次のとおりです。
| 一覧 | .bblog-list(形ごとに .bblog-list--card/--row/--text)、1件分 .bblog-card、画像 .bblog-thumb、タイトル .bblog-card-title、日付・カテゴリ .bblog-meta/.bblog-cat、概要 .bblog-excerpt、ページ送り .bblog-pager |
|---|---|
| 記事ページ | 全体 .bblog-article、タイトル .bblog-title、画像 .bblog-eyecatch、本文 .bblog-body、前後の記事 .bblog-prevnext、一覧へ戻る .bblog-back |
/* 例:カテゴリのラベルをお店の色にする */
.bblog-cat { border-color: #c0392b; color: #c0392b; }PART 3
何人かで書くときと、お支払いのことです。
担当者の招待はビジネスプランの機能です。記事を書く人は、Bカートのアカウントがなくても参加できます。
招待された人がログインできるのはこのアプリだけです。Bカートの管理画面には入れません。パスワードを忘れたときは、オーナー・管理者が「担当者」画面で再設定リンクを作って送ります。
| オーナー | Bカートで連携した人(お店に1人)。すべての操作ができます。プランの切り替え・お支払いと、管理者の追加・変更はオーナーだけです |
|---|---|
| 管理者 | 記事の公開、タグ管理・基本設定、担当者(編集者・投稿者・閲覧者)の管理。プランは見るだけです |
| 編集者 | 記事を書く・直す・公開する |
| 投稿者 | 記事を書いて「公開を依頼」する。公開は編集者以上が行います |
| 閲覧者 | 記事を見るだけ(下書き・公開依頼中の記事も見られます)。書く・直すことはできません |
料金プランはトップページの「料金」をご覧ください。プランの切り替え・カードの変更・領収書・解約は、管理画面の「プラン」から行えます(オーナー・管理者のみ)。お支払いはStripe(決済サービス)のクレジットカード決済です。
スタンダードプランとビジネスプランは14日間無料で試せます(カードの登録なしで始められます)。続けて使う場合は、お試し期間中に「プラン」→「お支払いとプランの管理」からカードを登録してください。解約しても記事は消えません。フリープランに戻ると、お店に表示されるのは新しい3件だけになります(ほかの記事は管理画面に残り、有料プランにすると再び表示されます)。
PART 4
よくあるつまずきと、問い合わせ先です。
| ブログが何も出ない | 自由ページの本文の「HTMLを使用」にチェックが入っているか、タグがそのまま貼られているかを確かめてください。それでも出ないときは、このアプリの「基本設定」→「スクリプトを登録し直す」を押してください |
|---|---|
| 記事を押すと「記事が見つかりませんでした」と出る | 「基本設定」の記事ページのパスが、Bカートで作った記事用の自由ページの URL と同じか確かめてください。記事が下書きに戻っていたり、記事IDを変えていたりする場合も開けません |
| 古い記事がお店に出ない | フリープランでは、お店に出るのは公開中の記事のうち新しい3件だけです。ほかの記事は消えずに管理画面に残っています |
| タグを直したのに変わらない | お店のページを読み込み直してください。保存すると、すぐ新しい見た目で出ます |
| 担当者がログインできない | オーナー・管理者が「担当者」画面で、パスワードの再設定リンクを作って送ってください |
使い方でわからないことは、管理画面の右下の「質問する」から AI に聞けます(どのプランでも使えます)。ビジネスプランでは、そこから担当者に相談することもできます(返事はメールでお送りします)。
不具合のご報告や、そのほかのお問い合わせは、合同会社デジタル屋さんのお問い合わせフォームからご連絡ください。「ブログ for Bカートについて」と書いていただけるとスムーズです。