大多数站长在使用WordPress进行外贸建站时,可以在WordPress网站上安装一些具有前后对比效果的插件,就可以呈现出产品的前后效果图了。产品的前后对比图可以帮助顾客更好地了解商家的产品,以便用户进行购买。一张好的产品效果对比图可以提高店铺销量,和转化率。那么,如何使用WordPress插件来实现产品效果的前后对比呢,将是本文接下来的叙述要点。

各位商家可以通过添加相关功能的WordPress插件就可以完成该效果。这里给大家演示的WordPress插件是Twenty20 Image Before-After。

Twenty20 Image Before-After插件

在WordPress后台搜索安装该插件,然后激活,就可以使用了。编辑页面的时候,就可以在WordPress编辑器里找到这个插件。

WordPress编辑器

然后在WordPress媒体管理里面,选择两张图片作为前后对比的效果。

两张图片作为前后对比的效果

 

选择好图片,然后点击insert插入,然后就进入具体的编辑界面。

将图片插入具体页面

设置好,点击insert shortcode添加短代码,然后在需要添加该功能的时候,添加这段短代码就可以了。当然了,还可以添加到widget微件中。

在WordPress后台,找到外观appearance,微件widget,然后把设置好的微件拖到需要的位置。

找到appearance和widget

然后,网页的before and after功能就设置好啦。

产品效果前后对比图

除了这款Twenty20 Image Before-After,还可以试试其他的插件。

如果网站使用的是Elementor(访问官网)编辑器,那也非常的方便。首先安装Happy Addons插件,这个插件是专门用于Elementor page builder的。

 

Happy Addons插件

安装Happy Addons之后,Elementor就会多出很多的小工具。然后你添加before and after微件,就可以制作实现产品前后对比的功能了。

Elementor会多出很多小工具

 

相关文章

  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
  • 检查WordPress插件的安全

    如何检查WordPress插件的安全性?

    并非所有的WordPress插件都是安全的,所以对于一些WordPress插件的安全性检查是必要的。所以各位站长在WordPress外贸建站的过程中,可以通过查看插件来源、评分、开发者信息等方法,来保证WordPress插件的安全性。而具体步骤将在下文呈现。 一、并非所有WordPress插件都是安全的 WordPress为互联网上高达43%的网站提供支持,因此它成为黑客和网络犯罪分子的主要目标也就不足为奇了。而WordPress受欢迎的原因之一是其庞大的免费插件库,超过60,000个的插件,有…

    科灯跨境学院 2024年 7月 26日
  • WordPress PHP版本

    WordPress PHP版本用哪个?

    一提到WordPress外贸建站,不可避免的想到网站代码的编写,其中PHP代码为用户和网站实现交互提供了可能,那么面对市场上众多的PHP版本,WordPress PHP版本到底用哪个呢?PHP的最新主要版本是8.3,最新的WordPress 6.6版本建议使用PHP 7.4及更高版本。目前PHP 7.3和PHP 7.4的先前稳定版本已经达到了生命周期的终点(EOL)。 一、哪些PHP版本与WordPress兼容 PHP的每个版本都拥有三年的生命支持周期,包括两年的积极支持和一年的关键安全补丁。例…

    常见问题 2024年 10月 14日
  • Rank Math SEO插件使用教程

    Rank Math SEO插件使用教程

    Rank Math是一款功能强大的WordPress SEO插件,不但提供了全面的SEO设置,包括关键词优化、元标签优化、网站结构优化等;而且还提供了内部链接建设工具,帮助外贸独立站建立良好的内部链接结构,提升网站的用户体验和SEO效果。本文为大家介绍下Rank Math SEO插件使用教程,让大家的网站在搜索引擎的排名中脱颖而出。 >>>>>点击进入Rank Math官网购买<<<<< 一、安装并打开Rank Math设置向导 首先确…

    插件指南 2024年 4月 28日
  • 外贸SEO

    外贸SEO是什么意思?

    外贸SEO指的是外贸企业面向海外的一种营销推广方式,属于外贸建站推广的一种,旨在通过关键词策略的制定,以提高外贸网站的搜索排名。下文将为大家具体介绍外贸SEO的有关内容,希望可以为大家了解外贸SEO提供一定的参考。 一、外贸SEO平台 1、Google Google搜索引擎是由Google公司推出的一个国际网络搜索引擎,它是国际网络上最大、影响最广泛的搜索引擎,占据市场90%的份额,是外贸SEO必做的平台。Google每日通过不同的服务,处理来自世界各地超过30亿次的搜索。除了搜索网页外,Goo…

    常见问题 2024年 10月 7日
  • 瑜伽外贸独立站案例

    外贸网站建设案例分享:瑜伽网站

    本文向大家介绍了三个比较火爆的瑜伽海外独立站,并附上了各自的每月访问、桌面和移动端的页面速度。每一个瑜伽网站都通过自己独特的优势,吸引了瑜伽新手和资深爱好者的注意力,当各位准备搭建瑜伽网站的商家了解清楚它们的建站理念时,将有助于进一步搭建一个符合自己心仪的瑜伽外贸网站。 一、瑜伽网站建设案例分享 1、Yoga Basics 每月访客:42.7K+ 移动页面速度:96 桌面页面速度:98 Yoga Basics是一个帮助用户学习瑜伽要领的网站,为初学者提供了易于操作的提示、有用的文章和建议,让瑜伽…

    科灯跨境学院 2025年 8月 19日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部