Wordpress関連記事

【WordPress】テーマWING(AFFINGER5)バナー作成方法

大山
今回はアフィンガーを使ったバナーの作り方

今回のターゲット

  • いちいちバナー作成を作るのがめんどい
  • バナーボックスの作り方を知りたい
  • バナーボックスを自分なりに作りたい

早速ささっと作っちゃいましょ!

大山
凝り出したらキリがないからささっと進めて、時間があるときにいじるようにね

 

サイトを綺麗に作れる

バナー作成もさくさく進む!
とにかくおすすめテーマ
アフィンガー

もっと詳しく

「AFFINGER5」バナー作成手順

大山
詳しい説明は抜きで手順だけ行くからマネしてな

まずは4手順

  1. 「タグ」
  2. 「ボックスデザイン」
  3. 「バナー風ボックス」
  4. 「基本」

すると下記のような文字いっぱいが並びます。

大山
プレビューしてみて

 

タイトル

 

大山
だいたい80%くらい終わったような感じ!
少し細かくなるからね

 

バナーのタイトルを変更しよう!

 

赤線の「タイトル」という文字を変更
title="タイトル
このタイトルの部分を「アフィンガーがおすすめ!」に変えてみよう。

「アフィンガーがおすすめ」

 

大山
バナーのタイトルが変わったね

 

次は本文を書きこむ

「アフィンガーがおすすめ」

バナー作成もさくさく進む!とにかくおすすめ!!

 

大山
できた?!
もしかして天才か?

 

次はリンクボタンを作って押してもらったらアフィンガーに進めるようにしていきます。

 

リンクボタン設置

 

大山
ここの手順はこんな感じ
・「タグ」
・「カスタムボタン」
・「ノーマル」
・「もっと詳しく」(ピンク)

リンクボタンを挿入するのは「本文」を入れた下です。
分からなくなる人が多い場所だから気を付ける部分です。

本文っていうのはさっき入れた「バナー作成もさくさく進む!とにかくおすすめ!!」という文字です。
これの下に挿入しましょう!

するとこうなります

「アフィンガーがおすすめ」

バナー作成もさくさく進む!とにかくおすすめ!!

もっと詳しく

もっと詳しくというピンクのボタンができてると思います。
(このバナーにはリンクが入ってないので押しても繋がりません)
そのボタンにリンク先のURLを入れます。

あとは背景を入れたり、角を丸くしたり自分なりにカスタマイズをすることができます。
ここはリンクを入れて基本スタイルは完了!

大山
自分のアフィリンクを用意して

アフィンガーの場合はインフォトップにログインしてURLを取得して貼り付けます。
URLは「https://www.infotop.jp~」で始まるアドレスです。
それを挿入したらリンク完成。

「アフィンガーがおすすめ」

バナー作成もさくさく進む!とにかくおすすめ!!

もっと詳しく

↑このバナーにはリンクが入ってます。

 

大山
お疲れさん
さっきも言ったけど、背景つけたりして自分なりもデザインにしていけば売上が変わるからやってみよう!
その講座は次の回に解説するよー

 

最後までありがとうございます。
ただリンクを貼るよりサイト全体のスタイルも良くなるのでいろいろ試してみよう!

少しカスタマイズしたのがこちらです。

 

サイトを綺麗に作れる

バナー作成もさくさく進む!
とにかくおすすめテーマ
アフィンガー

もっと詳しく

 

スポンサーリンク
  • この記事を書いた人

Bone ohyama

パラレルビジネスという同時進行するビジネス。 複業を推進する情報をブログを通じて発信しています。主にブログを活用した複業を解説しています。複業初心者が収益を上げるまでのプロセスをブログで表現しています。稼ぐことに特化したサイトになっておりますが、行動するのは個人の自由。

-Wordpress関連記事
-,

Copyright© Parallel business school , 2020 All Rights Reserved Powered by AFFINGER5.