我想知道最好的做法是什么,如果它真的重要的话。我应该首先检测设备并将页面块包围在设备块内部还是相反?
设备检测器基于:https://github.com/serbanghita/Mobile-Detect, Mobble插件。
设备块:
<?php if ( is_mobile() ) { ?>
mobile
<?php } elseif ( is_tablet() ) { ?>
tablet
<?php } else { ?>
computer
<?php } ?>
页面块:
<?php if ( is_home() ) : ?>
blogpage
<?php elseif( is_page() ) : ?>
pages
<?php elseif( is_single() ) : ?>
posts
<?php elseif ( is_category() or is_tag() ) : ?>
category- or tag-pages
<?php endif; ?>
例如:
<?php if ( is_mobile() ) { ?>
<?php if ( is_home() ) : ?>
blogpage
<?php elseif( is_page() ) : ?>
pages
<?php elseif( is_single() ) : ?>
posts
<?php elseif ( is_category() or is_tag() ) : ?>
category- or tag-pages
<?php endif; ?>
<?php } elseif ( is_tablet() ) { ?>
tablet
<?php } else { ?>
computer
<?php } ?>