通过插件实现
插件(项目关闭了):WordPress Post Tabs
【网址】https://wordpress.org/plugins/wordpress-post-tabs
项目关闭了。
插件2:Tabs Shortcode and Widget
插件:amr shortcode any widget
使用短代码将一个小部件或多个小部件或整个小部件区域(侧边栏)插入到页面中。
首先在普通侧边栏中设置您的小部件。检查它是否有效。
然后将您选择的小部件拖到名为“短代码小部件”的侧边栏。
将 do_widget 短代码添加到您希望小部件出现的页面(或 do_widget_area)
要在块编辑器中使用,请添加一个短代码块,然后输入(包括方括号 [do_widget widgetname] 或从“短代码小部件”侧栏中的小部件中复制 do_widget 提示。
请在安装选项卡下查看有关短代码和参数的详细信息(取决于插件目录开发人员最近所做的工作,这可能在常见问题解答下,或者至少在自述文件下。)
多次使用一个小部件?
从 do_widget 简码或从 do_widget_area 简码中选择的侧边栏引用特定的小部件实例。例如:[do_widget id=widget-n]
例如:您可以使用页面中的查询帖子小部件在页面内创建档案,或使用 rss 小部件列出来自其他站点的提要内容。有关更多详细信息,请访问 anmari.com
插件的默认操作是它会神奇地找到主题侧边栏的设置并使用侧边栏 html 来控制小部件输出。在大多数情况下,这意味着小部件将根据主题的其余部分设置样式。如果这看起来不太好,则存在参数来尝试覆盖此行为。
EG:在二十四个主题中,小部件文本最终变成了白底白字!widget_classes=none 解决了这个问题。例如:[do_widget widget_classes=none yourwidget]
更改了主题并担心丢失侧边栏设置?
没问题,插件会保存和恢复 widgets_for_shortcode 设置。在显示时,它将选择新的主题侧边栏设置。
笔记:
请在激活此插件之前让您的小部件在侧边栏中工作,并请阅读 https://wordpress.org/plugins/amr-shortcode-any-widget/installation/ 和 https://wordpress.org/plugins/amr-shortcode -any-widget/faq/ 和/或查看设置页面。要在侧边栏中查看小部件列表,请将 ?do_widget_debug 添加到带有 do_widget 短代码的页面。
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”进入标签页设计界面,该界面跟在文章中添加标签页的界面完全相同。按照前面编辑文章中标签页的方式编辑,结束后保存编辑并且保存小工具。现在打开之前打开过的网页,刷新,你会发现在主边栏的最下方出现了刚刚编辑好的标签页
上述就是添加选卡的全过程,希望对大家有所帮助。谢谢!