如何在WordPress文章或页面中加入Tab标签页

第一步：安装插件；

首先我们要安装并启用“Tabs Shortcode and Widget”插件。该插件安装启用后直接可以使用，不需任何设置。

第二步：设置标签页；

新建文章或页面，或者是编辑现有文章或页面，在编辑栏上方你会发现多了一个按钮；鼠标点击该按钮就会出现Tabs Layout选项；如下图：

点击Tabs Layout选项进入Tab设计界面，第一项是设置Tab的个数，在这里你可以选择满足您需求的标签页个数，第二项是选择Tab模式，这里有horizontal、vertical两种模式可供选择，之后是标签页总名称，和标签页1的名称，你还可以根据个人喜好，给标签页设置图标；最后编辑标签页内容；具体界面如下图：

第一个标签页编辑结束后，以同样的方式完成其余标签页的编辑。在整个设计的过程中，在编辑框右侧都可以看到编辑效果。编辑结束后，在编辑框最后还有一项自定义选项CSS Class。你可以根据你的个人爱后，在这里添加CSS类文件，将标签页的界面设置成你喜欢的界面。所有的标签页都设计完成后，点击对话框顶部或底部的insert按钮保存设置并发布文章或页面。这个时候打开网页，你就可以看到你的文章以标签页的形式显示。

接下来给大家介绍的是“Tabs Shortcode and Widget”插件的另一项添加标签页的功能——通过插入小工具，在主边栏添加标签页。设置过程与在文章中添加标签页相似，只是插入的位置不同。

具体步骤：

打开仪表盘，选择外观菜单下的小工具，选择添加“OTW Shortcode Widget”于主边栏。

点击添加，进入如下界面：

点击添加“Tabs Layout”进入标签页设计界面，该界面跟在文章中添加标签页的界面完全相同。按照前面编辑文章中标签页的方式编辑，结束后保存编辑并且保存小工具。现在打开之前打开过的网页，刷新，你会发现在主边栏的最下方出现了刚刚编辑好的标签页

上述就是添加选卡的全过程，希望对大家有所帮助。谢谢！

在一个页面中有多个Tab的问题可以这样来处理：参照工程项目管理/单位工程项目完工管理/申请列表比如在此页面中有三个Tab切换：那么要拆成四个页面一个Mange+三个Tab的页面1、Manage页面：在Tabs中的TabsContent里面要有三个这一定要有不能删掉。名称1名称2名称32、其他的三个页面的格式为：反审核显示3203050条，共条"numperpage=""currentpage=""tab="tab2">3、在其他的三个页面中一开始就应该写，前面的样式不需要，因为我们加载的时候前面的样式已经加载了所以只需要从panelBar开始加载即可。比如上面显示处理分页的pagerForm也可以放到pagelBar里面。不能放到外面，不会加载的。4、对于分页因为涉及到多个Tab的同时分页的问题，但是一个页面只有一个pagerForm考虑到假如修改为多个pagerForm的话，问题更加繁琐，所以现在我们拆开来处理。里面的分页稍作了修改，以前我们用navTabPageBreak()；现在我们用tabPageBreak并将当前tab2加了前缀的的值传到脚本中。

---