这就是如何从函数文件中添加小部件。
Note: Only displays on mobiles.
//functions.php
function wpsites_register_widget() {
register_sidebar( array(
\'name\' => \'Bottom Widget\',
\'id\' => \'bottom-widget\',
\'before_widget\' => \'<div>\',
\'after_widget\' => \'</div>\',
) );
}
add_action( \'widgets_init\', \'wpsites_register_widget\' );
add_filter( \'loop_end\', \'bottom_widget\', 25 );
function bottom_widget() {
if ( wp_is_mobile() && is_active_sidebar( \'bottom-widget\' ) ) {
dynamic_sidebar(\'bottom-widget\', array(
\'before\' => \'<div class="bottom-widget">\',
\'after\' => \'</div>\',
) );
}
}
您可以将loop\\u start挂钩更改为loop\\u end,或使用任何其他WordPress或主题特定挂钩。
您还可以在类似single的模板文件中添加小部件。php
<?php if ( wp_is_mobile() && is_active_sidebar( \'bottom-widget\' ) ) : ?>
<ul id="bottom-widget">
<?php dynamic_sidebar( \'bottom-widget\' ); ?>
</ul>
<?php endif; ?>
使用
wp_is_mobile()
检查移动设备上是否正在使用浏览器。
您应该使用CSS媒体查询来设置小部件的样式,以便在不同大小的移动设备上显示。