Elementorを使ってWordPressでカスタムページレイアウトを作成する方法

ワードプレスエレメンタプラグインは強力なページビルダーで、コードを書かなくても美しいページが作れる。カスタムページレイアウト私たちが使ってみたところ、初心者であろうと熟練した開発者であろうと、レイアウト・レイアウトがあれば問題ありません。Elementorのチュートリアル素早く立ち上がり、走り出すには最高の方法だ。ページデザイン柔軟性と正確さ。

画像[1] - Elementorを使ってWordPressでカスタムページレイアウトを作成する方法

ステップ1:Elementorをインストールして有効化する

まず、WordPressサイトにElementorプラグインがインストールされていることを確認してください。まだインストールされていない場合は、次のステップに進んでください:

  1. WordPressのバックエンドにログインします。
  2. プラグイン "メニューに移動し、"新しいプラグインを追加 "をクリックします。
  3. 検索ボックスに「Elementor」と入力し、「今すぐインストール」をクリックします。
  4. インストールが完了したら、"Enable "ボタンをクリックする。
画像[2] - Elementorを使ってWordPressでカスタムページレイアウトを作成する方法

インストール後、左のナビゲーションバーに新しいElementorメニューが表示されます。

ステップ2:新しいページを作成し、エディターに入る

  1. ワードプレスのバックエンドで、ページ > 新しいページを追加をクリックします。
  2. カスタムページレイアウト」など、ページに名前をつける。
  3. 編集」ボタンをクリックし、「Elementorで編集」を選択してElementorページビルダーを起動する。
画像[3] - Elementorを使ってWordPressでカスタムページレイアウトを作成する方法

ステップ3:テンプレートを選択するか、空白から始める

Elementorエディタページでは、ページのデザインを開始するために2つの方法のいずれかを選択できます:

  • テンプレートの選択: Elementorには豊富なデザイン済みテンプレートが用意されています。クリック "テンプレートの追加"ボタンをクリックしてテンプレートを参照し、挿入する。
画像[4] - Elementorを使ってWordPressでカスタムページレイアウトを作成する方法
画像[5] - Elementorを使ってWordPressでカスタムページレイアウトを作成する方法
  • 白紙の状態から始める。ゼロから始めたい場合は、"Blank Page "を選択し、様々な要素を追加して独自のレイアウトを構築することができます。

ステップ4:要素の追加と調整

Elementorは、簡単なドラッグ&ドロップ操作で様々な要素(テキスト、画像、ボタンなど)を追加することができます。これらの要素はカスタムページのレイアウトを素早く作成するのに役立ちます。一般的な要素は以下のとおりです:

  • 段落テキストテキストエディター "要素をクリックし、ページ上にドラッグしてテキストを入力します。
  • 写真image "要素を使えば、どんな画像でも挿入することができます。
  • ボタンボタン要素を追加する。
  • カラムとブロックカラムレイアウト」を設定することで、複数カラムのデザインを作成し、ページ上のスペースを柔軟に割り当てることができます。
画像[6] - Elementorを使ってWordPressでカスタムページレイアウトを作成する方法

ページにさまざまな要素を追加し、それらのサイズを変更することによって、カラーと整列させることで、ブランドのスタイルに合ったページを簡単に作成することができます。

ステップ5:レスポンシブ・デザインの利用

Elementorは異なるデバイスにページレイアウトを適応させることができます。デスクトップ、タブレット、携帯電話を別々にターゲットにすることができます。最適化::

  1. Elementorエディタの下部または上部で、"レスポンシブモード」アイコン。
  2. さまざまなデバイスモードに切り替えて、レイアウトがさまざまなデバイスでどのように表示されるかを確認できます。
  3. 必要に応じて要素を調整し、すべてのデバイスで最適な表示ができるようにします。
画像[7] - Elementorを使ってWordPressでカスタムページレイアウトを作成する方法

ステップ6:ページを保存して公開する

ページデザインが完成したら、「公開」ボタンをクリックしてカスタムページレイアウトをウェブサイト上で公開します。公開するかどうか迷っている場合は、"下書き保存 "を選択することで、その後の変更に備えることができます。

画像[8] - Elementorを使ってWordPressでカスタムページレイアウトを作成する方法

概要

Elementorを使ってWordPressでカスタムページレイアウトを作成するのは簡単で柔軟性があり、ニーズに合わせてページのあらゆる部分を自由に微調整し、デザインに完璧にフィットさせることができます。テンプレートを選んでも、ゼロから始めてもエレメンタは、高品質のウェブサイトデザインを簡単に実現するために必要な機能を提供することができます。

最近の更新


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

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

    コメントなし