最近,我们的一位用户询问我们是否有办法在他们的wordpress网站上添加常见问题解答手风琴。有许多插件可让您在wordpress中添加常见问题或常见问题解答部分。在本文中,我们将向您展示如何在wordpress网站中添加jqueryfaq手风琴。
什么是手风琴?
在网页设计中,手风琴是一个用于用户界面设计模式的术语,该模式具有在用户交互时折叠或展开的选项卡或内容块。每个选项卡下方都有内容,当用户单击菜单项时,这些内容会展开。简单来说,它就像一个菜单,点击它就会展开。我们在免费的WordPress博客设置页面上使用了类似的效果。下面是手风琴示例的屏幕截图。
视频教程
https://www.youtube.com/embed/xwC8wgKyjVw?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent订阅WPBeginner
https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc="https://www.yaozhongpeng.com/static/image/lazy.gif" class="lazy" original="https://www.yaozhongpeng.com/static/image/nopic320.png">
如果您不喜欢该视频或需要更多说明,请继续阅读。
添加jQueryFAQAccordion
在添加jQueryFAQ手风琴之前,您需要确保您有FAQ部分。首先按照我们有关如何在WordPress中添加常见问题解答部分的教程添加常见问题解答部分。
现在让我们继续添加jQueryFAQ手风琴。WordPress附带jQuery库,但没有jquery主题。我们将从GoogleCDN加载该脚本并在WordPress中对这些脚本进行排队。我们还将创建一个短代码来显示我们的常见问题。最重要的是,我们将通过创建WordPress插件来完成这一切。
在桌面上创建一个文件夹并将其命名为my-accordion。打开记事本或您选择的任何其他文本编辑器。创建一个名为的文件my-accordion.php并将以下代码粘贴到其中: