ページ作成応用編

さて、そろそろElementorの使い方は慣れてきた頃でしょうか？
少しずつ操作に慣れてきたら、次のSTEPに移行したいと思います。
従来の作り方ではなく、レイアウトを考えて頂きページデザインを変更して質の良い広告を作成してみましょう。

①まず最初にwordpressを開いて頂き、新規追加をクリックした画面を開いてください。

②今回作成するのはA8netのプログラムの【ネスカフェ　バリスタ】を作成見本とさせていただきます！広告タイトル、カテゴリー必要な情報を入力いたします。

③Elementorで編集をクリックして編集画面を開きます。

④見出しウィジェットを挿入（画像1を参照）
広告タイトルを入力後に赤色の枠にある＋ボタンをクリック（画像2を参照）
※広告タイトルには必ず広告名の一番最初に【PR】を入力してください

【画像➊】

【画像❷】

⑤赤枠にあるパターンをクリック

⑥枠が表示されます。赤枠に画像を挿入

⑦画像を挿入後がこちら
赤枠の箇所をクリックしていただくとウィジェット選択項目の表示に戻れます。

⑧このようにウィジェット選択が表示されますので今後の作業にご活用ください！

⑨画像のウィジェットを左クリックしたまま赤枠の箇所までスライドしていきます。
赤枠までスライドしてきたら左クリックを離してください！画像が赤枠内に挿入されます。

⑩画像が貼り付けられた状態がこちらになります！
※この時画像のサイズは必ず【フル】に設定をしてください！

⑫次に見出しの貼り付けです！
見出しを左クリックしたままスライドし赤枠の箇所までもっていき左クリックを離します！

⑬見出しが挿入された状態がこちらになります！

⑭テキストエディターを挿入する際は見出しにかぶるように挿入するのがポイントです！

⑮テキストエディターを挿入された状態がこちらになります！
※テキストエディターに記入されている文章【吾輩は猫である…】は削除をしてから文章の入力をしてください！

⑯貼り付けした項目に画像とテキストを入力します。

１・画像は一部を切り取るのがポイント
２・見出しはサイトにあった内容で設定をしてください。
３・テキストエディターに記入する説明文内容としては、
誰がターゲットになるのか、悩みやどんな方におすすめかどんなものかを記入しましょう！

⑰次に見出しの挿入をしましょう！

⑱見出しをウィジェットをここにドラックの項目に挿入し、
その後は赤枠の２の箇所で配置を設定。配置はセンターに来るように設定しましょう！
このようにサイトに合わせてタイトルも変更してください！

⑲次に画像を張り付けます。
⑱の作業をした手順で画像のウィジェットを挿入してから画像を設定します。

⑳画像を設定した状態になります
この時画像サイズを【フル】に設定するのを忘れずに設定をお願い致します。

㉑次に画像の下にボタンのウィジェットを挿入します。
ボタンウィジェットを左クリックしたままスライドさせ画像の下で左クリックを離してください！

㉒ボタンを挿入したらボタンの表示内容を変更します！
・赤枠１にあるテキストをクリック
この場合は予約サイトなので【ご予約はこちら】と記入しています。
サイトに合わせてボタンの内容は変更してください！
【詳細はこちら】【ご購入はこちら】【ご注文はこちら】など

・赤枠２でボタンのサイズを変更ボタンのサイズは【特大】に設定をしてください！

㉓次に画像を挿入します。
画像のウィジェットを左クリックしたまま、ウィジェットをここにドラックにスライドして左クリックを離してください。
画像のウィジェットが挿入されますが、その後は画像を設定していただきます。
キャンペーン情報の切り抜きなど、お得な情報を公式サイトから探していただき、画像を切り取りを行った物をご利用下さい。

㉔内部セクションを挿入します。
左クリックしたまま赤枠の箇所までスライドさせ赤枠の箇所で左クリックを離してください。

㉕内部セクションを挿入した状態がこちらです。
２つの枠がでてきます！

㉖画像を挿入します。
※内部セクションを使用する際は必ず画像は左に設定をしてください！

㉗※画像サイズは【フル】に設定をしてください！

㉘次に右の枠にテキストエディターを挿入します！

㉙テキストエディターを挿入した状態がこちらになります！

㉚画像と説明文を作成した状態がこちらになります！
設定している画像に合わせて説明文を設定します。
大体一文が50文字以内で書かれていると見やすくなりますので、参考にしていただけると幸いです。

㊷HTMLを挿入します。

㊸HTMLを挿入した状態がこちらになります。

㊹次に見出しのウィジェットを挿入します。

㊺見出しを挿入した状態がこちらになります

㊻HTMLのウィジェットにバナーのURLを張り付けます。
A８のプログラム詳細の画面を開きます。

㊼提携広告の詳細ページの上部にある赤枠の箇所【広告リンク作成】をクリック

㊽広告リンクをクリックしたら赤枠の1⃣をバナーに変更赤枠2⃣をクリック

㊾赤枠のアフィリエイトリンクをすべてコピーします。コピーしたらページに戻ります！

㊿ページに戻り赤枠1⃣にコピーしたアフィリエイトリンクを張り付けます。

51、次に見出しに注釈を記入します！
【※当ページはリンク先から情報を引用しています※】とページの最後に必ず記載してください！
今回はHTMLタグ【文字の大きさ】H3に設定してあります。

52、完成したページがこちらになります!
最後にページに間違えがないか確認をし問題がなければ完成になります！

最後まで見て頂きありがとうございました！