在浏览网站的时候,你肯定看到过页头的不同模式,有些页头好像和页面内容是一体的,没有另外分栏,比较明显的特征就是页头在顶部大背景图中,另外就是你往下拉看网页的时候,顶部的页头会一直跟随在页面顶部,也就是粘附在页面顶部,方便用户随时点击顶部菜单中的其他连接或者页面。
假如你搭建的是wordpress网站,使用的是kadence主题的话,那么很容易给网站设置粘性和透明页头。
Kadence主题设置透明页头/页眉
比如以下网站的页头就是透明的,看起来就是页头和内容是一体的。
Kadence主题设置网站透明页头是很容易的,首先进入wordpress后台,然后从侧边菜单的外观子菜单自定义进去,点击页眉,在常规中拉到最底部,你就会看到透明页眉了。
点击透明页眉,首先点击启用透明页眉,然后你就可以对页眉进行设置了。
前面有五个选项,第一个启用当然要打开,不然就不能设置透明页头了,之后四项是对不同种类的页面页头的设置,也就是说在不同类别的页面上,你可以显示透明还是不透明页头,
- 一种是搜索和存档页面,也就是说用户搜索了你的网站然后搜索结果的页面,存档其实就是一些tag,分类页面
- 页面和文章,这不用说了,你你后页面中的页面就属于页面类型,文章当然属于文章了
- 产品,如果你安装woocommerce等电商插件的时候,就会有这个选项,也就是在你的商店或者产品页面是否设置为透明页头
之后启用这里,一个是PC端,一个是移动端,你需要的话都可以启用,另外还可以给透明页头设置不同于你网站通用的logo,比如说你的logo是深色的,在不透明的网站这能很好显示,但是在透明页头上,可能因为跟底色相近,你就可以设置一个浅色的logo。
设置好透明页头之后,你可以对页头做一些设计和修改:
设计中主要是可以对透明页头上各个元素的颜色背景进行修改和编辑。
Kadence主题设置粘性顶部页头
首先看一下我的网站,当你把网页拉到底部,然后再往上滚动的时候,页头就会跟随粘附在顶部,不过kadence不仅仅是可以设置回滚之后才显示粘性页头,你可以设置页头永远粘附于顶部。
可能你在上文图片的和透明页头位置下方注意到了一个粘性标题,没错,这里就是设置粘性页头的地方。
点击,进入,你首先需要选择是否启用粘性页头,如果选否,那么就是不启用,另外启用的话也有多个选项.
因为Kadence的页头有三行,所以你可以随便选择任意行数来粘附,一般来说启用你的菜单那一行就行,比如本站就只启用主行,其他的设置:
- 启用向上粘性滚动,如果打开这个开关的话,只有当你往上滚动鼠标,或者从网页底部往上回到顶部的过程中页头才会粘附页面,本站就是这样设置,这样设置的好处就是用户不会一直被顶部页头干扰。
- 启用主行收缩,启用的话,你的粘性页头会比实际页头高度更小,这样的目的是不让主页占用屏幕太多空间,当然高度是可以按照你的要求设置,下面的主行收缩高度就是设置收缩后粘性页头的高度。
- 当然你也可以单独为这个粘性页头设置不同的logo。
移动端的粘性页头设置类似,不想看我的介绍,你就自己操作一遍就啥都清楚了。
版权声明:本文原创文章,首发于青松跨境B2C,版权所有,未经允许,请勿转载!
转载请注明:如若转载,请先取得同意,然后注明原文链接,写点东西谁也不容易。