Elementorは、コードを一行も書かずに美しいカスタムページを構築できる素晴らしいWordPressプラグインです。Elementorは無料版とPro版に分かれており、無料版は基本的な機能と要素をすべてカバーしており、Pro版はより高度なオプションと豊富な要素のライブラリを提供しています。次に、この記事を使って、Elementorを使ってゼロからウェブサイトを構築する方法を初心者に紹介します。
![写真[1] - WordPressとElementorで駅ゼロを作る 初級編 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/03/image-327.png)
Elementor公式サイト:https://elementor.com/
1.Elementorをインストールする
Elementorのインストールはとても簡単で、WordPressのプラグインリポジトリに行き、Elementorプラグインを見つけてインストールをタップするだけです。
![写真[2] - WordPressとElementorで駅ゼロを作る 初級編 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/03/image-319-1024x468.png)
2.Elementorを設定する
読み込んだら、デフォルトのフォントや色、ボタンの外観を選ぶなど、基本的な設定を少し行う必要がある。
![写真[3] - WordPressとElementorで駅を作るゼロの基本入門 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/03/image-320-1024x547.png)
3.新しいページの作成
Elementorの新規ページはとても簡単で、WordPressの背景で「新規ページ」をクリックし、その上で「Elementor Editorで編集」を選択するだけです。
![写真[4] - WordPressとElementorでウェブサイトを構築するゼロの基本的な初心者ガイド - フォトンゆらぎネットワーク|専門的なWordPressの修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/03/image-321-1024x554.png)
4.エレメントの追加
ページを作成してElementorで編集を開始すると、このようにElementorのデザインインターフェイスが表示されます:
Elementorには、ヘッダー、テキスト、画像、ボタン、テーブル、プログレスバーなど、既製のデザインエレメントがたくさんあります。マウスでドラッグ&ドロップするだけで、これらの要素を簡単にページに配置できます。
![写真[5] - WordPressとElementorで駅ゼロを作る初級ガイド - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/03/image-322-1024x620.png)
5、エレメントスタイルの調整
Elementorには、フォント、色、ボーダー、シャドウの変更などのスタイル設定もあります。これらの機能を使って要素の外観を微調整し、よりあなたのスタイルに合うようにすることができます。
![写真[6] - WordPressとElementorで駅を作るゼロの基本入門 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/03/image-323-1024x605.png)
異なるデザイン要素には異なるオプションがあります。例えば、タイトル要素を例にとると、「スタイル」タブに切り替えた後、テキストの色を変更することができ、「タイポグラフィ」設定では、フォント、フォントサイズ、行間などを調整することもできます。
![写真[7] - WordPressとElementorでウェブサイトを構築するゼロの基本的な初心者ガイド - フォトンゆらぎネットワーク|専門的なWordPressの修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/03/image-324-1024x500.png)
この要素のレイアウトを調整できる「詳細設定」パネルでは、外側と内側の間隔を調整するのが一般的です。
6.ページのプレビューと公開
Elementorでページをデザインすると、そのページがどのように見えるかをいつでもプレビューできます。ページの準備ができたら、WordPressサイトに公開できます。
ヒント:このElementorチュートリアルに従ってページを作成し、「Elementorで編集」ボタンをクリックした場合は、最初に「下書きとして保存」をクリックすることをお勧めします。
![写真[8] - WordPressとElementorで駅ゼロを作る 初級編 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/uploads/2024/03/image-325.png)
そして、左上にある3つの横棒ボタンを選択した後、WordPressのバックエンドページに移動します。
![写真[9] - WordPressとElementorでウェブサイトを構築するゼロの基本的な初心者ガイド - フォトンゆらぎネットワーク|専門的なWordPressの修理サービス、ワールドワイド、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/03/image-326-1024x571.png)
ページを作成する前に、タイトルを変更していないため、直接Elementorで編集をクリックしました。そのため、ページに戻った後、ページタイトルを変更し、URLを変更して、公開する必要があります。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/6656この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし