通常你浏览网站都会看到网站内容两侧有空白,这是因为网站设计者给网站设置了一定的宽度,可以是固定宽度,也可以是按比例的宽度,甚至也有全宽的。
宽度虽然不是一个网站的关键性因素,但是也是对页面排版有一定影响的,在建站初期,大部分站点都是会设置网站页面内容的宽度的,今天就急于Kadence主题简单介绍一下如何设置wordpress网站页面内容的宽度。
如何找到Kadence主题的页面宽度设置
从wordpress的后台外观Appearance中点击Customize,也就是进入到自定义设置里面
在Header、Footer 和General中你就可以设置网站整个界面的宽度,也就是说网站宽度是分三个部分的,页眉(页头)、页脚和页面主题内容。接下来还是用中文界面介绍吧,这样大家更容易理解,然后在英文网站找到对应的设置选项设置就行。
页眉(页头)页脚的宽度设置
页头也就是页眉和页脚的宽度设置是一样的,所以一起讲了,另外kadence主题页头页脚的具体设置教程请看这里。
首先点击页眉(Header),看右边即使浏览的底部,会有三行的一个设置区域,这里的三行就是给你设置页眉的,也就是说页面的header是可以设置成三行的,每一行内容也可以设置宽度,如下图,点击需要设置宽度的那一行左侧的小螺帽
再回到左侧,你就看到了页头header的布局设置了,里面包括宽度和高度的设置
- 标准Standard,通常就是跟随主题,不做其他更改的话,和页面主要内容同宽
- 全宽Fullwidth,根据访客设备屏幕宽度显示全宽
- 包含Contained,是包含进页面主要内容中,根据页面主要内容宽度为基础,如果你再设置了页眉的边距,那么会在这个基础上给页眉添加两边更多空白,这个说起来可能比较难理解,各位自行设置看看就知道是怎样的了
页脚Footer操作完全一样,所以就不赘述。
通常大家都是设置标准,也有部分人设置全宽,少量网站会用到contained,具体页眉和页脚要设置多宽,取决于你的网站模式或者说你自己的喜好。
网站页面内容的宽度设置
网站页面内容的宽度,这里不包含页眉页脚的宽度,也就是网页中心位置内容的宽度,一旦设定,在具体页面上不做具体调整的话,那就是所有页面都是同宽的。
点击customize自定义中的常规,英文界面是General,然后是布局,也就是Layout,在里面有很多项,但是对于页面内容宽度主要是前面四项,挺容易理解也挺容易设置的,设置的同时,右侧也会根据设置显示即时效果。
- 内容最大宽度,根据你网站内容设置吧,通常都是1200左右吧,现在的设备屏幕基本上都是超过1200px的宽度,老笔记本都是1366宽,所以1200px一般是足够的。
- 内容左右边距,也就是页面左右的空白,这里有几个单位,有px,rem,vh,其中vh是按照屏幕比例计算的,另外两个是具体的宽度单位,只是大小不一样,不管你选择哪个,你以便设置以便查看右边的变化直到满意为止
- 内容顶部和底部间距,也就是页面内容上下的空白,同上
- 窄版布局内容最大宽度,为什么有个内容最大宽度,还来个窄版,是因为很多页面会有侧边栏,这时候页面就会分成左右两栏,为了是网站整体布局一致,窄版内容加侧边栏基本就等于内容最大宽度,所以就有了窄版宽度,这里通常保存默认就好了。
不同类型页面的内容宽度设置
在customize自定义中,General常规的下面是一个Posts/pages layout,叫文章页面布局,这里可以单独设置所有文章或者所有页面的宽度。
比如设置所有页面的宽度,点击页面布局,然后在常规中往下拉,看到默认页面布局(Default Page Layout)吧,在这里设置页面这一类型的所有网页宽度
同样方式可设置所有文章页面的宽度,还有文章分类页面的宽度。
如果你建立的是电商网站,比如安装了woocommerce,在customize的woocommerce中你也可以对产品分类页面,单一产品页面进行设置。
单独页面内容宽度设置
基于kadence主题的wordpress网站,除了以上所有页面通用宽度的设置之外,你也可以单独对某一个页面设置宽度。比如你要设置某个页面或者某个文章的宽度,点击这个页面或者文章,进入到编辑界面,点击右上角文章设置,如图中这个图案:
然后在文章布局或者页面布局这个设置中选择你想要的页面宽度就行了。
网站页面内容的宽度建议
页面内容宽度设置会影响网站整体的可阅读性,所以各位不宜设置过窄,不然内容排版可能比较紧凑,也不宜过宽,小屏幕设备可能有些内容看不到。
现在很多网站流行全宽网站,这对于很多电商网站确实不错,因为可展示的内容就更多,但是单个产品界面就不建议全宽了,用户其实更想了解的是这个产品的具体信息,请别让客户觉得页面不友好而放弃了。
最后
WordPress正在不断地更新,最新的wordpress其实已经抛弃了Customize(目前只是隐藏起来),而是改为网站一体化设计了,也就是页头,中间主要内容,页脚都在同一个界面设置,目前官方的主题就是如此,也有不少新主题加入其中。
kadence是一款老牌优秀且专业的wordpress主题,虽然他们还在用customize,这非常适合大部分wordpress的用户,我咨询过他们的客服,假如哪天customize被完全抛弃,他们会跟进的,所以可以放心使用,只是因为目前customize对于此主题来说是最好的解决方案,同时还有Astra。