在外贸建站的过程中,有些商家会选择使用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怎么多语言?》

相关文章

  • WampServer在本地安装WordPress

    如何使用WampServer在本地安装WordPress

    如何使用WampServer在本地安装WordPress?先安装WampServer并启动Apache、MySQL服务,再下载WordPress、创建数据库并运行安装程序,即可快速完成WordPress外贸建站本地环境搭建。下面将详细讲解完整安装流程与常见问题解决方法。 一、WampServer是什么软件 WampServer 是 Windows 平台的 Web 开发环境,无需联网即可运行基于 Apache、PHP、MySQL/MariaDB 的动态网站。它自带 phpMyAdmin、Admin…

    开发教程 2026年 5月 14日
  • 选择WP Optimize中的图片

    WP Optimize图片优化怎么做

    WP Optimize图片优化怎么做?通过安装插件后进入“WP Optimize-图片”页面,选择压缩模式,批量或单独压缩图片,并可启用自动压缩新上传图片功能,免费版已支持基础压缩,高级版则额外提供懒加载、多站点支持等优化选项。接下来本文将手把手教大家如何设置压缩选项、管理备份,并实现新图自动优化,让你的WordPress站点又快又稳! 一、WP Optimize图片优化免费还是付费 WP Optimize两个套餐都包含图片压缩,但在页面加载速度和SEO方面,每一点点都很重要。 高级功能包括“懒…

    开发教程 2026年 2月 16日
  • PHP

    如何安装并配置PHP集成开发环境?

    各位开发人员既可以通过手动安装PHP开发环境,也可通过XAMPP、WAMPServer等一些IDE进行配置。PHP集成开发环境又被称为PHP编辑器,极大地简化了Web开发的流程,通过在一个平台进行编辑、测试、调试等操作,实现了代码开发效率和质量的提高。而本文接下来将为大家介绍如何进行PHP集成开发环境的安装,帮助各位外贸建站的开发人员更好的实现代码的编写。 一、安装PHP集成开发环境的方法 1、手动安装PHP及相关服务器环境 Apache或Nginx:Apache和Nginx是最常用的Web服务…

    开发教程 2024年 7月 25日
  • Ubuntu系统的桌面环境

    新手指南:Ubuntu系统的基本操作和使用教程

    一、Ubuntu系统的基础操作 1、界面介绍 Ubuntu系统的桌面环境通常是基于GNOME桌面环境,它包括以下元素: 桌面:桌面是能看到的整个屏幕,可以在桌面上放置文件和文件夹。 任务栏:位于屏幕顶部的横条通常包含了应用程序启动器、系统菜单、通知区域等。 应用程序启动器:通常位于任务栏左侧,包含了常用的应用程序图标,你可以从这里启动应用程序。 通知区域:通常位于任务栏右侧,包含了系统通知、网络连接、音量控制等快捷操作。 应用程序菜单:在桌面的左上角,通常是一个“Activities”按钮,点击…

    开发教程 2024年 4月 24日
  • 搭建独立站准备

    搭建独立站要做什么准备:避坑指南

    大多数第一次外贸建站的商家,经常会疑惑搭建独立站要做什么准备,首先商家需要确定建站目标,其次要选择合适的建站方式,进行网站结构的规划,然后要确定目标关键词,最后则需要对网站进行运营维护的设置。所以本文为了让大家更好的搭建独立站,接下来将围绕以上提到的几个方面,为大家详细介绍独立站搭建的准备指南,帮助大家成功避坑。 搭建独立站要做什么准备一:建站目标的确定 在搭建外贸独立站之前,确定网站是旨在销售商品、分享个人见解、展示产品组合、提供服务或用于其他独特目的,这将有助于塑造整体结构和内容策略。 如果…

    开发教程 2025年 4月 17日
  • 与商家中心的联系

    如何将Google商家中心(Google产品)与WooCommerce集成

    如何将Google商家中心(Google产品)与WooCommerce集成,前提是需具备功能完善的WooCommerce商城(含SSL证书、完整政策等)及谷歌商户账户,再通过官方插件完成同步。这一集成能让店铺产品直达谷歌搜索、购物等平台,实现精准曝光与高效转化。下面将详细拆解从前期准备到产品订阅源提交的全流程,快速打通谷歌生态流量入口。 一、Google商家中心(Google产品)与WooCommerce集成前提条件 1、功能齐全的WooCommerce商店 店铺应该列出包含完整信息的产品,包括…

    开发教程 2026年 4月 9日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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