如何使用Gutenberg创建FAQ部分
您是否有一长串观众关于您的产品或服务的常见问题？
常见问题解答部分为客户提供了一种简单的方法，无需联系客户服务部门即可获得他们所面临的首要问题的答案。在这篇文章中，我们将向您展示一种快速简便的方法，可以在古腾堡的任何页面中添加时尚的常见问题解答部分。
我们将使用免费的Ultimate Blocks插件对于这一个。
安装Ultimate Blocks插件
Ultimate Blocks插件通过官方WordPress插件目录免费提供。从WordPress的后端转到Add New plugin页面，搜索并安装它。
默认情况下，所有块都已启用，因此此时没有其他设置。
如何使用Gutenberg创建简短的FAQ部分
如果您没有太多问题要添加到FAQ部分，也就是说大约五个问题，请考虑按原样显示您的问题，而不要将其隐藏在切换元素后面。
将问题用粗体字填写，并将答案添加到自己的段落中，无粗体字：
或者，使用Columns块使FAQ部分更短。50/50布局是这种方法的合适选择。
只需在每一列中放置段落块，然后像之前一样：
专栏式方法也适用于大约10个问题的常见问题部分。
使用Ultimate Block创建常见问题部分
那么，如果你能用古腾堡的内置功能创建一个基本的FAQ部分，为什么要使用像Ultimate Blocks这样的插件呢？这个问题的答案很简单：用户体验。
当您的FAQ部分有10个或更多问题或很长的答案时，您的访问者可能会发现滚动浏览所有这些问题令人沮丧。当谈到现代博客帖子和网页时，可扫描的用户界面效果最好。
这是design Ultimate block的内容切换块允许您创建的类型。
首先，将块添加到页面中。
将问题放在面板标题框中，答案放在其下方的白色文本框中。默认情况下，Ultimate Blocks不会将标题放在粗体文本中，因此如果您想将问题放在粗体文本中，您需要自己这样做。
单击文本框底部带有圆圈边框的小加号+按钮，添加另一个问题和答案。这不能与古腾堡的加号按钮混淆，加号按钮使用方形边框。
但是，您可以通过单击Gutenberg的加号按钮而不是将文本放置在答案框中，将内容切换块嵌套在另一个内容切换块中。
继续，直到您添加了要包含在常见问题解答部分中的所有问题。
自定义常见问题解答部分
添加完所有问题后，单击其中一个面板标题框打开内容切换块的设置面板。
单击颜色方案设置，然后为以下元素指定颜色：
- 容器–更改面板标题框的背景
- 标题–更改面板标题框中文本的颜色
- 标题链接–如果为面板标题框指定了链接，则应该更改其文本的颜色，但我发现该插件在使用Astra WordPress主题进行测试时无法覆盖我的主题的链接样式
- 切换图标–更改显示在面板标题框右侧的图标（默认为上/下箭头）的颜色
有一些颜色预设，但您也可以使用自定义颜色功能为这些元素指定品牌的官方配色方案。
继续自定义这些设置，直到达到所需的配色方案。您可能需要将页面另存为草稿并在前端预览，以查看样式是否生效。
接下来是初始状态设置，它会影响用户首次加载页面时常见问题部分的显示方式。默认情况下，所有面板都是打开的，因此最好启用“折叠”或“一次仅显示一个面板”选项，以防止它们在加载时拉伸页面。
这部分很棘手，因为您可能需要单独编辑每个面板的初始状态设置，以使FAQ部分正常工作。基本上，如果希望在用户打开新面板时折叠上一个面板，请确保每个面板都启用了“一次仅显示一个面板”选项，并禁用了“折叠”选项。
还可以使用边框和图标选项。说到做到，你应该有类似的想法：
最后，启用FAQ模式选项。这将帮助您的页面在搜索引擎中排名，因为谷歌现在在其搜索结果中显示常见问题解答。
终极街区的备选方案
Ultimate Blocks提供了一种快速简便的方法，可以在帖子和页面上插入FAQ部分，这种方法看起来很棒，而且对SEO友好。如果您喜欢另一条路线，您可以同样轻松地使用Gutenberg的内置功能来构建自己的FAQ部分或使用专用常见问题解答WordPress插件.
英雄常见问题解答是一个值得注意的选项，它比Ultimate Blocks的内容切换块具有更多的功能。这个排名数学搜索引擎优化该插件还内置了一个Gutenberg常见问题解答模块。
披露：这篇文章包含附属链接。这意味着，如果你购买，我们可以给你一小笔佣金。
