ゼロからウェブサイトを構築する場合は、以下のElementorビルダーの設定を適用することをお勧めします(図1)。
このような設定は、ウィジェットデザイン用のElementorのネイティブスタイルシートを無効にし、The7スタイルのみを適用します。また、”Use The7 presets “オプションを選択すると、ElementorのCSSファイルを保持しつつ、色やフォントをThe7テーマオプションのもので書き換えることができます。
また、デスクトップとモバイルのElementorの切り替えポイント(図2)を、The7 Theme Options -> Topbar & Header -> Mobile headerなどで適切な値にすることもできます。しかし、これは必須ではありません – デフォルト値のままでも構いませんし、ウェブサイトのデザインのニーズに合わせて他の値を適用しても構いません。
変更が適用されない場合は、Elementor -> Tools -> General -> Regenerate CSSを参照してください。
既製のデモサイトを使用している場合は、適切な設定が自動的にインポートされます。また、このステップは省略しても構いません。