ワードプレスの記事内で、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。