Elementorでテキストの色とタイポグラフィの設定を変更する方法

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

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

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

ステップ

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

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

2.グローバルフォントの選択

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

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

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

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

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

文字色の変更

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

ステップ

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

このフィールドは通常、"タイプタブ

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

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

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

ヒント

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

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

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