最近,我们的一位用户询问我们是否有办法在他们的 wordpress 网站上添加常见问题解答手风琴。有许多插件可让您在 wordpress 中添加常见问题或常见问题解答部分。在本文中,我们将向您展示如何在 wordpress 网站中添加 jquery faq 手风琴。
什么是手风琴?
在网页设计中,手风琴是一个用于用户界面设计模式的术语,该模式具有在用户交互时折叠或展开的选项卡或内容块。每个选项卡下方都有内容,当用户单击菜单项时,这些内容会展开。简单来说,它就像一个菜单,点击它就会展开。我们在免费的 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=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-Static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com
如果您不喜欢该视频或需要更多说明,请继续阅读。
添加 jquery FAQ Accordion
在添加 jQuery FAQ 手风琴之前,您需要确保您有 FAQ 部分。首先按照我们有关如何在 WordPress 中添加常见问题解答部分的教程添加常见问题解答部分。
现在让我们继续添加 jQuery FAQ 手风琴。WordPress 附带 jQuery 库,但没有 jquery 主题。我们将从 Google CDN 加载该脚本并在 WordPress 中对这些脚本进行排队。我们还将创建一个短代码来显示我们的常见问题。最重要的是,我们将通过创建 WordPress 插件来完成这一切。
在桌面上创建一个文件夹并将其命名为 my-accordion。打开记事本或您选择的任何其他文本编辑器。创建一个名为的文件my-accordion.php并将以下代码粘贴到其中: