Udemyセール開催中! 対象コースが1,220円から

【SWELL】サイドバーにボタンつき広告を貼り付ける方法

今回はワードプレステーマ「SWELL」のサイドバーにボタンつきのアフィリエイト広告を貼り付ける方法を紹介します。

手順としてはブログパーツで「ボタンつき広告」を作り、サイドバーに広告を設置します。

目次

ブログパーツでボタンつき広告を作る

「ブログパーツ」>「新規追加」をクリックします。

ブログパーツのタイトルをつけます。

「カスタムHTML」を作りサイドバーに表示したいアフィリエイトのHTMLコードをコピペします。

ボタンを1つだけ付けたい場合「SWELLボタン」、ボタンを2つ付けたい場合は「リッチカラム」を作ります。今回はボタンを2つ設置するためにリッチカラムを使用します。

リッチカラムを作ったら「SWELLボタン」を作ります。

こんな感じ↑

ボタンサイズは「大」にしておくのがオススメです!

その方がサイドバーで見やすく、ボタンをクリックしやすいと思われます。

1つ目のボタン同様に2つ目のボタンを作って公開すれば完成です。

それではブログパーツで作った広告をサイドバーに貼り付けていきます。

ブログパーツをサイドバーに貼り付ける

先ほど作ったブログパーツの「呼び出しコード」をコピーし、「外観」>「カスタマイズ」>「ウィジェット」から「共通サイドバー」または「追従サイドバー」に広告を配置します。

今回は「共通サイドバー」に広告を貼り付けます。

共通サイドバーを開いたら「カスタムHTML」にコピーしておいた呼び出しコードを貼り付けて「公開」をクリックします。

これでサイドバーでボタンつき広告の貼り付けは完了です。

ブロガー必見!ブログ×プログラミングは相性抜群

ブログ運営しているとプログラミングに興味が湧いてくる方が多いはずです!

けど、プログラミングに一度も触れたことがない方にとって「難しいから自分にはどうせプログラミング無理」と思ってしまっている方がほとんどだと思いますが、実際は違います。

3日あればブログ運営に必要なプログラミングスキルは身につきます!

「嘘でしょ!」と思うかもしれませんが、私を含め一般的なブロガーに必要なプログラミングスキルとは、本記事でも紹介した「CSS」だけでなので早い人なら1日、長くても3日あれば基本的なCSSのスキルは習得できます。

また、プログラミングを知ることで「高単価案件」プログラミングスクールのアフィリエイト記事が書けるようになるのでブログネタを作るのにも役立ち「一石二鳥」です!

こんな感じのアフィリエイト記事が書ける↓

読者の方で「プログラミングとは何か?」「効率的な学習方法は?」など気になる方はプログラミングスクールの無料カウンセリングで相談してみるのがオススメです!

私は現時点で8つのプログラミングスクールの無料カウンセリングで話を聞いてきましたが、優良プログラミングスクールではカウンセラーさんの対応が丁寧で何度も質問できるので情報収集をするのにとても重宝しました。

未経験者で教養(ブログのため)でプログラミングを学ぶことに興味がある方は「侍エンジニア塾」または「テックアカデミー」の無料カウンセリングで話を聞いてみるのがオススメです!

  • URLをコピーしました!
目次
閉じる