アフィリエイト

ストーク

スマホとPCで表示する広告を切り替える方法ワードプレステンプレート【ストーク】

にほんブログ村 小遣いブログ アフィリエイトへ

今回はワードプレステンプレート【ストーク】を使ってスマホとPCで表示する広告を切り替える方法についてまとめていきます。

ワードプレスの管理画面のメニューから
【外観】⇒【カスタマイズ】⇒【追加CSS】
の順に進んでください。

追加CSSに以下の記述をしてください。

.sp-mieru {
	display: none;
}
@media screen and (max-width: 640px) {
	.pc-mieru {
		display: none;
	}
	.sp-mieru {
		display: block;
	}
}

あとは自分の記事の入れたいところに
以下のタグを入力してください。

PCだけに表示させる広告

<div class="pc-mieru">広告タグ</div>

スマホだけに表示させる広告

<div class="sp-mieru">広告タグ</div>

これでスマホとPCで表示する広告を切り替えることができます。

意外と簡単でしたね。

これで思う存分稼いでくださいね。

今回使用したテンプレートはストークというおすすめのテンプレートです。

⇒ WordPressテーマ「ストーク」

スポンサーリンク

関連記事

  1. ヤフーメール

    Yahoo!ヤフーメールアドレスの取得方法を解説します!

  2. ワードプレスプラグイン設定方法

    WP Fastest Cache設定方法【おすすめワードプレスプラグイ…

  3. 弟子のAさん奮闘中!初心者でもこれくらい稼げるようになる!

  4. アフィリエイト目標達成

    【ブログ運営】気がついたら目標を達成していました!

  5. ワードプレスの最新テンプレートを購入しました!

  6. アマゾンアフィリエイト

    アマゾンアフィリエイトの可能性に気がつきました!

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP