WordPress知识分享

Kadence主题如何添加设置回到顶部按钮?

回到顶部按钮是一个实用功能。如果当前你浏览的页面比较长,那么在页面右下角提供一个 回到顶部(back to top)按钮, 用户浏览到最下面的时候,一键回到顶部,体验还是很不错的。部分 WordPress主题仅提供了这个功能,但没有提供具体可修改的参数,而Kadence主题不但集成了这个按钮,还提供了丰富的按键类型、图片大小、位置、偏移量、可见性等众多参数供设置。

Kadence主题 点我直达 Kadence pro主题基于古腾堡编辑器,快速建站,没有多余代码,小白也能很快上手。入门点击Kadence主题如何快速搭建网站。 更多Kadence主题内容请看Kadence专题
学习、小网站选择 1核2g配置的服务器起步,国外主题建站选择 2核4g配置,适当搭配运行流畅。
国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱) 不知道如何选择地域、配置请在页面右侧+老魏研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网,在搜索框里输入并选择好后注册,记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机,价格便宜,性价比极高!Hostinger专题
选择SiteGround虚拟主机。价格适中服务好!SiteGround专题

Kadence主题回到顶部功能介绍

回到顶部功能 如下图的右下角所示,大家对这个按钮应该不陌生。

Kadence主题回到顶部功能

具体参数的设置在 WordPress后台>外观>自定义>通用>滚动到顶部,如下图所示。

包括功能参数和设计参数两大类。

功能参数:

  • 启用滚动到顶部:启用后在前台页面可见回到顶部按钮
  • 向上滚动按键图标:提供多个图标样式供选择
  • 图标大小:改变图片大小尺寸
  • 对齐方式:选择左对齐或者右对齐
  • 侧边偏移量:距离右侧的距离
  • 底部偏移量:距离底部的距离
  • 可见性:PC端、平板、手机端是否可见

设计:

滚动按钮样式:填充或大纲
按钮颜色、背景颜色、边框颜色、边框样式(点击X进行选择)、边框半径、滚动按钮填充等。

由此可见 Kadence主题对于 回到顶部 这个功能按键,提供了如此丰富的功能和设计参数供选择使用。与之相似的还有Elementor添加设置WordPress回到顶部功能,但实现起来就复杂了一些,另外还有WPFront Scroll Top插件可以用在提供此功能的主题中。而Kadence主题显然更适合新手使用,上手很快。

赞(1)
文章名称:《Kadence主题如何添加设置回到顶部按钮?》
文章链接:https://www.vpsss.net/28708.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。