最近我们的一个用户问我们是否有办法在他们的WordPress网站上添加FAQ手风琴。 有很多插件可以让你添加一个常见问题或WordPress的常见问题部分。 在本文中，我们将向您展示如何在您的WordPress网站中添加jQuery FAQ手风琴。
什么是手风琴？
在网页设计中，手风琴是用于用户界面设计模式的术语，其具有在用户交互时折叠或扩展的选项卡或内容块。 每个选项卡都有其下面的内容，当用户单击菜单项时，这些内容会展开。 简而言之，它就像一个菜单，当你点击它时就会展开。 我们在免费的WordPress博客设置页面上使用了类似的效果。 以下是手风琴示例的截图。
添加一个jQuery FAQ Accordion
在添加jQuery FAQ手风琴之前，你需要确保你有一个FAQ部分。 从添加FAQ部分开始，按照我们的教程，了解如何在WordPress中添加FAQ部分。
现在我们继续添加jQuery FAQ手风琴。 WordPress自带的jQuery库，但它没有jQuery的主题。 我们将从Google CDN加载这些脚本，并将这些脚本排列在WordPress中。 我们还将创建一个简码，显示我们的常见问题。 最重要的是，我们将通过创建一个WordPress插件来完成所有这些工作。
在桌面上创建一个文件夹，并命名为我的手风琴。 打开记事本或您选择的任何其他文本编辑器。 创建一个名为的文件 我-accordion.php 并将其粘贴到其中：
10，
'orderby'=>'menu_order'，
'order'=>'ASC'，
'post_type'=>'问题'，
））;
//生成输出
$ faq。=''; //打开容器
foreach（$职位为$职位）{/ /生成每个问题的标记
$ faq。= sprintf（（' ％1个$ S
％2 $ S'），
$后> POST_TITLE，
wpautop（$后> POST_CONTENT）
）;
}
$ faq。=''; //关闭容器
返回$ faq; //返回HTML。
}
add_shortcode（'faq_accordion'，'accordion_shortcode'）;
保存对该文件的更改后，打开一个新的空白文件。 保存为 accordion.js 。 接下来将其粘贴到其中并保存该文件：
jQuery（document）.ready（function（）{
jQuery的（ “＃手风琴”）手风琴（）;
}）（）;
现在我们有我们的插件准备上传。 打开你的FTP客户端，将我的手风琴文件夹上传到你的WordPress网站的/ wp-contnt / plugins /目录。 接下来，您需要通过转到WordPress管理区域中的插件屏幕来激活插件。
使用Accordion添加FAQ页面
要以手风琴形式显示这些常见问题，您需要创建一个新页面。 去 页面»添加新 。 给你的网页一个标题，例如 常见问题和页面编辑区域输入这个简码：
[faq_accordion]
保存并发布您的页面，并预览它。 你会看到你的常见问题显示在一个不错的手风琴菜单。
改变手风琴的风格和颜色
对于这个常见问题手风琴的颜色和风格，手风琴使用Google托管的jQuery UI主题。 它基本上是一个样式表，如果你喜欢，你可以下载并把它放在你自己的网站上。 jQuery网站有一个jQuery UI主题部分，有一些准备使用的主题。 正如你所看到的，我们在插件中使用了人性化的主题。 您可以用任何可用的主题（如平滑度，cupertino等）替换它。您还可以在Themeroller上创建或修改这些主题。
我们希望这篇文章能够帮助您在WordPress网站上添加一个jQuery FAQ手风琴。 有关反馈和问题，请在下面留言。