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

相关文章

  • 锚链接

    WordPress锚链接怎么设置

    WordPress锚链接怎么设置?WordPress锚链接可通过编辑器设置锚点ID+关联#ID链接、纯HTML手动创建、插件辅助等方式实现。锚链接与超链接不同,前者仅在同一页面跳转定位,后者可指向内外网页面,对优化外贸建站导航体验、提升海外访客浏览效率尤为关键。下文将从编辑器操作、代码设置等维度,拆解外贸建站适配的锚链接实操方案,一起看看具体步骤。 一、锚链接和超链接的区别 超链接是什么 在详细讨论WordPress锚链接之前,需要先了解什么是超链接。 可能已经知道这类链接:带有彩色或下划线的文…

    开发教程 2026年 5月 8日
  • HTML、CSS、JS和PHP之间的关系

    HTML、PHP、CSS和JS之间的关系

    在外贸建站的过程中,要想进行独立站的开发,不可避免的会遇到网站搭建常见的四种技术,分别是HTML、PHP、CSS和JS,一提到这四种技术语言时,不少技术小白会一脸懵,所以接下来本文将为大家梳理这四种语言之间的关系,为大家外贸建站提供一些技术支撑。 HTML:HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言。HTML其实是文本,它只是客户端语言,所以需要浏览器的解释,而且只用HTML做出来的网页是静态网页,没任何得交互功能。 CSS:…

    开发教程 2024年 9月 4日
  • 点击激活

    WordPress仪表盘如何添加网站速度报告

    WordPress仪表盘如何添加网站速度报告,是WordPress外贸建站中提升性能的重要内容。核心需先选MonsterInsights插件,安装激活并关联Google Analytics,再自定义仪表盘指标,理解核心网页指标等数据,追踪转化并利用数据优化,同时保持仪表盘更新。下面将详细拆解具体操作流程。 一、选择一个WordPress插件 向仪表盘添加网站速度报告的第一步是选择合适的WordPress插件。有几款WordPress分析插件可用,但MonsterInsights是将网站速度报告与…

    开发教程 2026年 4月 16日
  • 单击添加新

    WordPress怎么添加视频

    WordPress怎么添加视频?WordPress添加视频有两种方式,分别是通过WordPress后台-媒体库中直接添加,另一种是借助块编辑器( 古腾堡编辑器)将视频添加到指定文章/页面中。本文接下来将围绕以上WordPress添加视频的方式讲解具体的操作过程,助力各位站长顺利进行WordPress外贸网站建站和推广的工作。 WordPress怎么添加视频一:WordPress直接上传 可以将视频文件直接上传到 WordPress 媒体库,为此请执行以下作: 转到仪表板并选择媒体。 单击“添加新…

    开发教程 2025年 9月 24日
  • Shopify注册流程及注意事项

    Shopify注册流程及注意事项

    随着SaaS跨境电商独立站搭建的火爆,作为用户友好代表的Shopify建站平台受到了众多站长的追捧。为了帮助使用Shopify建站的商家更好的使用Shopify搭建独立站,下文将围绕Shopify注册流程和注意事项,为大家展开以下内容,进一步掌握Shopify独立站的搭建步骤。 一、Shopify注册流程 1、点击访问Shopify官网,点击首页的免费试用按钮,对于使用Shopify建站的用户来说,Shopify均赠送了3天的免费试用期限,在这三天的期限内,用户可以进一步了解Shopify建站的…

    开发教程 2025年 4月 1日
  • flow

    六大PHP Web框架软件汇总

    Web框架作为Web程序开发前段工具,可以减少开发时间和维护成本,对于外贸建站来说,是一个较好的代码应用数据库。PHP则是Web开发应用较广泛的前端脚本语言,所以本文基于此,将和大家分享一些PHP Web框架软件,助力外贸独立站的建设。 一、Agavi Agavi是一个强大的,可扩展的PHP 5应用程序框架,遵循MVC范例。它使程序员能够编写清晰,可维护和可扩展的代码。Agavi将选择和自由放在限制性公约上,重点是持续的质量而不是短视的决定。它不是一个完整的网站建设工具,而是一个程序员可以构建应…

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

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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