外贸建站的过程中,有些商家会选择使用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 API

    如何在WordPress中集成API?

    用户可以通过WordPress插件WPGetAPI来实现WordPress网站的API集成,借助网站与其他应用程序的连接,以便用户在每一端发送、接收和修改数据。下文也将为大家具体介绍这一方法的具体步骤,为大家在使用WordPress进行外贸建站时提供一个参考。 一、安装并激活插件 要启动该过程,请在WordPress网站上安装并激活该插件。如果没有WordPress帐户,请创建一个,然后在左侧边栏的插件下搜索WPGetAPI插件。 插件激活后,选择要集成的API,在开始集成之前,请阅读API文档…

    开发教程 2024年 10月 3日
  • 导航到外观-自定义

    WordPress侧边栏怎么设置添加

    在进行WordPress外贸建站的过程中,站长会通过添加设置侧边栏来丰富网站的结构,以优化用户体验。通常来说,站长可以借助定制器和Widgets页面实现WordPress侧边栏的设置和添加,为了和大家具体分享WordPress侧边栏的相关知识,下文将以此为大家呈现为什么要添加WordPress侧边栏、怎么设置、删除WordPress侧边栏的内容。 一、为什么要设置添加WordPress侧边栏 1、侧边栏提供了对WordPress独立站重要部分的快速访问,使即时探索变得直观。 2、WordPres…

    开发教程 2025年 3月 7日
  • 选择统一费率

    WooCommerce运费设置

    WooCommerce作为WordPress外贸建站生态的一部分,WooCommerce运费设置是商家在建站过程中不可忽视的一部分,那么商家到底该如何在WooCommerce中添加运费并配置高级运费选项呢?下文将为大家展示具体步骤,通过WooCommerce运费的合理设置,商家可以有效地管理运输成本,提供有竞争力的运费,并增强在线商店的整体客户体验。 一、了解WooCommerce不同类型的运费 在深入了解添加运费的具体方法之前,可以先花点时间了解WooCommerce中可用的不同类型的运费: …

    开发教程 2024年 10月 8日
  • wordpress主题选项框架

    WordPress主题框架是什么 WordPress主题框架推荐

    WordPress主题框架其实与WordPress父主题类似,借助WordPress主题框架用户可以为主题的创建提供代码库,帮助用户加快网站开发过程,此外借助WordPress主题框架还可以设置无头WordPress网站,为用户提供多样的外贸建站计划。 一、WordPress主题框架是什么 1、WordPress主题框架优点 (1)大量的内置功能:从广泛的代码库和自定义挂钩到预制的小部件和拖放功能,可以简化和加快开发速度。 (2)更高效:WordPress主题框架使用最佳开发实践构建,按照严格的…

    开发教程 2024年 12月 10日
  • 安装并激活SeedProd网站构建器插件

    WooCommerce独立站维护模式设置教程

    使用WordPress+WooCommerce搭建外贸独立站时,有时商家会进行网站的改版或更新等工作,这时为了让网站更加顺利的进行访问,就不得不启用WooCommerce独立站的维护模式,但是对于一些不熟悉WooCommerce代码知识的用户来说,此过程可谓是一头雾水,但是为了让小白都能进行独立站维护模式的设置,所以下文将基于此为大家介绍如何使用WooCommerce插件进行独立站维护模式的设置。 一、安装WooCommerce维护插件 安装并激活SeedProd WordPress插件。 导航…

    开发教程 2025年 1月 24日
  • PHP

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

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

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

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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