javascript - 使 WordPress 摘录的长度适应屏幕宽度

Question

我正在制作一个 WP 主题，但有一个小问题。我希望摘录的长度(以 carachters 为单位)适应屏幕宽度。

• 如果屏幕宽度大于 1000 像素，20 个字符
• 在 1000 到 700 之间，应该是 5
• 700 到 640 像素之间，20 个字符
• 640 到 480 之间，5 个字符
• 低于 480 像素，20 个字符。

希望这是有道理的。 :)

我尝试在我的functions.php中创建一些东西。我使用的方法如下:

function new_excerpt_length($length) {

    if ((screen.width > 1024))
    {
        return 5;
    }
    else
    {
        return 15;
    }
}
add_filter('excerpt_length', 'new_excerpt_length');

但这不起作用，它输出相同的数字。 CSS不是一个解决方案，必须在JS中完成，在functions.php文件中(没有jQuery)

Answer 1

很抱歉在这里打破了你的幻想，但是 php 无法知道信息提供给哪个屏幕尺寸。屏幕尺寸的检测仅在客户端/浏览器端完成。

与 Wordpress 相关的最近的方法是使用 wp_is_mobile()，它可以检测移动设备，但话又说回来，wp_is_mobile() 不仅仅是一个笑话作为一个适当的功能。

这里唯一的解决方案是查看 jquery 根据浏览器大小 chop 输出文本。