WordPress 逆向工程:如何复制 WordPress 网站

已发表: 2018-05-24

这个网站看起来很好。 我希望我有一个这样的网站。

这听起来很熟悉吗?

这几乎是每个博主看到一个网站时的想法,炫耀一个很酷的用户界面、颜色、字体等。

我多次陷入同样的​​境地,我知道,需要做点什么。 所以,我继续做我的研究。

更具体地说,我发现了可以对网站进行解码的工具,从而揭示了为其提供动力的所有潜在秘密。

在这篇文章中,我将分享我的WordPress 逆向工程策略和可用于复制任何 WordPress 站点的工具列表。

但是沙菲,为什么是 WordPress? 你可能会问。

原因很简单。 WordPress 是最受欢迎的内容管理系统之一,为互联网上 28.6% 的网站提供支持。

令人惊讶的是,每天都会推出 50,000 多个 WordPress 网站(来源),TechCrunch、迪士尼、索尼等热门网站正在使用 WordPress 来运行他们的网站(来源

我希望能回答你的问题。

[click_to_tweet tweet=”每天有 50,000 个 WordPress 博客发布,拥有出色的设计和功能变得很重要。 以下是复制任何 WordPress 博客的 5 个步骤。 #WordPress #OceanWP #WordPressFacts” quote=”您知道吗,每天都会推出 50,000 个新的 WordPress 博客。 #WordPress 事实”]

准备好了吗? 让我们开始吧。

第 0 步:验证网站是否使用 WordPress

你确实看到了这一点,不是吗?

当然,我们需要做的第一件事是检查我们最喜欢的网站是否使用 WordPress。 如果不是,则遵循此策略毫无意义,您将在以后的步骤中不断摸索。

要检查哪个内容管理系统 (CMS) 为网站提供支持,我们将使用WhatCMS.org——一个免费的在线工具。

使用该工具很简单,复制要测试的网站,在提供的网站框中输入,然后回车。

检查网站是否使用 WordPress

该工具将运行算法集并提供显示网站正在使用的 CMS 的结果。

第 1 步:复制设计

下一个明显的步骤是检查相关站点正在使用什么 WordPress 主题。 如您所知,至少有一万种不同的免费和高级 WordPress 主题可供使用,这为网站所有者提供了足够的选择。

此外,许多网站所有者使用自定义开发的主题,可以是框架的自定义版本或从头开始编码的主题。

要检查正在使用的 WordPress 主题,您可以使用WPThemeDetector.com - 另一个免费工具。

该工具是先进的,可以轻松检测主题或底层框架(即使它是隐藏的),这是其他类似工具(如 WhatWPThemeIsThat.com)无法做到的。

检查网站主题

除了检测主题外,该工具还会提供更多关于开发者的信息、有多少其他网站在使用它以及官方链接。

如果网站使用自定义主题怎么办?

如前所述,某些网站很可能会使用从头开发的自定义主题。 在这种情况下,上述工具不会有太大帮助。

但是不要失望,您可以通过使用OceanWP 主题和 Elementor 等页面构建器的组合来完成相同的网站设计。

OceanWP 很容易成为您遇到的最可定制的主题,并与页面构建器结合在一起,与 Elementor 一样直观且易于使用,为您提供所有功能。

您可以从字面上拖放预制组件,调整大小/颜色,添加一些 CSS 调整,并获得几乎相似的设计。

第 2 步:获得正确的功能!

好的,所以你的设计是正确的,你新制作的 WordPress 网站看起来很相似。 但是,如果没有类似的功能,或者我应该说插件,它就什么都不是。

一个普通的 WordPress 网站由至少 10 个不同的插件提供支持,每个插件都提供独特的功能。

您理想的网站还使用多个插件来拥有流畅的功能和用户体验。 此外,获取插件信息是一个好主意,因为他们会在确定特定的插件之前尝试过多个插件。

虽然很难获得正在使用的插件的确切列表(许多开发人员隐藏名称和信息),但 scanwp.net可以有效地检索信息。

如何查找网站使用的插件

它还可以找到 WordPress 存储库上可用插件的官方链接,以及是否免费。

第三步:不要忘记阅读体验

正如这里所解释的,所使用的字体实际上会影响个人对一段内容的回复方式。

在上述实验中,第一组人(使用易读字体)估计完成任务需要 8.2 分钟。 而第二组(带有难以阅读的字体)估计高达 15.1 分钟。

简单字体心理学

这是一个巨大的差异,并且很有意义。 如果您发现难以阅读说明,您的大脑处理它的速度会变慢,因此估计时间会很长。 当然,你想要你的博客。

如果您想要类似的阅读体验,您应该尝试使用与该网站使用的字体相同的字体。 您可以使用WhatFont Chrome 扩展轻松检测网站使用的字体

安装扩展程序,访问站点(最好是文章页面),单击 WhatFont 扩展程序按钮(位于屏幕右上角),然后将鼠标悬停在文本上。

如何找到网站字体

您不仅可以获得确切的字体,还可以获得字体大小、样式、粗细以及指向 Google 网络字体的链接以供下载。

第 4 步:有人说颜色吗?

同样,颜色与人类心理有关,专家建议使用基于网站利基的最佳调色板。

根据Kissmetrics的说法,颜色会影响购买行为,根据受众类型,您应该选择合适的配色方案。

网站配色方案

虽然您可以查看并获得您最喜欢的网站使用的配色方案,但获得确切的颜色阴影和十六进制代码更有意义。

ColorCombos.com有一个在线工具,可以抓取网页使用的调色板。 您只需输入页面 URL 并按 Enter 键。

几秒钟后,您将获得网站上常用的所有调色板的列表,其中包含十六进制代码和下载配色方案的选项。

第 5 步:网站速度

我非常有信心,您对该网站的第一印象是因为加载速度。 无论设计或用户界面有多好,如果它在 3-4 秒或更长时间内加载,您就会关闭选项卡并且永远不会返回。

Web 托管是良好加载时间背后的主要原因之一,您可能想知道使用什么托管来为该站点提供动力。 如果您通过浏览网站无法获得答案(大多数情况下,它会写在页脚中),您可以使用HostAdvice.com的工具来获取托管服务提供商。

与其他仅使用 Nameserver 检测 Web 主机的工具不同,该工具实际上可以在 CDN 使用的情况下揭示隐藏的主机。

如果没有这个工具,我永远不会知道 OceanWP.org 托管在与 CloudFlare CDN 结合的谷歌云平台上(这解释了超快的加载时间)

如何使用域名查找网站主机

此外,您可以在同一页面上查看托管计划和用户评论。

结论

给你!

现在你是一个秘密刺客,可以快速对 WordPress 网站进行逆向工程,并将其从设计复制到网站功能。

如果您希望在您的网站上添加任何其他内容,但找不到如何完成,请考虑直接联系网站所有者。 在大多数情况下,它们会引导您找到功能的来源或编写它的开发人员。

你有什么秘密工具可以用来复制 WordPress 网站吗? 我很想听听。 发表评论,我们可以讨论它。 确保与您的 WordPress 爱好者朋友分享这篇文章,他们可能会觉得它有帮助。