Welcart VOLL 1.0
ドキュメント
リンク

テーマカスタマイザー

Welcart VOLL は、Welcart Basic 同様「テーマカスタマイザ―機能」を利用することができます。ここでは、Welcart VOLL で追加されたオプション機能のみを解説しています。親テーマ Welcart Basic のオプション機能の解説は Welcart Basic ドキュメントをご覧ください。


テーマカスタマイザーは、管理画面 > 外観 > カスタマイズを選択してください。

拡張された機能

サイト基本情報

theme-customizer-main

ロゴ画像

カスタマイザーで操作できるページ 全ページ

サイトタイトルをロゴ画像に変更することができます。
ロゴ画像が登録されていない場合は、サイトタイトルが表示されます。

管理画面フロント
logo-add logo-front

ヘッダーに表示するSNSマーク

カスタマイザーで操作できるページ 全ページ

各SNSの設定を行なうことで、ヘッダーエリアにアイコンマークを表示させる事ができます。
こちらは指定したリンク先ページを表示させる機能になります。

Facebookの表示

表示する場合はチェックを入れFacebookページ名を入力してください。
【例】https://www.facebook.com/page-name/

管理画面フロント
Facebook-add Facebook-front
Twitterの表示

表示する場合はチェックを入れユーザー名を入力してください。
【例】https://twitter.com/user-name/

管理画面フロント
Twitter-add Twitter-front
Instagramの表示

表示する場合はチェックを入れユーザー名を入力してください。
【例】https://www.instagram.com/user-name/

管理画面フロント
Instagram-add Instagram-front

背景画像

背景画像

背景画像

メインコンテンツエリアに背景画像を指定することができます。

フロント
custom-bg-before custom-bg-after

サイトカラーやテキスト、テキストリンク、ボタンなどの色を設定することが出来ます。

custom-color-add

メインエリア

背景色

メインコンテンツエリアの背景色を設定することができます。

フロント
custom-color-before custom-color-after

ヘッダー

背景色

ヘッダーエリアの背景色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
テキスト色

ヘッダーエリアのテキスト色を設定することができます。

フロント
header-bgcolor-after header-bgcolor-after
メニュー

ヘッダーエリアのメニューの色を設定することができます。

背景色
フロント
header-bgcolor-after header-bgcolor-after
テキスト色
フロント
header-bgcolor-after header-bgcolor-after
カレント色
フロント
header-bgcolor-after header-bgcolor-after

フッター

背景色

フッターエリアの背景色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
テキスト色

フッターエリアのテキスト色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after

コンテンツ

メイン色

コンテンツエリアのメイン色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
テキスト色

コンテンツエリアのテキスト色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
リンク色

コンテンツエリアのリンク色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
テーブル見出し

コンテンツエリアのテーブルの見出し(TH)の背景色・テキスト色を設定することができます。

背景色
フロント
header-bgcolor-before header-bgcolor-after
テキスト色
フロント
header-bgcolor-before header-bgcolor-after
ボーダー色

コンテンツエリアのボーダー色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after

その他

カートボタン

カートボタンの色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
メインボタン

メインボタンの色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
サブボタン

サブボタンの色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
お問い合わせボタン

お問い合わせの色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
商品タグ

商品タグの色を設定することができます。

「新着商品」タグ色
フロント
header-bgcolor-before header-bgcolor-after
「お勧め商品」タグ色
フロント
header-bgcolor-before header-bgcolor-after
「在庫僅少」タグ色
フロント
header-bgcolor-before header-bgcolor-after
「セール」タグ色
フロント
header-bgcolor-before header-bgcolor-after
価格

価格の色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
キャンペーン色

キャンページ時のタグの色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after
発送業務休日

発送業務休日の色を設定することができます。

フロント
header-bgcolor-before header-bgcolor-after

モバイル(スマホ・タブレット)

ヘッダー

ヘッダーの色を設定することができます。

ボーダー色
フロント
header-bgcolor-before header-bgcolor-after
サイドバー

サイドバーの色を設定することができます。

背景色
フロント
header-bgcolor-before header-bgcolor-after
テキスト色
フロント
header-bgcolor-before header-bgcolor-after
リンク色
フロント
header-bgcolor-before header-bgcolor-after
ボーダー色
フロント
header-bgcolor-before header-bgcolor-after

テーマオプション

テーマオプションは、ページごとに設定できるオプションが異なります。カテゴリーページや商品詳細ページなど、設定したいカスタマイザーで操作できるページを見ながらオプションを設定してください。

theme option

サイドバー

サイドバーの位置

カスタマイザーで操作できるページ カート / メンバー 以外のページ
左サイドバー右サイドバー
soldout-add soldout-front

商品ブロックに追加表示

タイトルを表示する
グリッド内に商品タグを表示することができます。このタグは、商品一覧のグリッド内と、商品詳細ページにも同じように表示されます。

カスタマイザーで操作できるページ トップ / カテゴリー / 検索結果 ページ
管理画面フロント
soldout-add soldout-front

商品タグを表示する
グリッド内に商品タグを表示することができます。このタグは、商品一覧のグリッド内と、商品詳細ページにも同じように表示されます。

※表示項目は New Hot Low sale の4種類になります。

new / 商品カテゴリー「新着商品(itemnew)」が適用されている商品に表示されます。

hot / 商品カテゴリー「お勧め商品(itemreco)」が適用されている商品に表示されます。

Low / 在庫状態が「在庫僅少」になっている場合に表示されます。
    SKUが複数ある場合は、一つでも在庫僅少のものが有ればこのタグが表示されます。

sale / セール(キャンペーン)期間中の対象商品に表示されます。

※セール(キャンペーン)対象商品の設定については、こちらをご覧ください。
※キャンペーン・スケジュールの設定は、こちらをご覧ください。

管理画面フロント
product-tag-add option-tag-front

インフォメーション記事

カスタマイザーで操作できるページ トップページ

option-tag-front

インフォメーションの表示
トップページにインフォメーション記事を表示することができます。

管理画面
display-info-before

インフォメーションカテゴリー
表示するカテゴリーを選択してください。
※対象カテゴリーは、商品カテゴリー以外のカテゴリーになります。
管理画面 > 新規カテゴリー追加画面から商品カテゴリー以外の場所にカテゴリーを追加してください。
カテゴリーに記事が登録されていない場合、セレクトボックスの選択項目には表示されません。
あらかじめ記事にカテゴリーを適用させておいてください。

管理画面
information-category-add

表示件数
表示する件数を選択してください。

管理画面
information-category-before

カート投入ボタン

カスタマイザーで操作できるページ 商品詳細ページ

カート投入ボタンのラベルを変更することができます。初期状態は「カートに入れる」になっています。

管理画面フロント
cart-btn-text-add cart-btn-text-front

お問い合わせボタン

カスタマイザーで操作できるページ 商品詳細ページ

お問い合わせボタン表示する
カート投入ボタンは通常、売り切れになるとボタンが消え「只今お取り扱いできません」というメッセージが表示されます。このオプションを適用すると、メッセージでは無くお問い合わせボタンを表示することができます。
問い合わせボタンを表示する場合は、セレクトボックスからリンク先の固定ページを選択してください。

管理画面フロント
contact-btn-add contact-btn-front

Contact Form 7 との連携

お問い合わせボタンのリンク先を、Contact Form 7 で作成したお問い合わせページに設定することで、お問い合わせボタンから問い合わせいただいたメールに限り「商品名」が自動的にメール本文に追加される仕様になっております。

contactform-mail

Contact Form 7 とは

Contact Form 7 プラグインとは、サイトを観覧されているユーザーがお問い合わせを行なう場合に使用するメールフォームを簡単に作成できるプラグインです。使い方はこちらを参照ください。

商品レビューの表示

カスタマイザーで操作できるページ 商品詳細ページ

商品レビューを表示する
商品レビュー機能を有効にすると、レビューの受付・表示ができる様になります。

管理画面フロント
reveiw-add review-front

商品レビュー機能について

商品レビュー機能は、会員にログインしている場合にのみレビューを書きこむことができる様になります。会員システムを利用していないサイトでは、レビュー機能はご利用いただけません。
以下の手順に沿って設定ください。

1ディスカッション設定

レビュー機能は、WordPress コメント機能を利用しています。レビュー機能を使用する場合は、管理画面「設定」のディスカッション画面より、コメントに関する設定を行なう必要があります。

管理画面 > 設定 > ディスカッション設定
以下を参考に設定ください。

review-front

他のコメント設定
項目 説明
コメントの投稿者の名前とメールアドレスの入力を必須にする レビュー機能では、名前とメールアドレスを入力する箇所はございませんので、チェックを外してください。チェックした状態でレビューを送信するとエラーが発生します。
ユーザー登録してログインしたユーザーのみコメントをつけられるようにする こちらのユーザーに関しては、Welcart会員の事ではございませんので、チェックを外してください。

2商品情報編集画面 / 新規商品追加画面

item-page

商品情報編集画面または新規商品追加画面から、ディスカッションボックス「コメントの投稿を許可する。」にチェックを入れてください。
※ディスカッションボックスが表示されていない場合は、画面右上の「表示オプション」から「ディスカッション」にチェックを入れてください。

3テーマカスタマイザ―

最後に、テーマカスタマイザ―から商品詳細ページを表示して「テーマオプション」メニューの「商品レビューを表示する」にチェックを入れてください。

レビュー機能の表示画面について

テーマカスタマイザーのプレビュー画面では、レビュー機能を正常に確認することができません。実際のレビュー機能の表示画面を確認する場合は、WordPressの管理画面をログアウトして、フロントの方でご確認ください。

管理者のニックネームを変更したい場合

レビュー欄のユーザー名をニックネームに変更する場合は、管理画面 > ユーザーから編集画面に入っていただき、「ブログ上の表示名」をニックネームに変更してください。

「買い物を続ける」ボタンのリンク先

カスタマイザーで操作できるページ カートページ

カートページに表示される「買い物を続ける」ボタンは、通常商品詳細ページへのリンクとなっています。このリンク先を自由にに変更することができます。

「リンク先を変更する」にチェックを入れ、「リンク先のURL」に遷移先のURLを http:// から入力してください。URLが空白だった場合トップページへ遷移します。

管理画面
cart-page-link-add