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

I. テーマ設(shè)定パネルに入る

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

1. WordPressバックエンドにログイン
2. 左メニューの[WoodMart]をクリック
3. テーマ設(shè)定]を選択し、テーマ設(shè)定畫面に入ります。

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

II.サイト全體のカラースキームの調(diào)整

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

1.原色設(shè)定（プライマリーカラー）

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

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

2.背景色と文字色

別々に設(shè)定することもできる：

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

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

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

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

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

1. タイポグラフィ?モジュールへ
2. フォントは、以下のようなさまざまな領(lǐng)域に個別に設(shè)定することができる：
   • テキストフォント（本文）
   • タイトルフォント（タイトル）
   • カスタムフォント（カスタムエリア）

1.テキストのフォント設(shè)定

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

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

2.タイトルのフォント設(shè)定

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

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

概要

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

最近の更新

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