如何创建自定义 WordPress 主题
已发表: 2021-03-26如果我们告诉您要创建自定义 WordPress 主题,您只需要一两个小时的空闲时间会怎样? 没错,不再需要任何编码知识来创建一个适合您喜好的漂亮主题。 过去,您要么必须聘请专业的 WordPress 支持人员,要么至少具备一些编码知识。 幸运的是,时代和技术已经发生了变化,而今天,您所需要的只是一个非常有用的插件——Beaver Builder。 这个页面构建器有一个名为 Beaver Themer 的附加组件,它的目标是,你猜对了,定制的主题。 让我们看看您如何也可以使用 Beaver Themer 创建一个每个人都会喜欢的吸引人的布局。
在创建自定义 WordPress 主题之前,您需要安装插件
您需要记住的第一件事是 Beaver Themer 是一个附加插件,安装 Beaver Builder 后不会自动出现。 您需要先安装并激活这两个插件,然后才能开始工作。 不要小看这部分工作——它很重要!

选择要使用的主题
最终目标是让您最终获得一个对您的网站来说完全独特的主题,但这并不意味着您可以从头开始创建一个。 嗯,你可以,但这涉及大量的知识和技能。 不过不用担心 - WordPress 有很多模板可以作为一个很好的起点,之后就可以轻松自定义和升级。 如果您目前正在关注您拥有的所有选择,那么了解我们的首选可能会很好:
- 阿斯特拉
- 下划线
- StudioPress 主题
许多 WordPress 主题都内置了对 Beaver Builder 的支持,因此创建自定义 WordPress 主题应该是小菜一碟。 哦,是的,我们是否提到过一切都是通过使用拖放界面完成的? 好吧,现在你知道了!
需要注意的重要一点是,您必须确保 Beaver Themer 可以访问整个页面,从一个边缘到另一个边缘。 不幸的是,一些布局包含侧边栏,这使得使用 Beaver Themer 构建自定义主题变得困难。 但是有一个解决问题的方法! 前往外观 - 自定义 - 布局-侧边栏,只需选择“无侧边栏”选项。 问题解决了!
构建自定义主题元素
通过专注于最流行的自定义主题元素,您将有效地实现您的目标。 您需要关注的元素包括页眉、页脚、帖子和页面的内容区域以及自定义主题的存档布局。 所以,让我们开始吧!

创建自定义标题
一旦您手头有成品,您将能够更改颜色、背景,甚至可以使用拖放功能添加列和行。 但是您如何获得最终产品? 首先单击 Beaver Builder – 添加新页面,为您的标题提供标题。 我们当然希望你有一个好的想法。

完成此操作后,您应该选择“Themer Layout”作为类型,选择“Header”作为布局选项,然后单击“Add Themer Layout”按钮,这将带您进入布局设置页面。 听起来很复杂,但你很容易掌握它。 现在随意选择“整个站点”作为标题将显示的位置,瞧——你得到了一个基本的标题。 现在我们开始提到的高级设置开始发挥作用。
创建自定义页脚
启动过程与构建自定义页脚非常相似。 首先单击 Beaver Builder - 添加新页面,提供页脚标题,然后选择“Themer Layout”作为类型,选择“Footer”作为布局选项。 通过单击“添加主题布局”,您将继续进入下一页,即布局设置页面。 选择“整个站点”选项,然后选择“启动 Beaver Builder”。 此布局将是您的起点,之后您可以添加模块、更改颜色、文本和自定义页脚。
为帖子和页面创建内容区域
到现在为止,您可能已经可以得出结论,Beaver Builder 的工作方式非常受一组模式的指导。 启动过程与构建页眉和页脚时的过程有些相同,不同之处在于现在您正在创建整个网站的主体。 这是创建转换登陆页面之前不可避免的过程——您首先需要解决设计问题。 您可以选择仅适用于您的帖子、仅适用于您的页面或同时适用于帖子和页面的布局。 然后,您应该“启动 Beaver Builder”以打开界面,您将在其中看到布局示例,并可选择单击和编辑页面的任何组件。
归档布局
到现在为止,您的自定义主题已经开始出现,并且您已接近终点线。 如果您从未听说过存档页面,那么这些页面就是显示您的类别和标签的页面。 总之,它们很重要。 再次,您可以为类别、标签和月度档案创建单独的布局。 一旦您开始现在已经众所周知的流程,首先是单击 Beaver Builder – 添加新页面,您就会直观地知道需要做什么。 完成编辑并对完成的产品感到满意后,不要忘记单击“完成”。 '

当您创建自定义 WordPress 主题时,您所做的不仅仅是制作吸引人的设计
您还在改进网站的功能,并吸引新的访问者/客户。 如您所知,看起来很畅销。 一旦您创建了自定义 WordPress 主题,您就可以继续进一步开发和改进您的网站。 从使您的 WordPress 网站对移动设备友好到创建在线商店,选择无穷无尽。