スマホと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で表示する広告を切り替えることができます。

意外と簡単でしたね。

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

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

この記事を書いた人

人気記事