アフィリエイト

ストーク

スマホと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. ワードプレスプラグイン設定方法

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

  2. エックスサーバー独自SSL

    【エックスサーバー】無料で独自SSLを導入する方法・やり方

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

    All in One SEO Pack設定方法【おすすめワードプレスプ…

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

    Count per Day設定方法【おすすめワードプレスプラグイン】

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

    TinyMCE Advanced設定方法【おすすめワードプレスプラグイ…

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

    Social Networks Auto-Poster設定方法【おすす…

コメント

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

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

PAGE TOP