WooCommerce向けWordPressテーマ「Japacart(ジャパカート)」

カスタマイザー

デザイン

[外観] > [カスタマイズ] > [デザイン]

色やレイアウトなどの基本的なサイトデザインの設定をしていただけます。

カスタマイズパネル設定内容
アクセントカラー、ヘッダー背景色、ヘッダーテキストカラー、商品の星評価カラー🛒、商品のセールバッジカラー🛒、カートの商品数カラー🛒
レイアウトサイドバーの位置(右/左)、サイドバーの位置(商品一覧&商品詳細)(右/左)🛒
デフォルト画像デフォルトサムネイル画像
※商品のデフォルト画像は [WooCommerce] > [設定] > [商品] タブの「プレースホルダー画像」で設定いただけます。

お知らせバー

[外観] > [カスタマイズ] > [お知らせバー]

ヘッダーの上と下に「お知らせ」を表示することができます。

使用例:上のお知らせバーに「ショップの簡単な説明」下に「セールの案内」

カスタマイズパネル設定内容
お知らせバー(ヘッダー上)テキスト、テキストカラー、背景色、テキストの配置(左/中央/右)、フォントサイズ(px)、リンクURL(任意)
お知らせバー(ヘッダー下)テキスト、テキストカラー、背景色、テキストの配置(左/中央/右)、フォントサイズ(px)、リンクURL(任意)

トップページメイン画像/スライド

[外観] > [カスタマイズ] > [トップページメイン画像/スライド]

画像を3枚まで指定することができます。画像が1枚の場合は静止画となります。画像を設定しない場合はエリアごと非表示となります。
スマートフォン(小さい画面)向けの画像を設定することも可能です。
例えばPCサイズ向けに横長の画像を、スマートフォン向けに縦長の画像を設定することで、文字のサイズが小さくなる問題などを避けることができます。

設定項目設定内容
画像またはスライドの幅コンテンツ幅(1200px)/フルサイズ(ウィンドウ幅)
スライドのスピードミリセカンドで指定
画像1~3PCサイズ向け画像アップローダー、スマートフォンサイズ向け画像アップローダー、リンクURL設定(任意)

[外観] > [カスタマイズ] > [フッターコピーライト]

フッターに表示するコピーライトです。
入力が無い場合は「© 現在の年号 サイト名」が自動的に表示されます。

カスタマイズパネル設定内容
フッターコピーライトテキスト入力欄、リンクURL

SNSシェアボタン

[外観] > [カスタマイズ] > [SNSシェアボタン]

投稿、固定ページ、商品詳細にSNSボタンを設置することができます。
商品詳細ページはカートボタンの下に表示されます。
投稿と固定ページの表示位置は本文の上もしくは下で選択可能です。

設定項目設定内容
シェアボタンを表示するページ投稿、固定ページ、商品詳細
SNSボタンの位置投稿の上/投稿の下
SNSボタンFacebook、Twitter、はてなブックマーク、Pinterest、Pocket、LINE、フィード

 ナビゲーションリンク 🛒

[外観] > [カスタマイズ] > [WooCommerce] > [ナビゲーションリンク]

ヘッダーの「マイアカウント」リンクの表示/非表示に設定することができます。

設定項目設定内容
マイアカウントリンクの表示/非表示ヘッダー&モバイルナビゲーションのマイアカウントリンクの表示/非表示

 支払いフォームの入力項目(物販) 🛒

[外観] > [カスタマイズ] > [WooCommerce] > [支払い画面の入力項目(物販)]

配送がともなう商品がカートに入っている場合の購入支払い画面の入力フィールドの設定を行っていただけます。

項目設定内容
支払いフォーム国フィールドの表示/非表示
カートページの送料自動計算機市区町村フィールドの表示/非表示
郵便番号フィールドの表示/非表示

 支払いフォームの入力項目(デジタル商品) 🛒

[外観] > [カスタマイズ] > [WooCommerce] > [支払い画面の入力項目(デジタル商品)]

デジタル商品(バーチャル商品)のみがカートに入っている場合の購入画面の各入力フィールドの表示設定を行っていただけます。

例えばデジタルコンテンツを販売する場合、ユーザーの”住所”や”電話番号”などの不要な入力欄を非表示にすることが可能です。

項目設定内容
支払いフォーム“会社名”フィールドの非表示
“国または地域”フィールドの非表示
“郵便番号”フィールドの非表示
“都道府県”フィールドの非表示
“市区町村”フィールドの非表示
“番地”フィールドの非表示
“アパート名、棟名、部屋番号など”フィールドの非表示
“電話番号”フィールドの非表示
“注文メモ”フィールドの非表示

 関連商品、アップセル&クロスセルの表示設定 🛒

[外観] > [カスタマイズ] > [WooCommerce] > [関連商品、アップセル&クロスセル]

関連商品、アップセル&クロスセルの表示を設定することができます。
例えば、販売する商品数が少ないショップでは関連商品を非表示にすることが可能です。
アップセルとクロスセルはWooCommerceの商品登録ページで設定をすることができます。

※アップセル&クロスセルとはAmazonの、”この商品を購入した人はこの商品も購入しています”…のようなものです。

項目設定内容
関連商品表示/非表示の切り替え、カラム数、表示数(上限)
アップセルカラム数
クロスセルカラム数

 WooCommerceのテキスト変更 🛒

[外観] > [カスタマイズ] > [WooCommerce] > [テキスト変更]

WooCommerceの翻訳に対応しているテキストを任意の文言に変更することができます。

20箇所まで変更可能ですが、サイトのパフォーマンスを考慮して、できるだけ必要最低限におさめることをおすすめします。

項目設定内容
テキスト変更変更前と変更後テキストフィールドのセットが合計20個

 クレジットカードアイコン 🛒

[外観] > [カスタマイズ] > [WooCommerce] > [クレジットカードアイコン]

日本語環境ではStripe決済で「JCB」、「Diners」、「Discover」カードのアイコンがデフォルトでは表示されません。これらのアイコンを表示設定することができます。

項目設定内容
JCB / Diners / Discoverカードカードアイコンの表示/非表示
JCBカードアイコンについて 2021年2月26日

JCBカードの審査が降りた際に自動で表示されるようになり、Japacartカスタマイザーで表示をオンにしているとアイコンが2つになってしまうとのご報告を受けております。
ただし、当方の環境ではこの事象を確認することができませんでした。
現在調査中ですが、もし2つで表示された場合はカスタマイザーで表示をオフにしていただくことで1つだけの表示になります

ウィジェット

ウィジェットエリア一覧

下記のウィジェットエリアをご用意しています。

  • サイドバー(全ページ共通・上)
  • サイドバー(全ページ共通・下)
  • サイドバー(投稿&投稿一覧)
  • サイドバー(固定ページ)
  • サイドバー(トップページ)
  • PCヘッダー
  • Mobileナビゲーション(ハンバーガーメニュー)(上)
  • Mobileナビゲーション(ハンバーガーメニュー)(下)
  • フッター1(PCとTabletサイズではカラム)
  • フッター2(PCとTabletサイズではカラム)
  • フッター3(PCとTabletサイズではカラム)
  • サイドバー(ショップ共通・上)🛒
  • サイドバー(ショップ商品詳細ページ)🛒
  • サイドバー(ショップ商品一覧)🛒

カスタムメニューの位置

カスタムメニューを挿入できる位置として下記をご用意しております。

  • ヘッダーグローバルメニュー
  • フッターメニュー

カスタムフィールド

 商品バッジ 🛒

商品画像の左上に任意のテキスト&カラーのバッジを追加することができます。

フィールド名設定項目
商品バッジバッジテキスト、バッジカラー

Japacart Blocks プラグイン

JapacartテーマのオリジナルのGutenbergブロックプラグインをご用意しており、最新の投稿や任意のwoocommerce商品を表示することができます。

プラグインはJapacartテーマをご購入後、無料でダウンロードいただけます。

Japacart Blocks

投稿や固定ページを自由に選択して、表示することができます。

自動抽出の最新の投稿一覧ブロックに加えて、検索窓から投稿や記事を検索して選択することができるブロックもご用意しています。
1つだけ記事を選択してブログカードのように利用することも可能です。

ブロック名機能/設定項目
最新の投稿カテゴリー、表示数(上限)、投稿日の表示/非表示、カテゴリーの表示/非表示、アイキャッチ画像の表示/非表示

 Japacart × WooCommerce Shortcodes 🛒

WooCommerceのショートコードの仕組みを採用したブロックです。

WooCommerceにも便利な商品表示用のブロックがはじめから備わっています。使用用途や好みに応じてどちらかを選択、または併用してご利用いただけます。

ブロック名機能/設定項目
最新の商品カテゴリー検索窓&絞り込み、カラム数の変更、表示数(上限)の設定、スライドショーのオン/オフ
商品手動選択商品検索窓、カラム数の変更、スライドショーのオン/オフ、並び順(日付/注文数/評価/タイトル/ランダム)
セール商品カテゴリー検索窓&絞り込み、カラム数の変更、表示数(上限)の設定、スライドショーのオン/オフ、並び順(日付/注文数/評価/タイトル/ランダム)
売れ筋商品カテゴリー検索窓&絞り込み、カラム数の変更、表示数(上限)の設定、スライドショーのオン/オフ
おすすめ商品カテゴリー検索窓&絞り込み、カラム数の変更、表示数(上限)の設定、スライドショーのオン/オフ
カテゴリー別商品カテゴリー検索窓&絞り込み、カラム数の変更、表示数(上限)の設定、スライドショーのオン/オフ
タグ別商品タグ検索窓&絞り込み、カラム数の変更、表示数(上限)の設定、スライドショーのオン/オフ
すべてのカテゴリー子カテゴリーの表示/非表示、カラム数の変更、スライドショーのオン/オフ
カテゴリー手動選択カテゴリー検索窓、カラム数の変更、スライドショーのオン/オフ、並び順(選択順/カテゴリー名)

参考:「Japacart × WooCommerce Shortcodes」と「WooCommerce(プラグインに付属)」ブロックの違い

WooCommerceプラグインのも専用のブロックが付属しています。Japacartオリジナルブロックとの違いは下記の通りです。

Japacart × WooCommerce ShortcodesWooCommerce
編集画面のリアルタイムプレビュー機能×
プレビューボタンを押すことで公開前の表示確認が可能
Japacartテーマのデザインの反映
カスタマイザーのアクセントカラーに対応
商品バッジの反映×
商品名の変更や削除した場合の管理画面での反映
※フロント画面ではどちらも自動で反映されます
×
スライドショー×

WooCoomerceの商品詳細ページはGutenbergブロックエディタに対応しておりません。(2020年12月現在)

 その他、WooCommerce調整事項

送料無料調整

WooCommerceの送料設定で「~円以上購入で送料無料」と「地域別送料」の両方を設定した場合、ご購入総額が送料無料対象になった場合でも、WooCommerceデフォルトでは「送料(地域別)」と「送料無料」のどちらかを購入者様自身が選択する仕様となっています。(なぞの仕様…)

Japacartではこの場合、「送料無料」のみが表示されるように調整済みです。

ただし、WooCommerceの仕様上、送料無料の場合でもご購入者が住所を入力するまで「送料無料」の表示はされません。(カート画面の自動計算機も同様です)


SEO機能に関して

SEO機能に関しては別途プラグインをご用意しております。
プラグインはJapacartテーマをご購入後、無料でダウンロードいただけます。
もし別のSEOプラグインを使用される場合はこちらのインスールは不要です。

【開発者向け】アクションフック一覧

下記のアクションフックをご用意しております。

japacart_before_headerヘッダの前
japacart_after_headerヘッダの後
japacart_before_footerフッタの前
japacart_after_footerフッタの後
japacart_after_copyrightコピーライトの後
japacart_before_inside_entry_content_page固定ページコンテンツの上部
japacart_after_inside_entry_content_page固定ページコンテンツの下部
japacart_before_inside_entry_content_single投稿コンテンツの上部
japacart_after_inside_entry_content_single投稿コンテンツの下部
japacart_before_commentsコメントの前
ネットショップ向けWooCommcerce対応WordPressテーマ Japacart(ジャパカート)