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



















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし