デバイスごとに異なるフィルター CSS(WOOF_HELPER::is_mobile_device)
ユーザーがクライアントデバイス(<パソコンまたはモバイル>)に応じてサイトのCSSを操作する必要がある場合があります。以下のコード例を使用して行うことができます。このコードは、現在のWordPressテーマのfooter.phpファイルに配置してください。
<?php
if (WOOF_HELPER::is_mobile_device()): ?>
<style type="text/css">
.woof_show_auto_form {
display: inline-block !important;
}
</style>
<?php else: ?>
<style type="text/css">
.woof_show_auto_form {
display: none !important;
}
</style>
<?php endif; ?>
現在の例では、パソコンでwoof自動フォームボタンを非表示にし、モバイルデバイスで表示する方法を示しています…