Elementorでウェブページを作成する際は、ウェブページの構造をしっかりと把握することが非常に重要です。これは、すべてのページに共通する構造です。場合によっては、特定の要件に応じて2～4種類のテンプレートページが必要になることもあります。それぞれのテンプレートページについて、時間をかけて丁寧に構造を設計する必要があります。時間をかけてしっかりとした構造を構築しましょう。なぜなら、最初から土台をしっかり作っておけば、後々のトラブルを防ぐことができるからです。そうすることで、最終的に多くの問題に悩まされることもなくなります。

つまり、ページ構造を正しく設計するということは、ページの構造を具体的に考えるということです。ページタイトルは必要でしょうか（通常は必要です）？サブテキストやサブカテゴリはどうでしょうか？ダウンロードセクションは必要でしょうか？メインコンテンツの見出しはどのような形式になるでしょうか？コンテンツテキストはどうでしょうか？

これらの要素をそれぞれ検討する際には、次の3つの点を明確にする必要があります。

1. テキストの色は何色になりますか？
2. テキストのフォント設定（サイズ、太さなど）はどうなりますか？
3. そして、デスクトップ、タブレット、携帯電話それぞれについて、これらの設定を調整する必要があります（そうしないと、デスクトップの設定が携帯電話で正しく表示されません）。忘れてはいけないのは、今やほとんどの人が携帯電話やタブレットでウェブを閲覧しているということです！ですから、これは必ず行う必要があります。確かに大変な作業ですが、一度だけ行えば良いのです。

Elementorでは、グローバルフォントとグローバルカラーという機能を使って、これを簡単に行うことができます。基本的に、すべてのページのタイトルにグローバルカラーを設定できます。次に、すべてのページのタイトルにグローバルフォントを設定できます。これには2つの利点があります…

1. ページのタイトルなど、個々のフォントや色の設定をいちいち面倒な作業で行う必要はありません。グローバルなフォントと色設定が自動的に行ってくれます。
2. 将来、例えばすべてのページのタイトルの色を変更したい場合、サイトのすべてのウェブページを一つずつ変更するのではなく、「グローバルカラー」セクションの設定を変更するだけで済みます。今あなたが読んでいるこのサイトのように、300ページ以上あるサイトを想像してみてください。たった一つのセクションからすべてのページを変更できるとしたら、どれだけの時間を節約できるか想像してみてください！

このウェブサイトの設定は以下のとおりです。グローバルフォントとグローバルカラーについて詳しく知りたい場合は、YouTubeで「Elementor Global Fonts Colours」と検索してみてください。このページは将来の自分のための参考資料として作成したものです。皆さんもご自身のウェブサイトで同様の設定を行うと良いかもしれません。

DT = デスクトップ
TAB = タブレット
PH = 電話

例：DTはデスクトップを意味します。37、400、LS -2.5、下線 =フォントサイズ37、太さ400 、LS行間隔、下線は装飾です。LH = 行の高さ。WS = 単語間隔。