如何识别网站的搭建技术?搭建一个你喜欢的外贸独立站

📚 文章大纲

很多外贸老板来找我们搭建自己的网站时,往往会找到一个自己特别喜欢的网站作为参考,甚至希望自己的网站能“照搬”过来。

那么,如何才能准确识别一个网站的搭建技术,为自己的网站建设提供借鉴呢?

今天就跟大家分享一些神奇的操作,分分钟Get一个网站使用了什么程序(比如WordPress, Shopify, Wix等等),什么插件,什么主题做的。

Wappalyzer插件

链接地址:

https://chromewebstore.google.com/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg?hl=zh-CN&utm_source=ext_sidebar

wappalyzer plugin
wappalyzer plugin

对应的网址是:https://www.wappalyzer.com/

使用方法超级简单

打开任意你想检测的网站,然后点击Wappalyzer谷歌插件

wappalyzer inspect
wappalyzer inspect

这下我们就知道这个网站建站用的一些工具啦

  • WordPress程序建站
  • Elementor编辑器来设计网页
  • Hello Elementor主题

如果你想模仿一个这样的网站,就很简单,使用一样的配置就可以啦。

鼠标右键检查

website right click inspect
website right click inspect

打开你要检测的网站,鼠标右键点击检查,找到Sources,然后打开wp-content (说明这个网站使用WordPress搭建的),

  • 然后展开plugins文件夹,看到该网站用到的所有插件
  • 然后展开theme文件夹,看到该网站用到的主题

你也赶快去试试吧。

CSSpicker

插件地址:https://chromewebstore.google.com/detail/csspicker-copy-css-from-w/laooinkgdapbcbjchpmihliljfnakkdh

csspicker google extension
csspicker google extension

接下来呢,就可以识别具体页面设计的元素了

比如你的Elementor页面编辑设计网页不是很熟悉,在设计网页的时候,不知道用哪个widget微件,这个时候的CSSpicker就派上用场啦。

csspicker
csspicker

你想知道页面的哪个section使用的是什么Elementor widget就可以点击,然后CSSpicker就会弹出结果卡片

比如这个展示产品卖点的清单就是用Elementor里面的icon list实现的,那你要做一样的效果,就可以直接使用icon list来设计啦

有了这个神器的工具,用Elementor设计网页是不是简单多了。

你也赶快去试试吧

专业WordPress建站公司,专注打造谷歌SEO友好的WordPress网站。分享WordPress网站SEO,操作等等。


作者:雪梨Shelley,5年+ WordPress建站经验,谷歌SEO优化经验,可以随时联系我获取全链路WordPress建站或谷歌SEO陪跑服务哦。

添加微信