【PHP】記事内でPCとスマホの表示内容を変える方法


ワードプレスの記事内で、PCとスマホとの表示内容を変える方法メモです。

投稿ページにphpを記載しても、そのまま表示されないので、ショートコードを活用します。

記事内でPCとスマホの表示内容を変える方法

ショートコードを作成する

いじるのは「functions.php」。

※functions.phpの編集はミスったら、サイトが表示されなくなるので自己責任でお願いします。

function showad() {
if( is_mobile() ){
return 'ここに記載したものがスマホで表示される';
} else{
return 'ここに記載したものがPCで表示される';
}
}
add_shortcode('ad1', 'showad');

上記を「functions.php」に記載します。

そして、投稿ページにて、[ad1]と記載すると、[ad1]の記載した場所に、PCとスマホ別に内容が表示されるようになります。

※ちなみに、ショートコードの名前を[ad1]にしたのは、私の場合、広告の表示をPCとスマホで別にする際使ってるから。ということで深い意味はありません。ショートコード名は自分がわかればなんでもOK。

サイト運営
▼おすすめASP3選

A8.net

おそらくアフィリエイターはみんな登録しているんじゃないかな。日本最大級のアフィリエイトサービス「A8.net」。

私もメインで利用中です。

案件が豊富で、私の場合は、”まずA8.netで案件を調べて、なければ他のASPを利用する”という使い方をしています。

登録する際、審査もなくすぐ使い始めることができます。



バリューコマース

こちらも大手ASP。

A8.netにはない「ヤフーショッピング」のアフィリエイトができます。あと、旅行系の案件もバリュコマにしかないものが多い印象。

上記のように、A8.netにない案件が多々あるので、私はA8.netの補完的なかんじで使っています。

登録には審査がありますが、ぜひ登録しておきたいASPです。



アクセストレード
アクセストレード パートナーサイト募集
通信系や金融系の案件が多いので、そういったサイトを作るときに利用するのがおすすめです。

私は格安SIMの案件で主に利用中。
ライフノラボ