外贸建站的过程中,有些商家会选择使用WordPress幻灯片为网站页面增加一定的动感和可观性,进而提高网站与访客的互动性,那么这一步骤对于一些新手用户或者不懂代码的小白来说,可能过于生涩难懂,所以下文将为大家介绍一种简易的方法为大家介绍WordPress幻灯片设置步骤。

一、安装WordPress幻灯片插件

首先进入WordPress独立站的仪表板并在左侧菜单上找到“插件”选项卡,然后单击“添加新”,然后在搜索栏中输入滑块的名称“Smart Slider 3”。

安装WordPress幻灯片插件

单击“立即安装”,然后单击“激活”。

单击激活

二、 创建幻灯片

现在已经安装了 Smart Slider 3,将会在仪表板左侧菜单中看到它,向下滚动并单击,将看到两个选项:从头开始创建新滑块和使用模板,之后点击“模板库”,用户将看到大量模板,选择要使用的滑块后,将鼠标悬停在模板上,然后单击出现的“导入”按钮。 导入后将看到仪表板中现在有 3 张幻灯片:幻灯片 1、2 和 3,将它们加起来可以创建一个滑块。

创建幻灯片

用户可以编辑其中任何一个以添加文本、图像和视频,如果想更改文本,只需单击文本,就会出现一个小框,编辑器框就会出现。在此编辑器框中,可以通过单击油漆罐图标来更改文本的外观,这样就可以:

  • 在文本中添加链接
  • 编辑文本的颜色
  • 更改字体
  • 选择字体的大小和粗细
  • ETC

可以单击文本下方的按钮执行相同操作。如果单击铅笔按钮,可以更改按钮文本,甚至可以通过单击来编辑整个滑块框,而不仅仅是框中的元素,还可以在此处更改背景颜色或不透明度等内容。

接下来需要将更改幻灯片的背景图像,用户需要向上滚动并点击“背景”,用户将看到图像按钮已被选中,此时需要做的就是向下滚动并找到标题为“背景”的行。在它旁边将看到“图像”,它应该已经包含一个可以替换的图像。

更改幻灯片的背景图像

将鼠标悬停在图像上并单击出现的小 X 即可删除此图像。 然后只需点击绿色按钮即可添加新文件,之后转到“上传文件”并点击“选择文件”。现在只需选择要查找的图像,然后单击“打开”,然后单击“选择”,新图像就会出现了。

然后向上并单击右上角的“保存”按钮,然后单击左上角的“滑块”返回主仪表板。 用户也可以继续向下滚动,将会看到一个菜单栏,其中有“发布”、“常规”、“大小”等选项卡,点击“常规”,在这里将找到更多关于滑块外观的自定义选项。

三、 在网站上显示幻灯片

1、WordPress编辑器显示幻灯片

转到左侧菜单上的仪表板,单击“页面”并添加一个新页面,此时需要一个主页滑块,因此在这种情况下,只需转到 WordPress 仪表板中的主页即可。 要将此滑块添加到此页面顶部,请单击左上角的小加号按钮并搜索 Smart Slider 3。

WordPress编辑器显示幻灯片

单击“ Smart Slider 3”后,它将出现在页面编辑器中,并带有一个蓝色的大按钮,上面写着“选择滑块”,继续并单击它。 然后选择想要使用的滑块,现在只需点击“发布”,然后再次点击“发布”,然后点击“查看页面”即可查看页面内容。

2、Element或Page Builder创建幻灯片

将鼠标悬停在 WordPress 仪表板左上角的姓名上,然后单击“访问网站”,在主页页面,单击页面上的小菜单栏上的“使用 Elementor 编辑”,如果想在主页顶部添加滑块,只需单击页面顶部中央的小蓝色加号按钮即可。

Element或Page Builder创建幻灯片

然后在左侧出现的框中搜索 Smart Slider 3,将看到一个带有 WordPress的图标和另一个带有滑块的图标,选择带有滑块图标的选项并将其拖到想要出现的位置,然后选择要使用的滑块。此时用户将看到滑块并能够直接在编辑器中对其进行测试。

如果滑块的顶部和底部会出现小白条,点击左侧编辑器菜单中的“高级”选项卡,然后在“边距”下方将值更改为-10,此时这些白条将会完全消失,最后点击“更新”。

推荐阅读

WordPress教程菜鸟教程

WordPress更换域名详细教程

WordPress怎么多语言?

相关文章

  • WooCommerce收款设置

    WooCommerce收款怎么设置?

    WooCommerce收款怎么设置?商家可以通过WooCommerce账户后台的设置-付款选项对WooCommerce收款进行设置。WooCommerce作为WordPress建站生态的一部分,WordPress收款方式的设置是商家使用WordPress进行外贸建站必须熟悉的操作之一,所以下文将为大家带来WooCommerce收款方式设置的有关内容。 一、WooCommerce收款方式 WooCommerce支持Paypal、Stripe、信用卡等多种收款方式,WooCommerce默认的付款方…

    开发教程 2024年 11月 11日
  • 确保WooCommerce HTTPS 合规性

    WooCommerce谷歌支付怎么开通

    WooCommerce谷歌支付怎么开通?首先商家需要创建Google和Stripe账户、安装Google Pay插件和确保HTTPS合规性,之后需要通过配置WooCommerce对支付网关进行设置,最后则需要激活Google Pay插件。 将 Google Pay 与 WooCommerce 商店集成可简化结账,提高客户的便利性和安全性。Google Pay 是一种可广泛访问的数字钱包,提供快速、加密的交易,从而提高转化率并改善用户体验。本指南涵盖基本内容:设置帐户、安装插件、确保 HTTPS …

    开发教程 2025年 5月 8日
  • Shopify跨境电商开店流程及费用

    Shopify跨境电商开店流程及费用

    Shopify跨境电商独立站凭借易用性和可扩展性,允许商家在没有高技术专业知识的情况下创建专业的跨境电商商店,无论是开展副业还是扩展已建立的业务,Shopify独立站都会提供强大的工具来支持商家的旅程。在本文中将讨论如何通过九个简单的步骤进行Shopify跨境电商的开店及Shopify开店费用的介绍。 一、Shopify跨境电商开店流程 1、注册Shopify 创建Shopify商店的第一步是Shopify注册,为此需要访问 Shopify 并单击“开始免费试用”按钮。Shopify 提供为期三…

    开发教程 2025年 4月 23日
  • Shopify

    Shopify如何隐藏售罄产品?

    Shopify如何隐藏售罄产品?在跨境电商独立站中,商家可以把售罄商品从集合中移除,也可以取消Online Store销售渠道发布。需要自动处理时,可以在集合条件中只纳入库存大于零的商品。商品是否还能通过原URL访问,取决于采用的是集合规则、销售渠道设置,还是Draft、Archived或Unlisted等商品状态。 对于经营跨境电商独立站的商家来说,售罄商品不能按照同一种方式处理。先看补货计划。短期缺货的产品可以继续保留页面并显示售罄状态,长期停售或没有补货计划的产品再从前台隐藏。处理方式不同…

    开发教程 2026年 8月 27日
  • Shopify 主题编辑器

    Shopify主题自定义开发教程

    对于独立站有品牌塑造要求的商家来说,通过现有的主题模版自定义开发设置网站是一种不可或缺的手段。所以下文将围绕Shopify跨境电商独立站,向大家介绍Shopify主题自定义开发的主要教程,以供大家参考。 当使用 Shopify 主题编辑器自定义开发时,是在自定义页面模板,而不是单个页面本身,这意味着对特定模板所做的任何更改都将应用于使用该模板的所有页面。 可以自定义在线商店的内容、布局、排版和颜色,每个模板都提供了部分和设置,允许更改商店的外观,而无需触摸甚至查看任何代码。 Shopify独立站…

    开发教程 2025年 7月 16日
  • WooCommerce短代码

    如何添加WooCommerce短代码?

    用户在使用WooCommerce进行跨境电商独立站搭建工作时,有可能会借助WooCommerce短代码实现更加醒目的页面布局,帮助商家更加直观地展示产品。那么这一步骤该如何实现呢?商家可以借助一些WooCommerce短代码示例,在WordPress编辑器中直接添加WooCommerce短代码来实现这一功能,下文将为大家具体介绍WooCommerce短代码有关知识。 一、WooCommerce短代码是什么 也许大多数人都熟悉在WordPress独立站中使用短代码,它显示为两个方括号[shortc…

    开发教程 2024年 9月 27日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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