前提
FoundationやBootstrapを使ってレスポンシブなテーマを作るとき、 <meta name="viewport" content="width=device-width">
を指定していると、タブレットサイズも考慮してCSSを書かなければいけないですがそれなりにデザイン/コーディングの工数がかかります。
タブレットはPC表示でいいよ、という場合も多いのでその場合にサクッと対応する方法です。
手順
- WP Mobile Detectをインストールして有効化
- テーマのviewport周りを修正
header.php
<?php if( class_exists( 'Mobile_Detect' ) && wpmd_is_tablet() ): // widthはデザインに合わせて調整 ?>
<meta name="viewport" content="width=1080">
<?php else: ?>
<meta name="viewport" content="width=device-width">
<?php endif; ?>
わりと現場で使えるテクニックかと思います。