xPanel – WordPress 主题的智能滑动面板和侧边栏小部件区域

xPanel 是 WordPress 主题的智能滑动面板和侧边栏小部件区域。使用 xPanel，您可以在移动设备和平板电脑上以更用户友好的方式显示侧边栏小部件和菜单项。只需单击一下，用户就可以以滑动面板的形式切换侧边栏内容。

使用 xPanel，您可以将现有侧边栏转换为滑动面板或注册新的侧边栏。该插件允许您控制应在哪个面板上显示的视口宽度。即您可以将其用于从大型显示器到小型手机的任何宽度。使用这款现代滑动侧边栏为您的网站带来新的吸引力和增强的触感。它适用于几乎所有主题，您会发现它是您的插件集合中非常有用的工具。

查看演示

重要： 请在移动设备上查看演示，或通过将浏览器窗口调整为移动宽度来查看演示。

功能详情

• 使用 CSS3 动画的触摸和滑动侧边栏面板
• 将现有侧边栏容器转换为滑动面板
• 从现有小部件区域中进行选择，或为滑动面板注册新的小部件区域
• 支持左侧或右侧面板位置
• 支持两个面板过渡选项（画布外或叠加）
• 2 面板切换按钮样式（图标仅位于顶部，或图标位于底部）
• 在选择性页面、帖子和存档上隐藏面板 – 新增功能
• 切换按钮的自定义文本
• 用户定义的面板显示自定义视口宽度
• 手风琴，如可折叠菜单项（您可以从插件设置中启用或禁用此功能）
• 流畅的 CSS3 动画
• 包括材质设计图标库
• 适用于几乎所有免费或高级主题
• 兼容所有主要浏览器（IE 9 或更高版本）
• 翻译就绪
• 支持具有 RTL 布局的语言
• 插件设置和配置的分步文档指南
• 按时提供专业支持

运作方式

安装并激活 xPanel 后，您可以通过选择小部件区域或将前端的小部件容器转换为幻灯片面板来显示幻灯片面板。以下是一些用例，可帮助您了解 xPanel 如何发挥重要作用：

用例 #1：假设您在主题的前端有一个侧边栏。此侧边栏包含重要的小部件和联系表单，这些小部件和联系表单在移动设备上太低了。您可能需要在移动用户的幻灯片面板中显示这些内容。在这种情况下，xPanel 将帮助您将此现有侧边栏容器转换为滑动侧边栏。您只需在插件设置中提供侧边栏容器选择器即可。例如，#sidebar。

用例 #2：假设您正在使用 WordPress 运行一个电子商务网站。 您可能有许多产品过滤器，包括价格范围、购物车、属性过滤器等。在移动设备上，您希望以用户更易于访问的方式显示这些过滤器。在这种情况下，您可以使用 xPanel 将商店侧边栏转换为很酷的“过滤器”，例如移动设备上的栏。

用例 #3：尽管目前大多数主题都支持响应式菜单，但在某些情况下，您希望为移动设备用户显示可折叠的菜单。xPanel 内置了将列表项转换为可折叠手风琴（如菜单）的选项。使用此功能，您可以使用“自定义菜单”小部件和 xPanel 为您的移动用户显示结构良好的可折叠菜单。

这些只是可以有效使用 xPanel 的一些示例。您可以使用小部件将自定义内容、广告、表单和几乎任何内容显示到此侧面板中。

插件支持

所有支持均通过评论部分和电子邮件提供。对于与插件或一般查询相关的任何问题，请随时从我的个人资料页面消息框给我发送电子邮件，或在项目评论部分发表评论。我很乐意回复。感谢您浏览该插件。

更新日志

 = Oct 05, 2019 - v1.4.0 =
* Added icon + text toggle button option
    - See Settings > xPanel > Display > Toggle button style > Icon with text
* Added option for changing z-index of the panel
    - See Settings > xPanel > Display > Panel z-index
* Added option for changing top position of the toggle button
    - See Settings > xPanel > Display > Button top position
* Moved and Localized toggle button HTML from JS to php file
* Added filter 'xpanel_button_html' for modifying toggle button html output

 = June 28, 2019 - v1.3.2 =
* Fixed: Unstyled sidebar showing at bottom even if panel disabled for archives

 = May 04, 2019 - v1.3.1 =
* Fixed: Panel not hiding when on blog page

 = Dec 07, 2017 - v1.3.0 =
* Added body class "panel-active" when panel is open
  - Useful for styling purpose in themes
* Added jQuery .on() click event for panel trigger button
  - Click event works if the button is manipulated dynamically. For e.g. in sticky navbars

 = Oct 23, 2017 - v1.2.0 =
* Added unique prefix to the Settings API wrapper class to prevent conflict with other plugins

= Nov 07, 2016 - v1.1.0 =
* Added plugin option for disabling panel on pages, posts and categories
* Prevent loading of plugin scripts on pages on which panel is disabled

学分

jQuery 库 （随 WordPress 一起提供）
材质设计图标
设置 API 包装器