今回は『WordPressでオリジナルのバナーリンクを設置する手順』を解説していきます。

WordPressでオリジナルのバナーリンクを設置するには、自分で画像を用意する必要があるので、アフィリエイト広告を貼る方法とはやり方が変わります。

 

動画でも解説しています。

WordPressでオリジナルのバナーリンクを設置する手順

事前に準備しておくもの

WordPressでオリジナルのバナーリンクを設置するために、以下の2つを事前に準備しておいてください。

 

今回の解説では、このようなバナーリンクを設置したいと思います。

 

なお、バナーの作り方はこちらの動画で解説していますので、合わせて参考にしてみてください。
⇒ 【バナーの作り方】初心者でも簡単にできる５つのコツ

①記事内にバナーリンクを設置する方法

記事内にバナーリンクを設置する方法は、クラシックエディターとGutenberg（ブロックエディター）に分けて解説します。

クラシックエディターの場合

クラシックエディターを利用している方は、まず『メディアを追加』をクリックします。

なお、Gutenberg（ブロックエディター）を利用している方でも、クラシックブロックを使う場合は、ここでお伝えするやり方と同じ手順でバナーリンクを設置できます。

 

バナーリンクで設置する画像を選択して、右側の『添付ファイルの詳細』欄を一番下までスクロールしてください。

 

リンク先で『カスタムURL』を選択して、URLには『リンク先のURL』を入力し、『投稿に挿入』をクリックします。

※ 『配置』と『サイズ』はお好みで選択してください

 

これでバナーリンクの設置は完了です。

バナーをクリックするとリンク先へ移動するはずなので、保存して確認してみてください。

Gutenberg（ブロックエディター）の場合

Gutenberg（ブロックエディター）を利用している方は『画像ブロック』を使います。

 

画像ブロックを追加したら『メディアライブラリ』をクリックします。

 

バナーリンク用の画像を選択して、右下の『選択』をクリックします。

 

挿入した画像をもう一度選択し、今度は上部メニューの『リンクを挿入』をクリックします。

 

リンク先のURLを入力し『適用』（半円の矢印）をクリックします。

 

これでバナーリンクの設置は完了となります。

バナーをクリックするとリンク先へ移動するはずなので、保存して確認しておきましょう。

 

ちなみに配置を真ん中にしたいときは、上部メニューの『配置を変更』から『中央寄せ』を選択してください。

②サイドバーにバナーリンクを設置する方法

続いて、サイドバーにバナーリンクを設置する方法を解説します。

ブロックウィジェットになっている方は、先にプラグインの『Classic Widgets』を導入しておいてください。

 

まずはテキストウィジェットをサイドバーに追加します。

 

『メディアを追加』をクリックします。

 

バナーリンクで設置する画像を選択して、右側の『添付ファイルの詳細』欄を一番下までスクロールしてください。

 

リンク先で『カスタムURL』を選択して、URLには『リンク先のURL』を入力し、『投稿に挿入』をクリックします。

 

これでサイドバーにバナーリンクの設置が完了となります。

バナーをクリックするとリンク先へ移動するはずなので、保存して確認しておいてください。

 

なお、今回はサイドバーに設置しましたが、Cocoonのように記事下やフッターなどウィジェットエリアが豊富なテーマなら、今のやり方で自由に好きな場所にバナーリンクを設置することができます。

③記事下にバナーリンクを設置する方法

記事下のウィジェットエリアがないテーマで、記事下にバナーリンクを設置するには、PHPファイルに直接書き込むのも一つの手です。

しかし、PHPファイルを編集を間違えると重大なエラーを引き起こすリスクがあるため、慣れていない方にはあまりオススメしません。

そこで、記事下のウィジェットエリア未対応のテーマの場合は、アドセンス用のプラグインを使うのがオススメです。

アドセンス用のプラグインであれば、どれでも記事下に広告を設置できる機能が付いていると思いますが、今回は『Quick Adsense』を例に解説します。

 

先にサイドバーにバナーリンクを設置したやり方で、テキストウィジェットをテキストモードに切り替え、バナーリンクのタグをコピーして控えておいてください。

このタグをQuick Adsenseで貼り付けていきます。

なお、テキストウィジェットはコードを作成したらもう使わないので、削除していただいて大丈夫です。

 

Quick Adsenseをインストール・有効化したら、左のメニューに追加された『Quick Adsense』に進みます。

設定画面は全て英語ですが、使い方は難しくないので安心してください。

 

まず、最初の画面のSettingsでは以下の2ヶ所を設定して、一番下の『Save Changes』をクリックしてください。

↓↓↓

 

続いて、Ads on Post Bodyに進み、Ads1の入力欄に先ほど控えたバナーリンクのタグを貼り付けて、一番下の『Save Changes』をクリックします。

↓↓↓

これでQuick Adsenseを使って記事下にバナーリンクを設置する手順は完了です。

 

投稿記事の記事下にこのようにバナーリンクが設置されていれば成功なので、確認してみてください。

まとめ

今回は『WordPressでオリジナルのバナーリンクを設置する手順』を解説してきました。

WordPressブログにオリジナルのバナーリンクを設置したい方は、ぜひ今回の内容を参考に試していただければと思います。

今回は『WordPressでオリジナルのバナーリンクを設置する手順』を解説していきます。

WordPressでオリジナルのバナーリンクを設置するには、自分で画像を用意する必要があるので、アフィリエイト広告を貼る方法とはやり方が変わります。

 

動画でも解説しています。

WordPressでオリジナルのバナーリンクを設置する手順

事前に準備しておくもの

WordPressでオリジナルのバナーリンクを設置するために、以下の2つを事前に準備しておいてください。

 

今回の解説では、このようなバナーリンクを設置したいと思います。

 

なお、バナーの作り方はこちらの動画で解説していますので、合わせて参考にしてみてください。
⇒ 【バナーの作り方】初心者でも簡単にできる５つのコツ

①記事内にバナーリンクを設置する方法

記事内にバナーリンクを設置する方法は、クラシックエディターとGutenberg（ブロックエディター）に分けて解説します。

クラシックエディターの場合

クラシックエディターを利用している方は、まず『メディアを追加』をクリックします。

なお、Gutenberg（ブロックエディター）を利用している方でも、クラシックブロックを使う場合は、ここでお伝えするやり方と同じ手順でバナーリンクを設置できます。

 

バナーリンクで設置する画像を選択して、右側の『添付ファイルの詳細』欄を一番下までスクロールしてください。

 

リンク先で『カスタムURL』を選択して、URLには『リンク先のURL』を入力し、『投稿に挿入』をクリックします。

※ 『配置』と『サイズ』はお好みで選択してください

 

これでバナーリンクの設置は完了です。

バナーをクリックするとリンク先へ移動するはずなので、保存して確認してみてください。

Gutenberg（ブロックエディター）の場合

Gutenberg（ブロックエディター）を利用している方は『画像ブロック』を使います。

 

画像ブロックを追加したら『メディアライブラリ』をクリックします。

 

バナーリンク用の画像を選択して、右下の『選択』をクリックします。

 

挿入した画像をもう一度選択し、今度は上部メニューの『リンクを挿入』をクリックします。

 

リンク先のURLを入力し『適用』（半円の矢印）をクリックします。

 

これでバナーリンクの設置は完了となります。

バナーをクリックするとリンク先へ移動するはずなので、保存して確認しておきましょう。

 

ちなみに配置を真ん中にしたいときは、上部メニューの『配置を変更』から『中央寄せ』を選択してください。

②サイドバーにバナーリンクを設置する方法

続いて、サイドバーにバナーリンクを設置する方法を解説します。

ブロックウィジェットになっている方は、先にプラグインの『Classic Widgets』を導入しておいてください。

 

まずはテキストウィジェットをサイドバーに追加します。

 

『メディアを追加』をクリックします。

 

バナーリンクで設置する画像を選択して、右側の『添付ファイルの詳細』欄を一番下までスクロールしてください。

 

リンク先で『カスタムURL』を選択して、URLには『リンク先のURL』を入力し、『投稿に挿入』をクリックします。

 

これでサイドバーにバナーリンクの設置が完了となります。

バナーをクリックするとリンク先へ移動するはずなので、保存して確認しておいてください。

 

なお、今回はサイドバーに設置しましたが、Cocoonのように記事下やフッターなどウィジェットエリアが豊富なテーマなら、今のやり方で自由に好きな場所にバナーリンクを設置することができます。

③記事下にバナーリンクを設置する方法

記事下のウィジェットエリアがないテーマで、記事下にバナーリンクを設置するには、PHPファイルに直接書き込むのも一つの手です。

しかし、PHPファイルを編集を間違えると重大なエラーを引き起こすリスクがあるため、慣れていない方にはあまりオススメしません。

そこで、記事下のウィジェットエリア未対応のテーマの場合は、アドセンス用のプラグインを使うのがオススメです。

アドセンス用のプラグインであれば、どれでも記事下に広告を設置できる機能が付いていると思いますが、今回は『Quick Adsense』を例に解説します。

 

先にサイドバーにバナーリンクを設置したやり方で、テキストウィジェットをテキストモードに切り替え、バナーリンクのタグをコピーして控えておいてください。

このタグをQuick Adsenseで貼り付けていきます。

なお、テキストウィジェットはコードを作成したらもう使わないので、削除していただいて大丈夫です。

 

Quick Adsenseをインストール・有効化したら、左のメニューに追加された『Quick Adsense』に進みます。

設定画面は全て英語ですが、使い方は難しくないので安心してください。

 

まず、最初の画面のSettingsでは以下の2ヶ所を設定して、一番下の『Save Changes』をクリックしてください。

↓↓↓

 

続いて、Ads on Post Bodyに進み、Ads1の入力欄に先ほど控えたバナーリンクのタグを貼り付けて、一番下の『Save Changes』をクリックします。

↓↓↓

これでQuick Adsenseを使って記事下にバナーリンクを設置する手順は完了です。

 

投稿記事の記事下にこのようにバナーリンクが設置されていれば成功なので、確認してみてください。

まとめ

今回は『WordPressでオリジナルのバナーリンクを設置する手順』を解説してきました。

WordPressブログにオリジナルのバナーリンクを設置したい方は、ぜひ今回の内容を参考に試していただければと思います。