![2785258871c2cedd78e8a35436614d04.png](https://img-blog.csdnimg.cn/img_convert/2785258871c2cedd78e8a35436614d04.png)
预览
在我们开始这个教程之前,让我们先预览一下效果图。
PC端
![3b042776a227fdff2605b5e89803d61b.png](https://img-blog.csdnimg.cn/img_convert/3b042776a227fdff2605b5e89803d61b.png)
手机端
![86330535e65b6faf6f086ed7b188369c.png](https://img-blog.csdnimg.cn/img_convert/86330535e65b6faf6f086ed7b188369c.png)
下载
如果需要完整的设计,可以点击下载,提取码: g4yu
这里pan.baidu.com视频
如何用DIVI主题生成器创建网站自定义全局头部_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com![5d663e3849ed35c361e69cfccac6ef5c.png](https://img-blog.csdnimg.cn/img_convert/5d663e3849ed35c361e69cfccac6ef5c.png)
1,设置主菜单
首先在Wordpress仪表盘中点击 外观-菜单,创建你的菜单,并设置为主菜单。
![66e721eea8c626d5ca794c3bc5417d42.png](https://img-blog.csdnimg.cn/img_convert/66e721eea8c626d5ca794c3bc5417d42.png)
2, DIVI选项
![392ca829175c7df94c35014b3f06b64b.png](https://img-blog.csdnimg.cn/img_convert/392ca829175c7df94c35014b3f06b64b.png)
3,添加全局头部
可以再默认的网站模板中创建全局头部,全局页面和全局底部。点击 添加全局头部 创建全局头部。
![03c38b5b222db459c3275419d610e435.png](https://img-blog.csdnimg.cn/img_convert/03c38b5b222db459c3275419d610e435.png)
设置
Section
大小sizing
- Width: 100%
- Max Width: 1280px (Desktop), 100% (Tablet & Phone)
![c5f9b13060efe307f0b0b046fa6986d3.png](https://img-blog.csdnimg.cn/img_convert/c5f9b13060efe307f0b0b046fa6986d3.png)
Spacing
- Top Padding: 0px
- Bottom Padding: 0px
![73bcfcfa35950af48d687a09053dff8e.png](https://img-blog.csdnimg.cn/img_convert/73bcfcfa35950af48d687a09053dff8e.png)
Border
- Bottom Left: 50px
- B