ElementorWebsiteBuilderの使い方

提供:
移動先: 案内検索

ElementorWebsiteBuilderとは

ElementorWebsiteBuilder.png

Elementor Website Builder には、ドラッグ & ドロップページビルダー、ピクセルパーフェクトデザイン、モバイルレスポンシブ編集など、すべてが揃っています。今すぐ始めましょう!




【仕様】

バージョン:3.10.1
WordPress バージョン:5.0~ 
検証済み最新バージョン:6.1.1 
PHP バージョン:7.0~
言語:日本語対応



ElementorWebsiteBuilderの使い方
  1.ブラウザ(chrome 推奨)で「 https://Wordpressの管理URL 」にアクセスし、指定のユーザー名とパスワードを入力し、ログインをクリックします。 
ElementorWebsiteBuilderの使い方-1.png


  2. 左メニューから[固定ページ]から[新規追加]をクリックします。
ElementorWebsiteBuilderの使い方-2.png


  3. [Elementor で編集]をクリックします。
ElementorWebsiteBuilderの使い方-3.png


   【セクションのレイアウト選択】
  4.画面右の[赤いプラスボタン]をクリックします。
ElementorWebsiteBuilderの使い方-4.png


   【セクションのレイアウト選択】
  5. 表示した「レイアウトメニュー」からレイアウトを選択し、クリックします。
   
ElementorWebsiteBuilderの使い方-5.png


   【ウィジェットをドラッグ&ドロップ】
  6. レイアウト左の[黒いプラスボタン]をクリックし、左メニューの[見出し]をレイアウト左にドラッグ&ドロップします。
   
ElementorWebsiteBuilderの使い方-6.png


   【ウィジェットの編集】
  7. 左の「タイトル」に「てすと見出し」と入力し、「HTMLタグ」をH3に選択します。
   
ElementorWebsiteBuilderの使い方-7.png


   【ウィジェットをドラッグ&ドロップ】
  8. レイアウト右の[黒いプラスボタン]をクリックし、左メニューの[画像]をレイアウト右にドラッグ&ドロップします。
   
ElementorWebsiteBuilderの使い方-8.png


   【ウィジェットの編集】
  9. 左の「画像選択」の画像をクリックします。
   
ElementorWebsiteBuilderの使い方-9.png


   【ウィジェットの編集】
 10. 対象の画像をクリックし、[メディアを挿入]をクリックします。
   
ElementorWebsiteBuilderの使い方-10.png


   【固定ページの公開及び保存】
 10. [公開]をクリックします。
   
ElementorWebsiteBuilderの使い方-11.png


以上