初心者おばちゃんもできた!WordPress(ワードプレス)講座

ワードプレスでブログを始めませんか?テーマSTINGERなど。おばちゃんのカスタマイズ保存版

STINGER3 ウィジェット広告の設置方法とサイトの配置は?

      2015/04/03

STINGER3 ウィジェット広告の設置方法と配置は?

前回のウィジェットの設定方法の続きで第2回目となります。

今回はワードプレスのテーマSTINGER3でのウィジェット広告の設定と配置についてのご説明です。

今回の作業の流れ

●「スクロール広告用エリア」に広告を設置

● スクロール広告がどう表示されるかを確認

●「Googleアドセンス用エリア」にアドセンス広告を設置

● アドセンス広告がどう表示されるかを確認。

●「Googleアドセンスのスマホ用width300」エリアの表示について

以上です。
※テーマはSTINGER3を使用しています→http://stinger3.com/(公式サイト)

早速操作してみましょう!

スポンサーリンク

STINGER3でウィジェット広告を設置してみよう

STINGER3にはウィジェット広告の設置エリアがあります。

まずは画面を確認してみましょう。

 ワードプレスのウィジェット画面を表示します

「ダッシュボード」-「外観」-「ウィジェット」をクリックします。

ウィジェットを開く

 

「ウィジェット」の画面が開きます。

STINGER用の広告設置エリアの確認

WordPressのウィジェット

3番がSTINGER用の広告設置エリアです。

この場所に、アフィリエイト広告Googleアドセンスの広告を貼ることができます。
STINGER3はSEOに強いテーマだと言われているので、広告を貼りたい方も多いのではないでしょうか。
しかし、

STINGERへの広告の設置方法と配置がイマイチ良くわからない・・・。

設置したらどう表示されるのか、「テキストウィジェット」に広告コードを貼るのとどう違うのか・・・。

恐らくあまりに当たり前のこと過ぎて、みなさん簡単に通過するところなのでしょうが、私はこの記事で試すまでお恥ずかしながら分っていませんでした(;´Д`)

ちゃんと公式サイトを読めよ、って話ですが見付けることができずに・・・勝手に苦労して手動でやってました・・・(=ω=)

ということで、実際に設定してみましょう!

 

スクロール広告の設置方法と表示の確認

スクロール広告を設置します

3番のSTINGER用の広告表示エリアの「スクロール広告用エリア」の上に「テキストウィジェット」をドラッグ&ドロップしていきます。

STINGER3 ウィジェット広告の設置

スクロール広告用エリアの上で手を放します。

 

「スクロール広告用エリア」に「テキストウィジェット」が入りました。

STINGER3 テキストウィジェットを開く

テキストの右側の▼をクリックします。

 

テキストウィジェットが開きます。

STINGER3 ウィジェット広告の設定

広告コードなど、必要事項を入力したら「保存」をクリックします。

 

スクロール広告をサイトで確認してみましょう

実際にサイトを表示してみましょう。

サイトの確認

サイトの右下(フッターの上)に表示されます。

画面をスクロールしていくと、真ん中下の位置で広告が固定されて、画面はスクロールされますが広告は動かなくなります。

広告の位置を確認

おおっ!ちゃんと固定されてるっっ!

感動です・・・・(´;ω;`)

 

 アドセンス広告の設置方法と表示の確認

アドセンス広告の設置方法

スクロール広告と同じく「Googleアドセンス用エリア」の上に「テキストウィジェット」をドラッグ&ドロップします。

STINGER3 ウィジェットアドセンス広告の設置方法

「Googleアドセンス用エリア」に「テキストウィジェット」が入りました。


テキストウィジェットを開く

テキストの右側の▼をクリックします。

アドセンス広告の設置

広告コードなど、必要事項を入力したら「保存」をクリックします。

 

Googleアドセンス広告をサイトで確認してみましょう

実際にサイトを表示してみましょう。

トップページを確認する

トップページを開きます。

トップページの広告確認

トップページはサイドバーの一番上に表示されます。

 

記事ページを確認する

記事ページも開いてみましょう。

記事ページの広告確認

記事ページでは、トップページと同じサイドバーの一番上に加え、記事側のSNSボタンの上関連記事の下3ヵ所に表示されます。

アドセンスは1つ広告を入れると3ヵ所とも別の広告が表示されていました。
これってすごい便利!

 

Googleアドセンスのスマホ用width300の表示

同じようにアドセンス広告を設置します。

トップページ・・・サイドバーのエリアに何も表示されない

記事ページ・・・SNSボタンの上関連記事の下2ヵ所に表示されます。

 

・・・以上です。

 

おわりに

今回試してみて、STINGER3の広告エリアは、初心者とってにかなり有り難い存在だと実感しました。

私は実際試してみるまで、サイドバー上部にアドセンス広告を張り付ける方法が分らず、sidebar.phpに直接広告を貼ってしまっていました。(←今も・・・汗)
なんてこった・・・(;´∀`)

今回は、おばちゃん的覚え書きですが、初心者さんの参考にして頂ければ幸いです。

それでは、本日もありがとうございました!

次の記事はこちら⇒WordPressでパーマリンクの設定方法は?

 

 - サイトを作る手順, STINGER , , , ,

  • このエントリーをはてなブックマークに追加
  • Pocket

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

[STINGER3]トップページ・サイドバーのカスタマイズ
[STINGER3]トップページ・サイドバーのカスタマイズ

STINGER3の基本的なカスタマイズ第2弾です。 改めて新しいサイトを作るとき …

[初心者]絶対インストールしたい&便利・使えるプラグインはコレ!

[初心者]ワードプレスの初期プラグインとインストール方法の続きの記事となります。 …

WordPress 記事を投稿しよう
WordPress 新規投稿記事の作成方法は?

サイトを作る手順の最後は、記事の投稿の方法についてご紹介します。 スポンサーリン …

ワードプレスで最初に行う設定と手順 サイトタイトルの変更
WordPressサイト作成の手順 タイトル・キャッチフレーズの変更

みなさん、ワードプレスは無事インストールできましたでしょうか? 今回は、ワードプ …

ワードプレス関連記事
WordPress カテゴリーの新規作成法は?

今回はカテゴリー作成についてのご説明です。 カテゴリーとは、投稿記事を分類分けで …

ワードプレス関連記事
[初心者]ワードプレスの初期プラグインとインストール方法

今回は、2回に渡ってワードプレスのプラグインについてのお話です。 ● プラグイン …

[初心者]ワードプレスのテーマSTINGER3をインストールする
[初心者]ワードプレスのテーマSTINGER3をインストールする

今回は、ワードプレスにテーマを設定してみましょう。 スポンサーリンク このページ …

STINGER3 基本的なカスタマイズ
[初心者]STINGER3の基本的なカスタマイズ

スポンサーリンク このページの目次1 STINGER3 テキスト色や装飾の変更1 …

FeedlyボタンとRSSボタンを並べて設置する方法は?
FeedlyボタンとRSSボタンを並べて設置する方法は?

今回は、以前から付けたいと思っていたFeedlyとRSSのボタンの設置方法です。 …

STINGER5
STINER5インストールとカスタマイザーで色のカスタマイズ

とうとう、STINGER3からSTINGER5にバージョンアップを行いました。 …