WordPressテーマTCDのカスタマイズを研究するサイト

PCとスマホで表示内容を変更する方法(トップページコンテンツ編)

Q.スマホでのみ表示したいコンテンツがあります

トップページのコンテンツですが、PCでは、表示せずスマートフォンでのみ表示したいのですが可能でしょうか。

2.下記のphpファイルの該当箇所を編集(追加)します

多くのテーマにて、下記内容は記載しております。一度、記載があるかご確認の上、追加してください。ユーザーエージェントを分岐するコードとなります。

編集するファイル:function.php
編集する箇所:
下記のコードを設置ください。

function is_mobile(){
$useragents = array(
'iPhone', // iPhone
'iPod', // iPod touch
'Android.*Mobile', // 1.5+ Android *** Only mobile
'Windows.*Phone', // *** Windows Phone
'dream', // Pre 1.5 Android
'CUPCAKE', // 1.5+ Android
'blackberry9500', // Storm
'blackberry9530', // Storm
'blackberry9520', // Storm v2
'blackberry9550', // Storm v2
'blackberry9800', // Torch
'webOS', // Palm Pre Experimental
'incognito', // Other iPhone browser
'webmate' // Other iPhone browser
);
$pattern = '/'.implode('|', $useragents).'/i';
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

2.使用方法

トップページのファイル(index.phpが主)のスマホでのみ表示したいコンテンツに下記コードを追記してください。
(フロントページに固定ページを設定するテーマでは当該固定ページテンプレートが編集の対象)

編集するファイル:index.php(フロントページに固定ページを設定するテーマでは当該固定ページテンプレートが編集の対象)
編集する箇所:

<?php if(is_mobile()) { ?>
    //スマホで表示したい内容
<?php } else { ?>
    //PC・タブレットで表示したい内容
<?php } ?>
The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。