在WordPress主题中实现响应式设计，通常涉及以下几个步骤：

1. 使用媒体查询（Media Queries）：媒体查询是CSS3的一个特性，允许你根据不同的屏幕尺寸或设备特性应用不同的样式。你可以在主题的style.css文件中定义这些媒体查询。

2. 使用Viewport元标签：确保你的HTML中包含viewport元标签，这样你的网站可以在移动设备上正确显示。

<meta name="viewport" content="width=device-width, initial-scale=1">

3. 灵活的图片：使用CSS的max-width: 100%;和height: auto;属性确保图片可以响应式缩放。

4. 灵活的网格布局：使用百分比而不是固定像素宽度来定义布局元素的宽度，或者使用CSS框架如Bootstrap来帮助实现响应式布局。

下面是一个简单的媒体查询示例，它可以根据屏幕宽度应用不同的样式：

/* 基本样式 */
body {
    font-family: Arial, sans-serif;
}

/* 移动设备样式 */
@media (max-width: 600px) {
    body {
        background-color: lightblue;
    }
}

/* 平板设备样式 */
@media (min-width: 601px) and (max-width: 1024px) {
    body {
        background-color: lightgreen;
    }
}

/* 桌面设备样式 */
@media (min-width: 1025px) {
    body {
        background-color: lightcoral;
    }
}

至于获取当前设备的屏幕宽度，通常不需要在服务器端（PHP）获取这个信息，因为响应式设计是客户端（浏览器）处理的。但是，如果你需要在JavaScript中获取屏幕宽度，可以使用以下函数：

function getScreenWidth() {
    return window.innerWidth;
}

console.log(getScreenWidth()); // 输出当前屏幕宽度

将这段JavaScript代码添加到你的WordPress主题的header.php文件中，或者作为一个单独的JavaScript文件，并在主题的footer.php文件中通过wp_enqueue_script函数将其引入。

如果你确实需要在WordPress PHP代码中获取屏幕宽度，这通常是不推荐的，因为服务器端代码无法直接知道客户端的屏幕尺寸。不过，你可以通过检测用户代理字符串（User Agent）来尝试猜测设备类型，但这不是一个准确的方法。通常，响应式设计应该完全依赖于CSS和JavaScript，而不是服务器端逻辑。