これから Nishiki Pro または Nishiki
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

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

製品詳細ページ

製品の詳細ページのレイアウトやコンテンツの表示をカスタマイズできます。

項目機能の概要デフォルト値
コンテンツ幅(デフォルト:1200px)製品詳細ページのコンテンツ幅1200px
サイドバーサイドバーの表示方法サイドバーなし(非表示)
サイドバーの幅 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

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したプロフェッショナル版 WordPress テーマです。

ブロックエディター機能を強化し、これまでの WordPress では難しかったコンテンツが簡単に作れます。ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイトなど、様々な目的のウェブサイトに対応できるテーマです。

著者

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社 AnimaGate(アニマゲート) という会社をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。サポートの一環として YouTube のライブ配信などオンラインサポートを試験運用しています。ぜひチャンネル登録いただけると大変嬉しいです。→ブログはこちら

他のマニュアルを見る

EC サイト専用 WordPress テーマ Nishiki Pro for WooCommerce

マニュアルTOPへ戻る