大多数站长在使用WordPress进行外贸建站时，可以在WordPress网站上安装一些具有前后对比效果的插件，就可以呈现出产品的前后效果图了。产品的前后对比图可以帮助顾客更好地了解商家的产品，以便用户进行购买。一张好的产品效果对比图可以提高店铺销量，和转化率。那么，如何使用WordPress插件来实现产品效果的前后对比呢，将是本文接下来的叙述要点。
各位商家可以通过添加相关功能的WordPress插件就可以完成该效果。这里给大家演示的WordPress插件是Twenty20 Image Before-After。
在WordPress后台搜索安装该插件，然后激活，就可以使用了。编辑页面的时候，就可以在WordPress编辑器里找到这个插件。
然后在WordPress媒体管理里面，选择两张图片作为前后对比的效果。
选择好图片，然后点击insert插入，然后就进入具体的编辑界面。
设置好，点击insert shortcode添加短代码，然后在需要添加该功能的时候，添加这段短代码就可以了。当然了，还可以添加到widget微件中。
在WordPress后台，找到外观appearance，微件widget，然后把设置好的微件拖到需要的位置。
然后，网页的before and after功能就设置好啦。
除了这款Twenty20 Image Before-After，还可以试试其他的插件。
如果网站使用的是Elementor（访问官网）编辑器，那也非常的方便。首先安装Happy Addons插件，这个插件是专门用于Elementor page builder的。
安装Happy Addons之后，Elementor就会多出很多的小工具。然后你添加before and after微件，就可以制作实现产品前后对比的功能了。
相关文章
-
WordPress外贸建站教程：WordPress导航菜单怎样设置？
各位商家可以在WordPress网站后台的菜单页面进行WordPress导航菜单的相关设置，诚然一个分类清新醒目的当行菜单栏可以帮助访客更好的了解自己的网站，并在网站上快速搜索自己想要的信息，可以说WordPress导航菜单的设置是每位商家都应该掌握的外贸建站的必备技巧，那么WordPress导航菜单到底是怎么进行设置的呢？下文将为大家呈现。 一、进入WordPress导航菜单设置页面 进入到WordPress独立站后台后，找到左侧的“外观”进行点击，这里可以看到它的下方有一个“菜单”选项，点击…
-
WordPress是什么平台 WordPress是免费的吗？
WordPress作为一个开源的内容程序管理系统，是目前市面上使用最为广泛的网站建设平台，此外WordPress还是一款免费的软件，帮助越来越多的站长实现外贸建站的目标，所以下文将为大家具体介绍一下WordPress的相关情况。 一、WordPress的主要特点 1、易于使用：WordPress的界面简单直观，用户可以通过简单的操作完成网站的创建和管理，无需专业的编程技术； 2、插件和主题：WordPress拥有丰富的插件和主题，用户可以根据自己的需求选择适合自己的插件和主题，扩展网站的功能和外…
-
谷歌SEO优化之内容营销指南
“内容为王”是营销人员的一句老话。尽管对于这句话的准确性存在很大争议，但要记住的一点是，内容是如此有价值，因为所有其他营销领域都依赖于它的存在。对于搜索营销人员来说，也许最重要的是，内容是SEO的“原材料”。 营销人员获得的每个链接都指向一段内容，而人们在搜索引擎中输入的关键字则是寻找内容的尝试。每封电子邮件、每条推文、每个登陆页面以及每个产品描述——它们都是内容的示例。一方面，内容包含营销人员可以针对搜索引擎进行优化的核心元素。除了优化页面上的文字之外，这些元素向在线内容提供的元数据还可以帮助…
-
WordPress外贸建站：WordPress后台设置教程
随着外贸独立站的发展，越来越多的商家选择用WordPress进行外贸建站，各位商家在拥有自己的WordPress账户后，第一件事就是对WordPress后台的一些设置进行更改。商家通过对WordPress后台合理的设置，可以有效的促进网站SEO的优化，那么WordPress后台到底该如何设置呢？将是本文接下来要呈现的内容。 WordPress后台设置一：常规设置 点击WordPress后台的这个“设置”菜单，会在它的下方展现几个子菜单：常规、撰写、阅读、讨论、媒体、固定链接、隐私。下面就来熟悉一…
-
WordPress性能优化插件Perfmatters使用指南
在外贸建站时，常常会遇到WordPress网站页面加载速度缓慢，数据资源请求次数较高等问题，那么如何进行网站运行速度的优化，提高用户体验感呢？所以本文接下来将为大家介绍一款WordPress的性能优化插件—Perfmatters，助力各位站长提高网站性能，减少用户流失率。 Perfmatters是一款轻量级WordPress性能优化插件，主要功能是加速和优化WordPress网站，来提高网站加载速度并减少资源消耗。同时，可以很好的降低网站资源请求次数，来有效提升页面打开速度。 一、Perfmat…
-
如何进行CSS的网站设计与开发？
各位站长在外贸建站时，可以通过变换生成、掌握Calc（）函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具，可以极大程度上，减少前端技术人员代码编写的负担，帮助网站形成一个良好的网站布局。所以，本文接下来将和大家分享在CSS设计中存在的一些巧思，让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率，如灰度PNG，并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案，并且可…
