在网站中使用简码,可以节省页面空间,还能让内容更加清晰,让用户更方便的找到。在本文中,我将介绍如何在 WordPress 的文章和小工具中轻松插入 Tab 选项卡。
首先需要安装 Tabs Shortcode and Widget 插件,安装好后直接启用,不需要配置,即可直接使用。
在文章中插入
首先进入到文章编辑器,可以看到编辑器多了一个新的按钮。点击这个按钮会显示一个下拉菜单,点击菜单的第一个 “Tabs Layout”,会启动 Tab 选项卡编辑器。
Tab 选项卡编辑器分为三个区域,左边是设置区域,当你更改一个选项的时候会在右边的预览区域实时呈现出来。
左边的设置区域也可以分为两个部分,第一个部分用来设置这个 Tab 选项卡整体,第二个部分用来设置单独每个选项卡的内容和样式。
Tab 样式可以选择 “horizontal” 和 “vertical”,分别为横向和纵向。
设置好后向下拉还有一个区域,可以自定义 Tab 选项卡的 CSS 类。
配置好后点击 “Insert” 即可插入到文章中。保存一下这篇文章,到前台预览一下。
在小工具插入
Tabs Shortcode and Widget 插件自带了一个小工具,把 “OTW Shortcode Widget” 小工具拖动到一个区域里,然后点击 “Add” 就能进入 Tab 选项卡编辑器。
编辑好 Tab 选项卡之后点击 “Save” 即可插入到小工具里。
保存你的小工具,到前台预览一下:
插件主页
插件主页:https://WordPress.org/plugins/tabs-shortcode-and-widget/