我正在努力为特定的屏幕宽度应用wordpress功能。下面是给定的php函数,我希望将其应用于特定的屏幕宽度:
function add_specific_menu_atts( $atts, $item, $args ) {
$menu_items = array(4167, 4181, 4359, 4407, 4413, 4423, 4440);
if (in_array($item->ID, $menu_items)) {
$atts['data-toggle'] = 'dropdown';
}
return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_specific_menu_atts', 10, 3 );
我真的很感谢急需的帮助。
主要问题是php无法访问屏幕宽度。
如果我们知道您要完成的目标,这将有所帮助。
还请记住,在页面加载(或旋转设备)并且php已经完成工作之后,用户可以调整浏览器窗口的大小。因此,可能您正在寻找Javascript解决方案。这意味着,运行php函数并设置一些属性或CSS类,然后让Javascript使用这些CSS类更改内容。
我将假定您使用jQuery并具有一个菜单,在该菜单中,当屏幕宽度小于阈值时,某些元素将被隐藏,例如800px
。
也许这会有所帮助:
$(function() { // DOM is loaded
function resize() {
var bodyWidth = $('body').width();
if (bodyWidth < 800) {
$('.hide-on-mobile').hide();
} else {
$('.hide-on-mobile').show();
}
}
$(window).resize(function() {
resize();
});
resize(true); // initial call
});