【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。