「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマLOTUS:iPad Proでの表示改善方法

iPad Proは想定するタブレットより画面サイズが大きく、ご自身でのご調整が必要となります。
下記を参考にご対応くださいませ。

1.カスタマイズするphpを表示させる

テーマファイル(lotus_tcd039.zip)を解凍ください。

ファイルを開き、下記の二つのファイルをお探しください。
・head.php
・jscript.js

2.下記コードを修正します。

まずは、head.phpから修正していきます。

<link rel="stylesheet" media="screen and (max-width:770px)" href="<?php echo get_template_directory_uri(); ?>/responsive.css?ver=<?php echo version_num(); ?>">               

<link rel="stylesheet" media="screen and (max-width:834px)" href="<?php echo get_template_directory_uri(); ?>/responsive.css?ver=<?php echo version_num(); ?>">    

続いて、jscript.jsのファイルを修正してください。

if (width > 770) { //PC

    ↓

if (width > 834) { //PC

以上でiPad Proでの表示が改善されます。

修正したファイルをFTPで直接アップ頂くか、ファイルをzip化し再度テーマをインストールしてください。

尚、お客様ご自身でカスタマイズされることは可能でございますが、万が一カスタマイズによって不具合が生じましても、弊社では責任を負いかねますのでご了承ください。
カスタマイズに際しては必ずバックアップをご用意の上、お客様の責任において実施して頂きますようお願い申し上げます。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事