Nishiki Pro テーマ専用 EC サイト構築用プラグイン「Nishki Pro for WooCommerce」では、WordPress の管理画面でコードを書かずにカラーやレイアウトをカスタマイズできます。
以下にカスタマイズ機能一覧をまとめましたので、ご参考ください。
カスタマイズ画面を開くには、WordPress の管理画面から「外観」→「カスタマイズ」→「[Nishiki Pro for WC] Shop 設定」を選択してください。
一般設定
主にカラーの変更ができます。
| 項目 | デフォルト値 |
|---|---|
| カートに入れるボタン テキストカラー | #ffffff |
| カートに入れるボタン テキストカラー（マウスオーバー） | #ffffff |
| カートに入れるボタン カラー | #9064b5 |
| カートに入れるボタン カラー（マウスオーバー） | #724b96 |
| 詳細を見るボタン テキストカラー | #ffffff |
| 詳細を見るボタン カラー | #eca912 |
| ON SALE テキストカラー | #ffffff |
|
ON SALE 背景カラー | #e80000 |
| 通常価格 テキストカラー | #444444 |
|
特別価格 テキストカラー | #ff4d8c |
|
評価スター カラー | #96588a |
ヘッダー
ヘッダー部分に表示するカードアイコンに関するカスタマイズができます。
| 項目 | 機能の概要 | デフォルト値 |
|---|---|---|
| カートアイコンを表示する | ヘッダーにカートアイコンを表示 | 表示 |
| カートにバッジを表示する | カートの中に入っている商品数を表示 | 表示 |
| バッジ テキストカラー | #ffffff | |
| バッジ 背景カラー | #f32467 |
製品詳細ページ
製品の詳細ページのレイアウトやコンテンツの表示をカスタマイズできます。
| 項目 | 機能の概要 | デフォルト値 |
|---|---|---|
| サイドバー | サイドバーの表示方法 | サイドバーなし（非表示） |
| サイドバーの幅 | 300px | |
| サイドバーのマージン | 20px | |
| アイキャッチを表示 | アイキャッチ画像を表示するかどうか | 非表示 |
| 関連製品を表示する | 関連製品を表示するかどうか | 非表示 |
| 関連製品のテキストラベル | 関連製品の上に表示するテキスト | 関連製品 |
| 関連製品の表示数 | 関連製品の表示数 | 3 |
製品カタログ
製品一覧ページのレイアウトをカスタマイズできます。
| 項目 | 機能の概要 | デフォルト値 |
|---|---|---|
| コンテンツ幅(デフォルト:1200px) | 製品一覧ページのコンテンツ幅 | 1200px |
| サイドバーの幅 | サイドバーの表示方法 | サイドバーなし（非表示） |
| サイドバーのマージン | 20px |
他にも Nishiki Pro テーマ、WooCommerce プラグインそれぞれにカスタマイズ機能があるよ
このページで紹介した Nishiki Pro for WooCommerce プラグインは、Nishiki Pro テーマと WooCommerce プラグインを組み合わせて使用します。
Nishiki Pro テーマ、WooCommerce プラグインそれぞれで「コードを書かずにカスタマイズできる機能」があります。詳しくは以下のページをそれぞれご確認ください。
Nishiki Pro 製品ページ
WooCommerce 機能一覧
カスタマイザー機能の一覧が 公式ドキュメント にあります。
WordPress テーマ Nishiki Pro
「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したワードプレステーマです。
ブロックエディター機能を強化し、これまでのワードプレスでは難しかったコンテンツが簡単に作れます。
ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイト、オンラインショップなど、様々な目的のウェブサイトに対応できるテーマです。
最新情報をチェック！
Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀
- リリース情報
- 新機能の紹介
- 便利な使い方
- 開発中の機能紹介
- 導入事例
- あるある日常ネタ
など
