使用中エレメンタウェブサイトを構築するとき、タイポグラフィと色はページの視覚的な外観を決定する重要な要素の1つです。 Elementorは、ユーザーがフォントやテキストの色のタイポグラフィを簡単にカスタマイズできる柔軟で強力なツールを提供します。Elementorでこれらのデザイン要素を変更し、ウェブサイトの美観を最適化する方法を見てみましょう。

フォントレイアウトの変更

Elementorのほとんどのウィジェットは、ウィジェットのスタイルタブにある豊富なタイポグラフィ設定オプションを提供します。これらのオプションにより、ユーザーはフォントサイズ、色、ファミリー、スタイルを変更できます。

ステップ

1. スタイルタブを開く
編集ページのパネルでタイポグラフィフィールド

組版フィールドは通常タイプタブ

2.グローバルフォントを選択する

プリセットのグローバルフォントの1つを選択するには地球のアイコン.

3.フォントサイズの設定
すべてのフォントからフォントを選択するには鉛筆アイコン.

"タイポグラフィ「メニューが開きます。

4.その他のフォントプロパティをカスタマイズする
使う"範囲"のドロップダウンメニューから、使用するフォントの種類を選択します。
フォントファミリーの名前がわかっている場合は、ドロップダウンメニューの上部にあるテキストボックスに入力することができます。

5.使用するマグニチュード"スライダーはフォントサイズを設定します。

文字色の変更

タイポグラフィに加えて、色はウェブサイトデザインにおいて重要な要素であり、Elementorではウェブサイトの配色やブランドスタイルに合わせてテキストの色を簡単に変更することができます。

ステップ

1.検索 "テキストの色「フィールド
パネルで"テキストの色「フィールド"テキストの色"

このフィールドは通常、"タイプ"タブをクリックする。

2.グローバルカラーの選択
プリセットのグローバルカラーを選択するには、地球のアイコンをクリックし、グローバルカラーの1つを選択します。

特定のテキストにカスタムカラーを選択したい場合は色見本カラー・ピッカーを開きます。カラーパレットを使用するか、色のHEX、RGB、またはHSL値を入力して、色をカスタマイズします。

色を決めたら、"アプライアンス「設定を保存すると、文字色がすぐに更新されます。

ヒント

グローバルカラーを使用することで、一貫したサイトスタイルが保証され、手作業による調整の必要性が減ります。

Elementorは幅広いカラーオプションを提供しており、ブランドのカラースキームやウェブサイトのテーマに基づいて適切な色を選択することをお勧めします。

Elementorはフォントのタイポグラフィと色の調整だけにとどまらず、背景色、ボーダー、スペーシングなど、その他のビジュアルデザインオプションも提供します。これらの設定により、ページのデザイン詳細をさらに充実させ、ユニークで魅力的な視覚効果を生み出すことができます。