如何在卡登斯主题中添加滚动到顶部必威网页精装版

如何在卡登斯主题中添加滚动到顶部必威网页精装版

你想要添加滚动到顶部的卡登斯主题必威网页精装版

如果是,那么在本教程中,我们已经分享了一步一步的过程,使用它你可以很容易地做到这一点。

在浏览网页时,你一定遇到过在右边或左边有箭头图标的网站。

点击后,它会把你带到你所在的页面或帖子的顶部。

滚动到顶部的卡登斯主题的例子必威网页精装版
滚动到顶部的卡登斯主题的例子必威网页精装版

这个功能被称为滚动到顶部,使用它可以改善长页面中的导航,从而获得更好的用户体验。

记住这一点,在本教程中,我们分享了如何在Kadence WordPress主题中添加滚动到顶部的完整过程。

如何添加滚动到顶部在Kadence

在我们深入本教程之前,重要的是要知道,您可以在Kadence主题中添加滚动到顶部,只需点击几下即可,因为此功能是内置的。必威网页精装版

这意味着您不必更改主题文件或使用第三方插件。

最重要的是,滚动到顶部是一个可用的功能免费版也是K必威网页精装版adence主题。

记住这一点,下面我们分享了一步一步的过程。

登录WordPress仪表板

假设您已经安装了Kadence主题,第一步是登录到WordPress仪必威网页精装版表板。

为此,您需要访问https://your-site.com/wp-admin,它将带您进入WordPress登录页面。

请注意-在这里,您必须将yoursite.com替换为您的域名。

登录WordPress admin
登录WordPress admin

在此页面上,您必须输入凭据并单击Login。

转到主题定制器

进入WordPress管理后,下一步是导航到主题定制器或自定义菜单。

为此,您必须单击“外观”下的“自定义”。

在WordPress仪表板的外观下自定义
在WordPress仪表板的外观下自定义

或者,如果你在任何页面或帖子上,那么你可以单击WordPress管理栏上的自定义。

自定义选项在WordPress管理栏
自定义选项在WordPress管理栏

它会带你到Kadence Theme Customiza必威网页精装版tion菜单。

搜索滚动到顶部在卡登斯主题自定义器必威网页精装版

现在您已经进入了主题定制器,下一步是找到Scroll to Top选项。

为此,您必须单击“常规”。

Kadence主题自定义菜单中的一般设置必威网页精装版
Kadence主题自定义菜单中的一般设置必威网页精装版

它会向你展示所有的设置,包括滚动到顶部的卡登斯主题。必威网页精装版

滚动到顶部的卡登斯主题自定义器必威网页精装版
滚动到顶部的卡登斯主题自定义器必威网页精装版

添加滚动到顶部在Kadence

一旦你找到滚动到顶部Kadence,下一步是将其添加到您的站点。

现在要添加滚动到顶部的卡登斯主题,你需要点击它。必威网页精装版

它会显示“启用滚动到顶部”选项。

启用滚动到顶部选项在卡登斯主题必威网页精装版
启用滚动到顶部选项在卡登斯主题必威网页精装版

在Kadence中单击启用滚动到顶部切换按钮,它将添加到您的网站,并将显示您的添加设置。

添加滚动到顶部后的附加设置在Kadence主题必威网页精装版
添加滚动到顶部后的附加设置在Kadence主题必威网页精装版

额外的滚动到顶部设置在Kadence主题必威网页精装版

在Kadence中激活Scroll to Top后,它会显示一些额外的设置。

下面我们简要地分享了它们的用法。

向上滚动图标

向上滚动图标在Kadence主题必威网页精装版
向上滚动图标在Kadence主题必威网页精装版

使用此设置,您可以选择/更改滚动到顶部按钮的图标。

图标大小

滚动到顶部图标大小在卡登斯主题必威网页精装版
滚动到顶部图标大小在卡登斯主题必威网页精装版

根据设计的不同,您可能希望增加或减少滚动到顶部图标的大小。

使用这个选项,你可以改变滚动顶部顶部在Kadence图标的大小。

对齐

滚动到顶部图标对齐的卡登斯主题必威网页精装版
滚动到顶部图标对齐的卡登斯主题必威网页精装版

如前所述,您可以在页面的左侧和右侧的站点上找到滚动到顶部按钮。

使用这个选项,你将能够对齐滚动按钮在Kadence主题很容易。必威网页精装版

一边抵消

滚动到顶部图标侧偏移在卡登斯主题必威网页精装版
滚动到顶部图标侧偏移在卡登斯主题必威网页精装版

当您在网站上添加滚动到顶部时,启用它可能会与内容重叠。

在这种情况下,您将不得不将其移动到一边,并使用侧偏移选项,您将能够轻松做到这一点。

重要的是要知道,降低偏移量将使滚动到顶部按钮在Kadence向右移动。

价值的增加会使它向左移动。

底部偏移量

滚动到顶部图标底部偏移在卡登斯主题必威网页精装版
滚动到顶部图标底部偏移在卡登斯主题必威网页精装版

与侧偏移类似,您可以使用此选项将Kadence中的滚动顶部按钮移动到顶部或底部。

增加底部偏移量将使其向顶部移动。

递减会把它移到底部。

可见性

滚动到顶部可见性在卡登斯主题必威网页精装版
滚动到顶部可见性在卡登斯主题必威网页精装版

在Kadence中添加滚动到顶部后,您可能不想在某些设备上显示它。

在这种情况下,您可以使用可见性选项来禁用/隐藏滚动顶部在其他设备上的卡登斯主题。必威网页精装版

说到这里,

完成更改后,单击Publish to Save。

添加滚动到顶部的卡登斯主题必威网页精装版
添加滚动到顶部的卡登斯主题必威网页精装版

检查是否滚动到顶部是活跃的Kadence主题必威网页精装版

现在您已经完成了在Kadence中启用滚动到顶部,下一步是检查它在您的站点上是否处于活动状态。

为此,您可以访问您的网站上的任何页面或帖子,然后滚动一点,直到您看到滚动到顶部按钮。

滚动到顶部按钮在Kadence主题必威网页精装版
滚动到顶部按钮在Kadence主题必威网页精装版

这就是你已经成功地添加了滚动到顶部在Kadence WordPress主题。

如果你喜欢你读过的东西,并且想读betawy必威 或者任何一个bundle,你可以点击我们的特殊的链接或者下面的按钮。

必威网页精装版主题定价和计划

现在你已经完成了添加滚动到顶部在Kadence主题,我们要讨论的下一个主题是它的定价和计划。必威网页精装版

Kadence WP是流行的WordPress主题和插件的家园,下面我们分享了它的计划。

  • 必威网页精装版Kadence Theme Pro- $59
  • 基本包- 129美元
  • 完整包- $199
  • 终身完整捆绑- $699
必威网页精装版Kadence主题和捆绑定价
必威网页精装版Kadence主题和捆绑定价

什么是包含在Kadence主题必威网页精装版

  • 无限的网站
  • 一年的支持和更新
  • 30天满意保证
  • 头插件
  • 钩状的元素
  • Woocommerce插件
  • 最终的菜单
  • 自定义字体
  • 页眉/页脚的脚本

更多的

什么是包含在Kadence必要包

  • 无限的网站
  • 一年的支持和更新
  • 30天满意保证
  • Kadence Blocks Pro
  • 必威网页精装版Kadence主题专业版
  • Pro Starter模板
  • Kadence自定义字体

更多的

什么是包含在Kadence完整包

  • 无限的网站
  • 一年的支持和更新
  • 30天满意保证
  • Kadence Blocks Pro
  • 必威网页精装版Kadence主题专业版
  • Pro Starter模板
  • Kadence自定义字体
  • Kadence云
  • Kadence转换
  • 卡登斯WooCommerce商店工具包
  • 儿童主题生成器
  • Kadence Recaptcha
  • 访问所有插件
  • 独家使用所有未来产品

更多的

什么是包括在Kadence完整的终身包

  • 无限的网站
  • 一次性付款
  • 支持和更新的生命周期
  • 30天满意保证
  • Kadence Blocks Pro
  • 必威网页精装版Kadence主题专业版
  • Pro Starter模板
  • Kadence自定义字体
  • Kadence云
  • Kadence转换
  • 卡登斯WooCommerce商店工具包
  • 儿童主题生成器
  • Kadence Recaptcha
  • 访问所有插件
  • 独家使用所有未来产品

更多的

说到这里,

我希望你会发现这篇文章有帮助,并且能够添加滚动到顶部的卡登斯主题必威网页精装版

如果您有任何疑问,请随时联系我们。

要跟上我们的内容,我们建议订阅我们的YouTube频道和邮件列表。

还有,别忘了加入我们的Facebook群组

加入社区

留言回复

您的电子邮件地址将不会被公布。必填项被标记*