ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマAMORE:タブレット端末でのフッターバーのメニュー表示について

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.タブレット端末でのフッターバーのメニュー表示にする方法を教えて下さい。

A.下記、非表示にする方法です。

編集するファイル:footer.php

該当箇所:

<?php if ( is_mobile()) { get_template_part('footer-bar/footer-bar'); }; ?>
  <div id="return_top">
    <a href="#header_top"><span><?php _e('PAGE TOP', 'tcd-w'); ?></span></a>
  </div>

<?php if ( wp_is_mobile()) { get_template_part('footer-bar/footer-bar'); }; ?>
  <div id="return_top">
    <a href="#header_top"><span><?php _e('PAGE TOP', 'tcd-w'); ?></span></a>
  </div>

上記、条件文の変更にて、タブレットの場合でもフッターバーが生成されるようになります。
ただし、上記のみでしたらCSSが効いておりませんので、header.phpのis_mobile()をwp_is_mobile()にご変更頂くことや、
amore.cssなどのメディアクエリをご変更頂く必要があるかと思われますので、ご注意下さいませ。

また、スマートフォンは非表示、タブレットは表示状態にする方法ですが、こちらは、上記箇所の条件文をお増やし頂くことで可能かと思われますので、お試しくださいませ。

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

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

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