很多外贸老板来找我们搭建自己的网站时,往往会找到一个自己特别喜欢的网站作为参考,甚至希望自己的网站能“照搬”过来。
那么,如何才能准确识别一个网站的搭建技术,为自己的网站建设提供借鉴呢?
今天就跟大家分享一些神奇的操作,分分钟Get一个网站使用了什么程序(比如WordPress, Shopify, Wix等等),什么插件,什么主题做的。
Wappalyzer插件
链接地址:
对应的网址是:https://www.wappalyzer.com/
使用方法超级简单
打开任意你想检测的网站,然后点击Wappalyzer谷歌插件
这下我们就知道这个网站建站用的一些工具啦
- WordPress程序建站
- Elementor编辑器来设计网页
- Hello Elementor主题
如果你想模仿一个这样的网站,就很简单,使用一样的配置就可以啦。
鼠标右键检查
打开你要检测的网站,鼠标右键点击检查,找到Sources,然后打开wp-content (说明这个网站使用WordPress搭建的),
- 然后展开plugins文件夹,看到该网站用到的所有插件
- 然后展开theme文件夹,看到该网站用到的主题
你也赶快去试试吧。
CSSpicker
插件地址:https://chromewebstore.google.com/detail/csspicker-copy-css-from-w/laooinkgdapbcbjchpmihliljfnakkdh
接下来呢,就可以识别具体页面设计的元素了
比如你的Elementor页面编辑设计网页不是很熟悉,在设计网页的时候,不知道用哪个widget微件,这个时候的CSSpicker就派上用场啦。
你想知道页面的哪个section使用的是什么Elementor widget就可以点击,然后CSSpicker就会弹出结果卡片
比如这个展示产品卖点的清单就是用Elementor里面的icon list实现的,那你要做一样的效果,就可以直接使用icon list来设计啦
有了这个神器的工具,用Elementor设计网页是不是简单多了。
你也赶快去试试吧
专业WordPress建站公司,专注打造谷歌SEO友好的WordPress网站。分享WordPress网站SEO,操作等等。
作者:雪梨Shelley,5年+ WordPress建站经验,谷歌SEO优化经验,可以随时联系我获取全链路WordPress建站或谷歌SEO陪跑服务哦。