有时候我们很好奇,一个wordpress网站,他用的主题是什么。这里我们介绍一些简单的方案来查看某个wordpress站点用的主题。
检查是否是wordpress站点
当然,一切的前提,肯定要这个网站是wordpress站点。确认了是wordpress站点,我们才能进一步探索。
使用观察法
打开某一个网站,然后打开网页开发者工具,点开网络页签,重新清除缓存加载这个网站(按住键盘Ctrl-Shift-R),查看站点加载的资源的URL地址中是否有 wp-content字样,如果有,那么这个站点大概率是wordpress站点

使用插件法
可以使用一些浏览器插件来检测网站。
我这里提供一个我常用的检测插件,叫做wappalyzer。您可以到您使用的浏览器的扩展商店进行安装
使用在线监测网站法
有很多网站提供检测是否是wordpress 站点的功能
https://whatwpthemeisthat.com 这个 就是一个
输入网址,即可检测网站是否是一个wordpress站点。(当然,这个网站也会将主题信息输出出来,这个具体我们后面再说)

查看主题信息
确认网站是word press站点后,我们便可以尝试查找主题信息了。
观察法
我们打开开发者工具,找到网络页签,重新刷新网页。我们在开发者工具中搜索 /wp-content/themes/这个条目。点开任意一个结果的详情,跟在这个字串符后面的就是wordpress 主题的名称。如下图中的站点,这个站点使用的是Argon主题。

如果想要获取更多的关于插件的信息,我们在开发者工具中找到style.css,并双击打开。
大部分的主题相关的信息便会展示在style.css中

如果出现乱码 这是正常的,因为默认直接打开CSS,中文可能会出现乱码(编码问题),您可以在浏览器开发者工具的控制台中输入下面代码,临时将当前页面编码调整为UTF-8。或者另存为css文件用其他程序查看。
fetch(location.href)
.then(res => res.arrayBuffer())
.then(buf => {
const text = new TextDecoder("utf-8").decode(buf);
document.body.innerHTML = "";
const pre = document.createElement("pre");
pre.style.whiteSpace = "pre-wrap";
pre.style.fontFamily = "Consolas, monospace";
pre.textContent = text;
document.body.appendChild(pre);
});
注意,有的站点style.css可能不会有插件信息哦。
在线查询法
我们刚刚已经提到了这个网站https://whatwpthemeisthat.com,
输入网址,这个站点不止能够判断这个网站是否是wordpress站点,而且还会输出主题信息。
