こんにちは、仁(じん)です(^^)/
Google AdSenseが使えるようになったけど問題が・・・
ブログのサイドバーへの広告の貼り方がわからん💦
まあ他にもわからないことはいっぱいあるんですが今回は私が使用しているワードプレスでサイドバーに広告を貼る方法の話です
ど素人やなwww
なんて声が聞こえてきそうだがその通りだからね(;^ω^)
- ワードプレスでサイドバーへの広告の貼り方がわからない
サイドバーへの広告の貼り方
ウィジェットの編集画面を開く
まずはワードプレスにログインしないと始まらないですね
ログインしたら左側にある【メニュー】→【外観】→【ウィジェット】をクリックします
![](https://sara-buro.com/wp-content/uploads/2020/11/01_Side-bar-koukoku-1.png)
ウィジェットの編集画面で【サイドバー】をクリックします
![](https://sara-buro.com/wp-content/uploads/2020/11/02_Side-bar-koukoku-1024x421.png)
クリックするとサイドバーに登録されているウィジェットが表示されます
![](https://sara-buro.com/wp-content/uploads/2020/11/03_Side-bar-koukoku.png)
ここに広告を貼っていくんですが2つ方法があります
- 『カスタムHTML』を使用する
- 『テキスト』を使用する
ではいよいよ広告を貼っていきますよ~(^^)/
カスタムHTMLで広告を貼り付ける方法
1.サイドバーに『カスタムHTML』をドラッグ&ドロップする
例)サイドバーの『検索』と『最近の投稿』の間に広告を貼り付けます
『カスタムHTML』をサイドバーの『検索』と『最近の投稿』の間にドラッグ&ドロップします
![](https://sara-buro.com/wp-content/uploads/2020/11/04_Side-bar-koukoku.png)
ドラッグ&ドロップすると編集画面が開きます
![](https://sara-buro.com/wp-content/uploads/2020/11/05_Side-bar-koukoku.png)
ドラッグ&ドロップ
マウス操作の一つで対象を左クリック押しっぱなしででつかんでそのまま移動させたい場所にもっていって左クリックをはなすこと
2.『カスタムHTML』で広告を作成する
編集画面の【タイトル】の入力欄に「スポンサーリンク」と入力します
![](https://sara-buro.com/wp-content/uploads/2020/11/06_Side-bar-koukoku.png)
次に【内容】の入力欄にコードを貼り付けます
※広告のコードは広告主のサイトで作ってコピーしてください
![](https://sara-buro.com/wp-content/uploads/2020/11/07_Side-bar-koukoku.png)
貼り付けたら右下の『保存』をクリックします
![](https://sara-buro.com/wp-content/uploads/2020/11/08_Side-bar-koukoku-2.png)
『完了』をクリックします
![](https://sara-buro.com/wp-content/uploads/2020/11/09_Side-bar-koukoku-1.png)
これで完成です♪
![](https://sara-buro.com/wp-content/uploads/2020/11/10_Side-bar-koukoku.png)
テキストで広告を貼り付ける方法
1.サイドバーに『テキスト』をドラッグ&ドロップする
『カスタムHTML』をサイドバーの『検索』と『最近の投稿』の間にドラッグ&ドロップします
![](https://sara-buro.com/wp-content/uploads/2020/11/11_Side-bar-koukoku-1-1024x647.png)
ドラッグ&ドロップすると編集画面が開きます
![](https://sara-buro.com/wp-content/uploads/2020/11/12_Side-bar-koukoku-1.png)
2.『テキスト』で広告を作成する
編集画面の【タイトル】の入力欄に「スポンサーリンク」と入力します
![](https://sara-buro.com/wp-content/uploads/2020/11/13_Side-bar-koukoku-2.png)
次にテキストの入力形式を『テキスト』に変更します
![](https://sara-buro.com/wp-content/uploads/2020/11/14_Side-bar-koukoku.png)
テキストの入力欄にコードを貼り付けます
※広告のコードは広告主のサイトで作ってコピーしてください
![](https://sara-buro.com/wp-content/uploads/2020/11/15_Side-bar-koukoku.png)
貼り付けたら右下の『保存』をクリックします
![](https://sara-buro.com/wp-content/uploads/2020/11/08_Side-bar-koukoku-2.png)
『完了』をクリックします
![](https://sara-buro.com/wp-content/uploads/2020/11/09_Side-bar-koukoku-1.png)
これで完成です♪
![](https://sara-buro.com/wp-content/uploads/2020/11/16_Side-bar-koukoku.png)
ちゃんと広告が貼り付けられているか確認する方法
ウィジェットの編集画面で『ライブプレビューで管理』をクリックします
![](https://sara-buro.com/wp-content/uploads/2020/11/17_Side-bar-koukoku-1024x452.png)
ライブプレビュー画面でサイドバーに「スポンサーリンク」の文字と広告があることを確認します
![](https://sara-buro.com/wp-content/uploads/2020/11/18_Side-bar-koukoku-1024x462.png)
「スポンサーリンク」の文字はあるが下に広告が出ていなくて空白がある場合はまだ広告が反映されていないだけの可能性があります
![](https://sara-buro.com/wp-content/uploads/2020/11/19_Side-bar-koukoku-1-1024x462.png)
その場合はページの更新(再読み込み)ボタンをクリックすると表示されます
![](https://sara-buro.com/wp-content/uploads/2020/11/20_Side-bar-koukoku-1.png)
※それでも表示されない場合少し時間をおけば表示されると思います(^^)/
以上でサイドバーへの広告の貼り方は終了です
テキストでの広告の貼り方はカスタムHTMLを使えば不要ですが念のため紹介しました
まだまだわからんことが多すぎるけどのんびりやっていきますか♪
最後まで読んでいただきありがとうございました!
以上、仁(じん)でした(^^)/
![ブログランキング・にほんブログ村へ](https://b.blogmura.com/88_31.gif)