wordpress自建站除了一些后台的设置,就是从设计页头开始了,谁一打开网站首先就是看网站的页头,在wordpress设计页头不难,但根据主题不同,页头Header设置跟设计也是不同的,直至wordpress版本6.0,整体来说有有三类。
1. 拖曳式WordPress页头Header设置
拖曳式的页头设计,顾名思义,就是把现成的block模板拖入相应的位置,然后调整设置这个模块称自己需要的内容,这些模块是可以随意拖动放置位置的,可操作性强,但易用自由度也高,非常适合设计出完全独特的页头出来,就比如本站的使用的主题Kadence。
以此主题为例,说一下步骤:
第1步:点击wordpress后台的Appearance(外观)子菜单Customize进去到下面页面。这里说明一下,从wordpress 5.9开始自带主题2022并没有customize这个子菜单,但是你安装Kadence或者大多数其他主题会自动在Appearance中添加多个子菜单,包括Customize。
第2步:进入到Customize中之后,左侧菜单中你就能看到一个Header,点击,右边可视化界面底部就会出现三行,这就是页头block放置区域,而顶部则显示即时效果:
如上图,其实很清晰明了,看我红字说明,把你需要的block拖入到右边底部任意位置,然后点击相应block那个螺帽符号就能编辑设置这个block了。目前免费版kadence的block比较少,但主要的元素都有,付费版的block比较丰富。
第三步:比如页头已经添加了Logo和主要菜单,点击小螺帽,在左侧上面可以设置和设计了:
General是设置,Design是设计比如字体,宽高,颜色等等,具体要怎样就按你的需求编辑,记得保存。这种页头设计是不是很简单也很自由,想怎样就怎样?
在使用kadence之前,我用过很多主题,但大部分都是固定好了的页头,我自己就想设置自己想要的,总是很难找到,因此放弃过一段时间wordpress,直到有一次试用了kadence,才发现原来wordpress并非那样,从此打开了新天地。
在我使用过的主题中,还有Blocksy、Astra(最初不是这种页头,后来添加了),好像Avada也是。这种页头是我个人认为最好,也是最喜欢的,对新手也很友好,有机会的可以试一下。。
2. 大部分主题自主的页头设置
如果你在Themeforest或者Template Monster上购买主题的话,大部分主题都是再带几个固定的页头模板,你只要在几个模板选择一个,然后做出相应的设置和编辑就行了。
比如我早期在Themeforest购买的叫做Umbala的,主题很清新简洁,就是类似,看一下他们的页头模板:
这些主题的页头设置一般都在Appearance(外观)下有个单独的菜单或者也在Customize中,你点进去按照他们的使用文档设置就行了。假如你购买的是这类主题那么页头大致就是这样设置了。
3. WordPress 5.9之后的古腾堡Block设计
WordPress从5.9起在2022主题中的Apearance引入了一个新的Editor(编辑器),剔除了其他的所有子菜单,包括customize,者应该是趋势。这个编辑器其实就是古腾堡,但这次的更新连页头也是直接在古腾堡中编辑了,毕竟大概,大部分开发团队也不可能马上跟上,我也没空去试一些新主题,就知道官方自带的2022是使用最新的Editor。
来看看WordPress以后鼓励用户怎样编辑网站吧。点击Editor进入编辑器,以后网站的大部分元素都在这里完成了。
如上图,中间那块有一只鸟的整个黑色就是页头了,当然你不需要那么高的页头,这个是可以调整的,只是自带主题就是这样;左边可以选择模板以及模板部件,编辑好后,就可以使用到具体页面了;右边就是选择模板以及block(区块或者模块)的设置了。
假如你已经购买了其他主题,他们肯定也会慢慢更新,所以无需担心,类似Kadence这类拖曳式的就更不用说了,以后肯定直接把他们的页头编辑器(Header Editor)直接移植到wordpress的Editor中,那样Customize可能会真正成为历史。
不过目前Editor还在beta阶段,要普及还有很长一段时间,所以具体怎么使用我就不说了,因为我没去深究,有兴趣的可以去摸索一下。目前你的站点使用的主题是怎样还怎样,无需为了最新版wordpress做什么。
总结
以上把几种主要的Wordpress页头header设置都发出来,请根据你购买的主题查询主题的使用文档,看具体的页头设计和设置,这个真的不能一概而论,最少目前不能一概而论,以后主题开发者们随着wordpress的发展,也许会慢慢统一。
随着customize的慢慢消失,也许对新手更友好,为什么我这么说,因为很多新手老是想在customize中编辑页面内容,其实customize是设置网站的框架的,每个页面的具体内容需要在Page中找到相应的页面进行编辑。