这篇文章是 WordPress小工具 ，新版界面的使用+设置教程。
WordPress 新改版后，将原来的小工具页面，变更成区块编辑器形式（这某部分跟 WordPress 可能发展趋势有关，就是全站式的区块编辑器）。
所以站长想修改网站小工具（例如网站侧边栏、网站页尾工具等 .. ），就会发现接口变得跟之前不太一样。
但由于小工具才刚改版没多久，很多东西实际操作后，发现用起来不如想象中的好用 ..，但我们相信这只是一个过程。
所以在文章后半段也会教程，如果想还原到原来的接口，站长该如何做操作。
本文会介绍 WordPress 新版的小工具功能，让你用最简单的流程，快速上手这个新东西。 章节如下：
- 1. 设定侧边栏功能
- 2. 其他字段设定
- 3. 恢复传统小工具画面
1. 设定侧边栏功能
这个章节，我们会带领大家了解新的小工具功能，运用新的区块编辑器，完成Blog网站常见的侧边栏设定。
文中会用实际步骤，嵌入常用的小工具到网站侧边栏，借此上手新版的使用流程。
整体使用流程，也跟新增 WordPress 文章、WordPress 页面 的方法差不多，那我们开始啰：）
Step1：打开小工具面板
首先，更新到 WordPress 5.8 版之后，前往后台的「 外观 > 小工具 」。
我们会看见小工具的界面，已更新成区块编辑器的形式。
Step2：搜寻小工具
第一个步骤，我们先在侧边栏添加一个搜索工具 。
打开 Main Sidebar（主侧边栏）> 点上列表的「+」按钮 > 在搜索栏中输入「 搜索」寻找该小工具 > 拖曳或点选元素按钮，即可将「 搜索 」小工具加进页面。
调整搜索小工具的细项，可以直接点击右页的“ 搜索 ” 小工具区块编辑。
可以调整的范围包括： 搜索按钮样式、上标题文字、搜索引擎内文本·· 等等。
都设定好之后，如果觉得上标题与搜索行的编排过于紧密，可以将上标题的预设字删除，再自行新增一个小标题，让间距看起来宽一些。
小标题添加方法：在搜索小工具上方，添加一个“ 标题 ” 块 > 输入文本 > 大小选择“ H4 。
设定结束，我们到前台检查，可以看到搜索工具新增完成啦
Step3：所有文章分类
这一个步骤要新增的是所有文章分类的小工具。
我们从区块列找出分类按钮，点击或拖曳添加至右页预览画面。
确认分类内容无误之后，我们来帮所有文章分类加个小标题（默认是没有的）。
在小工具区块列 > 找到标题 > 拖曳或点击所有文章分类块上。
添加之后，输入标题文字 > 大小选择 H4 。
一样切换到前台检查。
默认没办法设定文章分类排序的条件，那有办法自己设定吗？
我们有分享 改变分类排序的方法 文章，可以参考看看唷~
Step4：嵌入 FB 粉专 / 社团
使用区块编辑器的「自定义 HTML 」元素，并贴上 Facebook 粉专的程序码，就可以顺利在 WordPress 嵌入粉专啰！
想知道怎么嵌入，可以参考教程：如何嵌入 Facebook 粉专+脸书社团 。
最后总结
以上就是新版 WordPress 小工具（区块编辑器）的教程啦，基本上新增小工具的方式都很类似。
找到你想要的元素，放入右边的预览画面，然后设定细节，就 OK 了！
2. 其他字段设定
页尾小工具设定
一般的网站页尾设定，同样可以到外观 > 小工具内，找到有标示 Footer 的位置，就可以设计页尾样式！
但依据每个人下载的主题不同，像是 Astra 就有自己的页尾编辑器，如果要修改页尾就需使用 Footer Builder（页尾编辑器）才有办法调整唷。 更多 Astra 主题教程。
备注：简单来说，可先用 WordPress 默认小工具区块调整。 如果调整后发现页尾没变化，那可能是你套用的主题，有自带页尾编辑的功能，就需要去那边做调整：）
WooCommerce 电商侧边栏
小工具区块编辑器，也有适用电商平台使用的 WooCommerce 侧边栏小工具，像是：所有商品、最新商品、热门商品等 .. 分类。
搜寻 WooCommerce 就会有非常多电商元素，选择你喜欢的新增到 WooCommerce Sidebar 或是「 Product Sidebar 」栏位，这 2 个都是电商相关的，就会顺利显示啦！
新增成功，点击区块也可进行细节编辑。
“ 显示商品数量 ” 可以选择要在侧边栏显示几项商品;” 排序依 」选择显示商品的条件;” 排序」则可以选择升序或降序。
设定好之后，来到 WordPress 前端页面的商品相关页面
3. 恢复传统小工具画面
WordPress 新版小工具刚诞生没多久，所以在使用还是有些问题，像是排版上不是很直觉、文字之间的距离无法调整等 ..。
如果你遇到上面的几个问题，或是单纯觉得新版小工具用的不太习惯，就能安装 WordPress 官方开发的 Classic Widgets（传统小工具），就会回到原来的画面啰！
下面简单带大家操作一下。
Step1：安装 Classic Widgets 插件
前往 WordPress 后台的「 插件 > 安装插件 」，搜索 Classic Widgets 然后安装+启用。
接着，再度前往外观>小工具，就会看到我们熟悉的小工具设定界面，又再度回来啦~~
这章节分享的方法，主要是让站长能先用旧版的小工具界面，度过新版小工具功能刚出而不完善的时期，至少网站能顺利编辑，不至于会被改版影响。
等待未来新版小工具（区块编辑器），慢慢成熟且问题都修复的差不多了，再投向新版的怀抱就OK啦~
原文链接：https://www.itaoda.cn/blog/11658.html，转载请注明出处。
评论0