アフィリエイト

ストーク

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

    保護中: 私が電子コミックサイトで月に100万円稼いだ秘密の方法!

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

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

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

    Search Meter設定方法【おすすめワードプレスプラグイン】

  5. ブログの成果

    8月10日から作り始めたあるブログの結果

  6. アフィリエイトトラブル

    【アフィリトラブル】パックったパクられたトラブル相談をうけました!

コメント

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

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

PAGE TOP