アフィリエイト

ストーク

スマホと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. 秘密の方法

    保護中: 最新アフィリエイト手法完全版

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

    WordPress Ping Optimizer設定方法【おすすめワー…

  3. 検索エンジン 上位表示させたい記事

    グーグルが検索エンジンで上位表示させたい記事とはどんなもの?

  4. アクセス解析Talpa(タルパ)の機能と実際に購入して使ってみた感想・…

  5. アフィリエイト稼ぐコツ

    アフィリエイトで成功するための一番の近道とは?

  6. 【弟子に検証してもらいました!】アフィリエイト初心者でもすぐに稼げる文…

コメント

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

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

PAGE TOP