ゼロから始めるWordPressとElementorのウェブサイト構(gòu)築入門(mén)

Elementorは、コードを一行も書(shū)かずに美しいカスタムページを構(gòu)築できる素晴らしいWordPressプラグインです。Elementorは無(wú)料版とPro版に分かれており、無(wú)料版は基本的な機(jī)能と要素をすべてカバーしており、Pro版はより高度なオプションと豊富な要素のライブラリを提供しています。次に、この記事を使って、Elementorを使ってゼロからウェブサイトを構(gòu)築する方法を初心者に紹介します。

寫(xiě)真[1] - WordPressとElementorで駅ゼロを作る 初級(jí)編 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

Elementor公式サイト:https://elementor.com/

1.Elementorをインストールする

Elementorのインストールはとても簡(jiǎn)単で、WordPressのプラグインリポジトリに行き、Elementorプラグインを見(jiàn)つけてインストールをタップするだけです。

寫(xiě)真[2] - WordPressとElementorで駅ゼロを作る 初級(jí)編 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

2.Elementorを設(shè)定する

読み込んだら、デフォルトのフォントや色、ボタンの外観を選ぶなど、基本的な設(shè)定を少し行う必要がある。

寫(xiě)真[3] - WordPressとElementorで駅を作るゼロの基本入門(mén) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

3.新しいページの作成

Elementorの新規(guī)ページはとても簡(jiǎn)単で、WordPressの背景で「新規(guī)ページ」をクリックし、その上で「Elementor Editorで編集」を選択するだけです。

寫(xiě)真[4] - WordPressとElementorでウェブサイトを構(gòu)築するゼロの基本的な初心者ガイド - フォトンゆらぎネットワーク|専門(mén)的なWordPressの修理サービス、ワールドワイド、迅速な対応

4.エレメントの追加

ページを作成してElementorで編集を開(kāi)始すると、このようにElementorのデザインインターフェイスが表示されます:

Elementorには、ヘッダー、テキスト、畫(huà)像、ボタン、テーブル、プログレスバーなど、既製のデザインエレメントがたくさんあります。マウスでドラッグ&ドロップするだけで、これらの要素を簡(jiǎn)単にページに配置できます。

寫(xiě)真[5] - WordPressとElementorで駅ゼロを作る初級(jí)ガイド - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

5、エレメントスタイルの調(diào)整

Elementorには、フォント、色、ボーダー、シャドウの変更などのスタイル設(shè)定もあります。これらの機(jī)能を使って要素の外観を微調(diào)整し、よりあなたのスタイルに合うようにすることができます。

寫(xiě)真[6] - WordPressとElementorで駅を作るゼロの基本入門(mén) - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

異なるデザイン要素には異なるオプションがあります。例えば、タイトル要素を例にとると、「スタイル」タブに切り替えた後、テキストの色を変更することができ、「タイポグラフィ」設(shè)定では、フォント、フォントサイズ、行間などを調(diào)整することもできます。

寫(xiě)真[7] - WordPressとElementorでウェブサイトを構(gòu)築するゼロの基本的な初心者ガイド - フォトンゆらぎネットワーク|専門(mén)的なWordPressの修理サービス、ワールドワイド、迅速な対応

この要素のレイアウトを調(diào)整できる「詳細(xì)設(shè)定」パネルでは、外側(cè)と內(nèi)側(cè)の間隔を調(diào)整するのが一般的です。

6.ページのプレビューと公開(kāi)

Elementorでページをデザインすると、そのページがどのように見(jiàn)えるかをいつでもプレビューできます。ページの準(zhǔn)備ができたら、WordPressサイトに公開(kāi)できます。

ヒント:このElementorチュートリアルに従ってページを作成し、「Elementorで編集」ボタンをクリックした場(chǎng)合は、最初に「下書(shū)きとして保存」をクリックすることをお?jiǎng)幛幛筏蓼埂?/p>

寫(xiě)真[8] - WordPressとElementorで駅ゼロを作る 初級(jí)編 - フォトンゆらぎネットワーク|WordPress修理のプロフェッショナル、ワールドワイド、迅速対応

そして、左上にある3つの橫棒ボタンを選択した後、WordPressのバックエンドページに移動(dòng)します。

寫(xiě)真[9] - WordPressとElementorでウェブサイトを構(gòu)築するゼロの基本的な初心者ガイド - フォトンゆらぎネットワーク|専門(mén)的なWordPressの修理サービス、ワールドワイド、迅速な対応

ページを作成する前に、タイトルを変更していないため、直接Elementorで編集をクリックしました。そのため、ページに戻った後、ページタイトルを変更し、URLを変更して、公開(kāi)する必要があります。


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

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

    コメントなし