2025年wordpress教程-持续更新中

这个应该是最新的wordpress教程了，主打一个前端向。如果非技术开发人员，有些可能会看不大懂。但是跟着步骤来做我感觉应该问题不大。

背景介绍：

我们公司用的主题是Astra

已安装的插件列表

是在有这些个前提下的一些教程，当然也有默认状态无插件的使用结合在一起。如果觉得这个教程有帮到你，记得三连！！！

目录

1、怎么把对应的页面设置到首页

2、怎么使用动画效果

3、header透明标题头的设置

4、header单独的手机标题头 怎么设置

5、header多加一些其他按钮图标怎么设置

6、header自定义的按钮想要多一些

7、header-怎么把页眉去掉

---

全都是实践出的真理和总结，之前怎么搜索都没搜出合适的教程

1、怎么把对应的页面设置到首页

以home页面为例

发布

再在自定义主题处进行设置

2、怎么使用动画效果

解决方案有三个，一个是安装插件使用，一个是使用【自定义html，不用声明<style>...</style><script></script>】脚本或者是使用【自定义-额外css/Additional】使用css3去写。参考后面目录【css-给页面添加单独的css】

3、header透明标题头的设置

在自定义主题中多设置一个透明header

然后在页面的这里调用

并在此处设置透明header的样式

4、header单独的手机标题头 怎么设置

在主题自定义中，找到【页眉生成器】，隐藏控制区内选择【手机】进行调试

右侧的按钮设置，使用插件的设置会更加友好

5、header多加一些其他按钮图标怎么设置

外观-自定义

此处只能【放dom元素】样式和js可以在footer处添加或者在公共部位、组件处添加

如果只是添加css，在全局css处添加【具体看第8点添加公共css】，如果有css和js，可以在footer处添加，或者是公共部位添加，比如site builder 的公共footer 处添加

单独的手机header记得也需要同步上去，具体看【header单独的手机标题头 怎么设置】

6、header自定义的按钮想要多一些

【header单独的手机标题头 怎么设置】只展示了自带原有的一个html，如果想要多个按钮或者图标之类的放上去，此处以平板状态的为例子：

可以进行复制多个出来进行修改添加

7、header-怎么把页眉去掉

东西会持续更新，示范的例子是我们vcc的项目，主打海外，感兴趣的也可以联系我哦