Elementor Proチュートリアル：タイトルとテキストウィジェット編集のヒントとグローバルスタイルの適用

利用するエレメンタル・プロページを構築する際、コンテンツやスタイルの調整効率は全体のビジュアルパフォーマンスに直結します。この記事では、タイトル（見出し）ウィジェットとテキスト（テキストエディタ）ウィジェットの使い方を説明し、統一されたデザインと効率的な編集を実現するためのグローバルカラーとフォントの設定を紹介します。

I. Elementor Proウィジェットの3つのコア設定エリア

Elementor Proでは、ほとんどのウィジェットに3つのメイン設定タブがあります：

内容テキスト記入、リンク挿入、設定 HTML タブ
スタイル色、フォント、影、スペーシングなどを調整します。
アドバンス余白、幅、位置、スクロールアニメーションなどのパラメータを設定します。

この構造は、ほとんどすべてのコア・コンポーネントに備わっており、迅速な導入と統一された管理を容易にしている。

見出しウィジェット（見出し）の編集

1.タイトルの内容を入力する

打点キャプションウィジェットは、左のパネルに移動します。テキストを入力すると、キャンバスにリアルタイムで更新されます。HTML 例えば、トップページのメインタイトルは常に次のようになる。 <h1>.中央揃えなどのアライメントを設定することができます。

2.カラースタイルの設定

スタイル]タブで、カラーピッカーの左側にある[地球]アイコンをクリックし、[スタイル]タブを開きます。グローバルカラーパネル。アイコンに色が付いている場合は、グローバルスタイルが現在使用されていることを示します。アイコンがグレーの場合は、一時的なカスタムカラーであることを示します。

プリセットのカラースタイルを選択すると、カラーマッチングが素早く完了します。また、手動で色を選択したり、色の値を入力したり、新しい色を作成して「+」をクリックしてグローバルカラーとして保存したり、後で再利用しやすいように名前を入力することもできます。

3.サイトカラーの管理

左下の歯車アイコンをクリックしてサイト設定ページに入り、「グローバルカラー」を選択します。メインカラー、セカンダリーカラー、テキストカラーなどを一元管理できます。

第三に、フォントスタイルの統一設定

エレメンタル・プログローバルフォント機能を提供し、ページが一貫したタイポグラフィスタイルを維持できるようにします。

1.グローバルフォントスタイルを適用する

スタイルタブの鉛筆アイコンをクリックし、フォント設定パネルを開きます。Google フォントを選択し、フォントサイズ、フォントの太さ、フォント間隔、行の高さ、その他のプロパティを調整できます。設定後、このフォントスタイルを使用しているすべてのモジュールが同期して更新されます。

2.フォントスタイルの一元管理

サイト設定の「グローバルフォント」で、プライマリ、セカンダリ、テキストなど、複数のフォントの役割を設定できます。また、メニュー、ボタン、プロンプトなど、さまざまなシナリオ用にカスタムロールを追加することもできます。

段落テキストウィジェット（テキストエディタ）

1.段落テキストの追加

テキストエディタウィジェットをドラッグして、コンテンツを入力またはペーストします。Elementor Proが組み込みのAIテキスト補助機能を提供AIで書く」をクリックすると、段落を素早く生成、拡大、短縮することができます。

生成後にキャンバスで直接微調整するのは簡単だ。

2.テキストスタイルの設定

テキスト段落はグローバルカラーとフォントにも対応しています。スタイルタグでグローバルフォントを直接選択し、テキストカラーと一致させることで、視覚的な統一性を確保できます。

3.テキストレイアウトの調整

詳細設定]タブで[幅]を[カスタム]に設定し、スライダーをドラッグして段落内容の行幅をコントロールし、読みやすくします。より論理的なレイアウトにするために、「Align Self」を「Centre」に設定します。

V. 結論

エレメンタル・プロ強力なスタイル管理システムを提供し、グローバルな色とフォント機能で、編集効率を大幅に向上させ、全体的なデザインの一貫性を維持することができます。見出しと段落は、ページを構築するための基本的なモジュールであり、その設定をよく理解することは、後続のページを構築する上で大きな助けとなります。

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