CS-CartとMulti-Vendorでは、インストール時に有効化されている公式の「ブログ」アドオンを使用することで、ECサイトにブログを組み込むことができます。

ブログの設定

ブログの設定は、以下の手順で行います。

管理画面の上部にあるメニュー「アドオン > アドオンの管理]」をクリック。

アドオン:ブログ
アドオン:ブログ

ブログのアドオンが有効化されていることを確認してください。

最新のブログ投稿をECサイトで表示

最新のブログ投稿をECサイトで表示するには、以下の手順で行います。

管理画面の上部メニューから「デザイン > レイアウト」をクリック。

レイアウトの編集:Main
レイアウトの編集:Main

今回はトップページに追加をするため、上部の「ホームページ」をクリック。

レイアウトの編集:ホームページ
レイアウトの編集:ホームページ

追加をしたいコンテナで「+」アイコンをクリック。

表示されるプルダウンメニューで「グリッドの追加」を選択。

グリッドの追加
グリッドの追加

モーダルウィンドウで「グリッドを追加しています」が開きますので、以下の設定を行います。

グリッドを追加しています:一般

  • 横幅:1~16から選択
  • コンテンツのアライメント
    • 全幅表示
  • ラッパー
    • 標準フッター
    • メインボックス(標準)
    • メインボックス(見出しにH2タグ)
    • オンクリックドロップダウン
    • サイドボックス(標準)
    • サイドボックス(見出しにH3タグ)
  • オフセット:0~15
  • ユーザー定義CSSクラス
  • 表示:スマホ、タブレット、PCから表示対象を選択
グリッドの追加しています
グリッドの追加しています

右下の「登録」ボタンをクリックして、グリッドを追加。

ブロックの追加
ブロックの追加

ブロックを追加したいグリッドで、「+」アイコンをクリックすると表示されるプルダウンメニューで「ブロックの追加」を選択。

グリッドにブロックを追加しています
グリッドにブロックを追加しています

モーダルウィンドウが開きますので「ブロックの追加」タブに切り替え、「最近の記事」ボタンをクリック。

最近の記事
最近の記事

モーダルウィンドウで「ブロックの追加:最近の記事」が開きますので、以下の項目を設定します。

ブロックの追加:最近の記事:一般

ブロックの追加:最近の記事:一般
ブロックの追加:最近の記事:一般
  • 名前
  • テンプレート
    • ブログ:最近の記事
    • ブログ:最近の記事スクローラー
      • 基本設定をクリックすると以下の項目が表示されます。
        • 上限:表示数
        • 自動スクロールしない:チェックボックス
        • スピード:表示スピード
        • 表示間隔
        • 商品数
        • スクローラーの右上にナビゲーションを表示
    • ブログ:テキストリンク

ブロックの追加:最近の記事:コンテンツ

ブロックの追加:最近の記事:コンテンツ
ブロックの追加:最近の記事:コンテンツ
  • 表示内容:一般で設定したテンプレートが表示されます

表示内容以外は、選択した表示内容により設定項目が変わります。

ブログ:最近の記事

  • 期間
    • すべて
    • 本日
    • 過去〇日間
  • 過去〇日間:表示する期間
  • 上限:表示件数上限

ブログ:最近の記事

  • 親ページ:表示するブログ記事の階層
  • 期間:
    • すべて
    • 本日
    • 過去〇日間

ブログ:テキストリング

  • 親ページ:表示するブログ記事の階層
  • 上限:表示件数上限

全ての設定が完了したら、右下の「登録」ボタンをクリックすると、ブロックがECサイトに追加されます。

ECサイトでの表示
ECサイトでの表示

ECサイトでの表示は上記のようになります。

ブログの新規投稿

ブログの新規投稿をするには、以下の手順で行います。

管理画面の上部メニューから「ウェブサイト > ブログ」をクリック。

ブログ
ブログ

右上にある「+」 ボタンをクリック。

ブログ記事の新規投稿
ブログ記事の新規投稿

指定されたフォームのフィールドに入力します。

ブログ記事の新規投稿:一般

インフォメーション

  • 親ページ:投稿のカテゴリー。例えば、ブログでまとめる場合には、ブログを親ページに選択し、新着情報でまとめる場合には、新着情報を親ページに選択します。この投稿をブログのメイン ページとして表示する場合は、「ルートレベルページ」を選択します。
  • 名前:投稿のタイトル。
  • ストアフロント:投稿が対象となるECサイト(複数のECサイトがある場合のみ表示されます)。
  • 本文:投稿のテキスト本文。プレーンテキストかHTMLを使用できます。HTMLに慣れていない場合は、組み込みのWYSIWYG エディターを使用してコンテンツを作成できます。
  • ステータス:投稿のステータス。
    • 有効
    • 非表示
    • 無効

SEO/Metaタグ用データ

  • ページ タイトル:Webブラウザのタイトル バーに表示される投稿のタイトル。
  • METAタグの説明文:投稿のdescriptionを設定するメタタグ。
  • METAタグのキーワード:投稿のkeywordsを設定するメタタグ。

表示設定

  • ユーザー グループ:投稿にアクセスできるユーザー グループ。ここで「すべて」以外を選ぶことで、特定のユーザーグループのみにコンテンツを表示することができます。
  • 作成年月日:投稿が作成された年月日。
  • 適用期間を設定:チェックボックスを有効にした場合、投稿は設定した期間のみ表示されます。
  • 開始日:投稿が表示される日付。
  • 終了日: 投稿の表示が終了する日付。

ブログ記事の新規投稿:アドオン

「アドオン」タブでは、アドオンでの設定が行えます。

ブログ記事の新規投稿:アドオン
ブログ記事の新規投稿:アドオン

Facebook

  • Facebook オブジェクトタイプ:Facebookのオブジェクトタイプを選択します。
    • アクティビティ
      • activity
      • sport
    • ビジネス
      • bar
      • company
      • cafe
      • hotel
      • restaurant
    • グループ
      • cause
      • sports_league
      • sports_team
    • 組織
      • band
      • government
      • non_profit
      • school
      • university
    • 人物
      • actor
      • athlete
      • author
      • director
      • musician
      • politician
      • public_figure
    • 場所
      • city
      • country
      • landmark
      • state_province
    • 商品とエンターテインメント
      • album
      • book
      • drink
      • food
      • game
      • product
      • song
      • movie
      • tv show
    • Webサイト
      • blog
      • website
      • article

ブログ

  • 画像:投稿のプレビューおよび投稿の冒頭に表示される画像を設定できます。

ご注意:このセクションを表示するには、各ECサイトの管理者アカウントでログインする必要があります

SEO

  • SEO用名称:公開された投稿のURL。

ご注意:このセクションを表示するには、各ECサイトの管理者アカウントでログインする必要があります

コメントとレビュー

  • コメント:セレクトボックスを選択して、投稿へのコメントと評価を有効または無効にします。
    • メッセージと評価
    • メッセージ
    • 評価
    • 無効

メッセージと評価、メッセージ、評価を設定すると投稿にたいして、ユーザーからコメントとレビューが行えるようになります。

コメントとレビュー:レビューを書く
コメントとレビュー:レビューを書く

コメントとレビューで入力できるのは、以下の項目になります。

  • あなたのお名前:コメントとレビューを残したユーザーの名前。
  • あなたの評価:投稿に対するユーザーの評価。
  • メッセージ:コメントとレビューのテキスト。

ブログ記事の新規投稿:タグ

「タグ」タブでは、タグの設定が行えます。

ブログ記事の新規投稿:タグ
ブログ記事の新規投稿:タグ

ここでは投稿に関連付けられているタグのリストが含まれており、タグはレイアウトで設定できるタグクラウドに表示されます。

  • タグ:投稿に追加されるタグ。既存のタグから選択するか、新しいタグを作成できます。

右上の「登録」ボタンをクリックすると、投稿が「ウェブサイト > ブログ」追加されます。

ブログ
ブログ

ブログの編集

管理画面の上部メニューから「ウェブサイト > ブログ」をクリック。

ブログ
ブログ

編集を行いたい投稿の名前をクリック。

ブログ:編集
ブログ:編集

投稿の編集ページには、「レイアウト」タブが追加されており、「コメント」タブは、コメントとレビューが無効になっていない場合に表示されます。

レイアウト

該当の投稿のレイアウトのみを変更する場合には、「レイアウト」タブをクリックして変更を行います。

このタブを使用すると、ECサイト全体では有効になっているブロックを無効にしたり、逆にECサイトで無効になっているブロックを有効にしたりできますので、個別のレイアウトを作成できます。

変更内容を入力したら、右上の「保存」ボタンをクリックして、変更を完了します。

ブログ全体のデザインをカスタマイズするには、管理画面の上部メニューから「デザイン > レイアウト」をクリックし、「ブログ」タブを選択して変更します。

シェアする

該当の投稿を共有するECサイトを選択できますが、このタブは複数のECサイトがある場合にのみ表示されます。