Elementorサイト設定で複數ページのウェブサイトのデザイン管理を簡素化

畫像[1]- Elementor Site Settingsで複數ページのWebサイトのデザイン管理を簡素化 - Photon Flux|専門家のWordPress修理サービス、グローバル展開、クイックレスポンス

Elementorは強力なページビルダープラグインで、特にデザインとカスタマイズの柔軟性を必要とするマルチページサイト向けです。Elementorのグローバルサイト設定今回は、一貫したスタイルとメンテナンス性を確保する「サイト設定機能」を使って、複數ページのWebサイトのデザインと管理を簡素化する方法をご紹介します。今回は、サイト設定機能を使って複數ページのウェブサイトのデザインと管理を簡素化する方法をご紹介します。

1. グローバルカラーとフォントの設定

統(tǒng)一された色とフォントは、複數ページのサイトにおけるブランドの一貫性のために重要です。Elementorは、サイト設定によってサイト全體のグローバルな色とフォントをすばやく統(tǒng)一できます。これらの機能を使って、グローバルなカラーパレットとフォントスタイルを定義し、すべてのページとモジュールにこれらの設定を継承させることができます。

ステップ

  • WordPressのバックエンドでウェブページをクリックしてください。Elementorによる編集".
畫像[2] - Elementorのサイト設定でマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、ワールドワイド、迅速な対応
  • の左上隅をクリックする。 ハンバーガーメニュー (?)次に サイト設定.
畫像[3] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|プロフェッショナルなWordPress修理サービス、グローバル展開、迅速な対応
  • 選択 "グローバルカラー"をクリックし、ブランドのメインカラー、背景色、文字色などを設定します。
畫像[4] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応
  • 見出し、段落、その他のテキストのデフォルトのフォントスタイルを設定するには、「グローバルフォント」を選択します。

2. グローバルボタンのスタイル

複數ページのサイトではボタンスタイルの一貫性もカギとなる。のグローバル?サイト設定を使うことでボタンスタイルオプションがある。全ページボタンの色、フォント、ボーダーのスタイルなどを、ページごとに個別に変更することなく統(tǒng)一できます。

ステップ

  • サイト設定畫面で、"ボタン「オプション
畫像[5] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  • ボタンの背景色、フォント、ボーダー、サイズなどを設定して、ボタンが各ページで一貫したスタイルになるようにします。
畫像[6] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応

3. ヘッダーとフッターのテンプレート管理

Elementorのテンプレート機能を使えば、各ページで設定を複製することなく、複數ページのウェブサイト用に統(tǒng)一されたヘッダーとフッターをデザインできます。これは時間を節(jié)約するだけでなく、すべてのページで一貫した構造とスタイルを保証します。

ステップ

  • " に移動します。テンプレート" -> "テーマビルダー「を選択する。フッターもしかしたらフッターテンプレートの編集ページに行く。
畫像[7] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応
畫像[8] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  • Elementorのドラッグ&ドロップのインターフェイスを使って、ヘッダーとフッターのテンプレートをデザインし、保存してウェブサイトのすべてのページに適用できます。
畫像[9] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  • 特定のページのヘッダーやフッターをカスタマイズする必要がある場合は出版時特定のページに対する個々の設定は、條件表示機能によって行われる。エレメンタル?プロバージョン
畫像[10] - Elementorのサイト設定でマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、ワールドワイド、迅速な対応

4. グローバルコントロールによるモジュールアップデートの簡素化

Elementorは、モジュールのコンテンツやスタイルを一箇所で更新できるグローバルコントロール機能を提供します。ページごとの変更が不要.例えば、特定のモジュールをすべてのページで一貫性を持たせたい場合、それをグローバル?コントロールにすることができます。

ステップ

  • グローバルに設定する必要があるモジュールを選択し、右クリックして"グローバルとして保存".
畫像[11] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  • このグローバルコントロールを更新すると、このモジュールを使用しているすべてのページが自動的に更新され、重複作業(yè)を減らすことができます。

5. テンプレートライブラリを使用して、一貫性のあるページをすばやく作成

Elementorはページテンプレートやブロックテンプレートを保存し、異なるページで再利用することができます。複數ページのウェブサイトでは、ホームページテンプレート、商品ページテンプレート、ブログテンプレートなど複數のページテンプレートを作成し、新しいページを作成するたびに保存したテンプレートを直接呼び出すことができます。

ステップ

  • ページデザインが完成したら右クリックまたはページの"テンプレートとして保存".
畫像[12] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  • 必要に応じて、"テンプレートの追加"以前に保存したテンプレートを呼び出し、新しいページに適用する。
畫像[13] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応

6. レスポンシブデザインのグローバル設定

複數ページのウェブサイトでは、各ページがさまざまなデバイスでうまく表示されるようにすることが重要です。Elementorのグローバルレスポンシブデザイン設定を使えば、異なるスクリーンサイズに対して一貫した表示ルールを設定することができ、ページごとに最適化する必要がなくなります。

ステップ

  • ブレークポイントは、モバイルデバイス、タブレット、デスクトップなど、さまざまな畫面サイズに合わせて定義できる。
畫像[14] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  • また、特定の要素を非表示にしたり、モジュールのレイアウトを調整するなど、異なるデバイス上での個々のモジュールの表示動作を設定することも可能です。

7. ウェブサイトの幅とレイアウトのカスタマイズ

Elementorには、サイトの幅とレイアウトのグローバル設定のオプションも用意されており、サイト全體の最大幅、コンテンツの幅、ボックスまたは全幅のレイアウトスタイルを定義できます。特に異なるレイアウトデザインを必要とする複數ページのサイトでは、グローバルレイアウト設定を使用することでサイトの構造を素早く調整し、時間を大幅に節(jié)約できます。

ステップ

  • で "サイト設定" -> "オープニング"で、サイトに適した幅のパラメータを選択する。
畫像[15] - Elementor Site Settingsでマルチページウェブサイトのデザイン管理を簡素化 - Photon Flux|専門的なWordPress修理サービス、グローバルなリーチ、迅速な対応
  • デフォルトのページレイアウトを定義することも、特定のページやセクションに異なるレイアウト設定を使用することもできます。

概要

Elementorのグローバルサイト設定機能を使えば、複數ページのウェブサイトを設計?管理する作業(yè)が劇的に簡単になります。統(tǒng)一された色やフォント、レスポンシブデザイン、グローバルコントロールなど、これらの機能はあなたのサイトをより一貫性のある、メンテナンスしやすいものにし、多くの時間と労力を節(jié)約します。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし