spot_img
HomeDivi主题使用教程10 个带有很酷的常见问题解答页面的 Divi 网站

10 个带有很酷的常见问题解答页面的 Divi 网站

常见问题 (FAQ) 页面非常适合为潜在客户提供常见问题所需的答案。 这有助于他们了解您的专业知识,并让他们知道会发生什么。 有很多方法可以使用 Divi 创建常见问题解答页面。 在本文中,我们将查看 10 个具有很酷的常见问题解答页面的 Divi 网站,以帮助激发您创建下一个 Divi 网站的灵感。

FAQ 页面通常包括图像、切换、手风琴和选项卡等元素,因为它们可以很容易地隐藏大量信息,直到需要时再使用。 他们通常还包括号召性用语。 在这篇文章中,我将展示我喜欢的部分的图片并讨论我喜欢它的地方。 这些网站没有特定的顺序。 坚持到最后几个链接,以帮助您升级自己独特的项目页面。

1.涡流解决方案

10 个带有很酷的常见问题解答页面的 Divi 网站

该站点将常见问题解答置于两栏布局中,其中一侧包括常见问题解答,另一侧包括产品图片。 切换显示标题和按钮,其样式与网站的品牌相匹配。 切换按钮位于标题下方,以帮助使它们易于理解。 问题下方是全宽部分,带有大文本和可点击的电话号码,邀请读者致电他们以获取更多信息。

查看网站

谷歌SEO优化服务

2. All Girl Shave 俱乐部

10 个带有很酷的常见问题解答页面的 Divi 网站

该站点将常见问题解答置于单列布局的手风琴中。 全角标题介绍页面。 手风琴包括样式以匹配站点的颜色。 打开手风琴时,标题的绿色背景变为白色,文本从白色变为黑色。 接下来是一个全角 CTA,它使用与标题相似的图像。

查看网站

3.闪闪发光的女仆

10 个带有很酷的常见问题解答页面的 Divi 网站

该站点介绍了带有全角图像和覆盖式双色超大标题的页面。 常见问题解答放置在两列布局中,显示主题名称和顶部边框,以帮助划分一侧的问题和另一侧的问题。 问题放置在包括顶部边框和样式按钮的切换中——所有这些都与该部分的背景融为一体。

WordPress divi主题

查看网站

4.邋遢绅士

10 个带有很酷的常见问题解答页面的 Divi 网站

该网站的常见问题解答页面显示了一个搜索框,其中包含电话号码和社交图标,后跟页面标题。 常见问题解答使用垂直对齐的选项卡来显示常见问题解答的主题。 所选选项卡为白色和黑色文本,而其他选项卡为黑色和白色文本。 它们还包括图标,因此您可以一眼就知道主题是什么。 选项卡内的切换按钮会显示问题,直到它们被打开。 选项卡下方是一个链接,您可以通过该链接与他们联系以获取更多信息。

查看网站

5.乐乐乐

10 个带有很酷的常见问题解答页面的 Divi 网站

该站点介绍了页面,一侧是标题,另一侧是描述,并带有指向重要页面的链接。 接下来是一个全角部分,其中包括四个简介。 每个广告都包含不同深浅的品牌颜色、一个大图标和一个标题。 单击它们将打开该主题的信息。 单击常见问题解答会显示一个从侧面倾斜的手风琴和一个滑入到位的图像。

查看网站

6.卓越现实

10 个带有很酷的常见问题解答页面的 Divi 网站

该网站介绍了带有全屏图像背景和叠加标题信息的常见问题解答页面。 紧随其后的是带有联系页面链接的文本部分和手风琴中带有常见问题解答的两栏部分。 手风琴的样式为黑色文本、底部边框和向左的箭头。 打开手风琴会移除箭头并将标题更改为蓝色。 在 FAQ 下面是一个全角 CTA,它使用与背景相同的蓝色和白色文本。

查看网站

H10的年终大促

7. 菲尔·西蒙

10 个带有很酷的常见问题解答页面的 Divi 网站

该站点介绍了具有全宽部分的页面,其中包括放置在黑色背景上的标题和描述文本,该背景在最右侧变为棕色渐变。 在此之下是一个包​​含两列的部分,其中将主题标题放在一侧,并在另一侧放置描述和一组切换。 接下来是一个带图形的全角部分和一个带引号的全角部分。 这两个部分都很纤细,可以用作分隔线。 其他常见问题解答部分如下 – 每个部分都由带有图形的细长部分分隔。

查看网站

8. 灵魂激荡品牌

10 个带有很酷的常见问题解答页面的 Divi 网站

这个显示了一张全角图像,一侧有手写字体作为页面标题。 常见问题解答在单列布局的手风琴中提供。 它们显示居中的标题和与背景相匹配的按钮。 打开手风琴会显示居中对齐的文本,并在标题和文本之间留出大量空间。 接下来是一个全角接触 CTA,在背景图像上使用相同的字体,以及链接到页面的样式图像。 手风琴很简单,但创造了一种优雅的水平,与网站的设计很好地融合在一起。

查看网站

9. Emlekek Konyve

10 个带有很酷的常见问题解答页面的 Divi 网站

这一个使用与网站品牌相匹配的优雅字体和柔和的颜色。 页面标题显示为引述,后跟简短描述以及指向其他有用页面的链接。 常见问题解答显示在切换按钮中,并为其标题包含相同的优雅字体。 接下来是带有棕褐色背景的 CTA 和一个背景与切换按钮和引号相匹配的超宽按钮。

查看网站

10. Perry Yan 魔术

10 个带有很酷的常见问题解答页面的 Divi 网站

高质量外链购买

这个常见问题解答页面使用了很多卡通色彩,与这个网站的设计完美搭配。 标头包括页面标题和简短描述。 常见问题解答放置在单列中,一侧有图像,以直观地表示这组问题的内容。 常见问题解答本身在切换中提供,并分为主题,主题由样式标题分隔。 每个主题都放在不同的部分,每个部分都有不同的背景和切换颜色。 这些部分还使用样式分隔符。 紧随其后的是带有红色和蓝色渐变叠加层的视差 CTA。

查看网站

结束的想法

这是我们对 10 个 Divi 网站的看法,这些网站具有很酷的常见问题解答页面,可帮助激发您的下一个 Divi 设计。

ET 博客上有几篇设计和操作方法文章,涵盖常见问题解答页面和模块,例如手风琴、切换和选项卡。 我提供了指向这些教程的链接以及免费 Divi 布局包的常见问题解答页面。

我们希望收到你的来信。 您最喜欢以下哪些具有出色常见问题解答页面的网站? 让我们在评论中知道。

JasperAI 10000字免费额度试用
5分钟生成10篇英文软文article forge软件试用
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES