WoodMartテーマ色とフォントスタイル設定ガイド

ウッドマート強力なWooCommerceテーマとして、柔軟なカラーとフォントのコントロールパネルがあり、サイトのトーンを統一しながら高度なカスタマイズが可能です。次の記事では、カラーマッチングとフォントコントロールのプロセスを順を追って説明します。フォント設定あなたのブランドだけのスタイルを実現するためにコードを書く必要はない。

I. テーマ設定パネルに入る

最初のステップは、テーマ設定を開くことです：

WordPressバックエンドにログイン
左メニューの[WoodMart]をクリック
テーマ設定]を選択し、テーマ設定画面に入ります。

色やフォントなど、すべてのアピアランス・コントロールの中核となるエリアです、ヘッダーとフッターそしてボタンスタイルなどの設定を行う。

II.サイト全体のカラースキームの調整

テーマ設定の[カラー]を選択すると、いくつかのカラーコントロールが表示されます。

1.原色設定（プライマリーカラー）

ボタンには原色が使われている、リンクイベント・ラベルやその他の強調された要素。ブランド・ブルー、ブランド・レッドなど、ブランドと一貫性のある色を選ぶことをお勧めします。

カラー > 原色
カラーコードを入力するか、カラーパレットを使用して希望の色を選択します。
変更後、[設定を保存]をクリックする

2.背景色と文字色

別々に設定することもできる：

ページの背景色 (Background)
リンクカラー（リンク）
リンクのホバーカラー（ホバー）

テキストの色はタイポグラフィセットアップ

細部に手を加えることで、サイトをより首尾一貫した読みやすいものにする。

III.フォントと組版スタイルの設定

フォントの選択も同じテーマパネルにある：

タイポグラフィ・モジュールへ
フォントは、以下のようなさまざまな領域に個別に設定することができる：
- テキストフォント（本文）
- タイトルフォント（タイトル）
- カスタムフォント（カスタムエリア）

1.テキストのフォント設定

タイポグラフィ > テキストフォント
Google Fontsが提供するフォントを選択
フォントサイズ、行の高さ、フォントの太さなどを設定する。

Inter、Roboto、Lato、Noto Sansなど、シンプルで明瞭なフォントを推奨する。

2.タイトルのフォント設定

タイポグラフィ > 見出し
異なるレベル（H1-H6）は、フォント、サイズ、太さを個別に設定できます。

見出しには、Playfair DisplayやMontserratなど、よりスタイリッシュなフォントを選んで、ページの視覚的階層を高めることができる。

概要

ウッドマートテーマの設定は十分に柔軟ですが、バックエンドでは設定できない色やフォントをカスタマイズしたい場合はサブテーマカスタムCSSを追加することで、テーマがアップグレードされても変更が失われることはありません。 WoodMartのカラーとフォントの設定は柔軟で直感的なため、デザインの経験がなくても、一目でわかる美しいEコマースサイトを簡単に作成することができます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み