TAB切换选项-wordpress古藤堡区块

wordpress古藤堡区块介绍

TAB切换选项-wordpress古藤堡区块的作用介绍

TAB切换选项可以让你直接在wordpress的古藤堡编辑器插入一个多TAB切换的选项卡,这个TAB切换的选项卡数量是可以自由增加和删除的,数量没有限制。

每增加一个TAB选项卡,对应会增加一个编辑区域,在此编辑区域内可以插入任意其他的区块进行一个切换的组合形式。

TAB切换选项区块所能够应用于非常多的内容,比如首页的多个分类产品展示、多个新闻文章展示、产品的简介、参数和下载等切换、客户评价等等内容可以使用这个区块。

 

TAB选项卡区块的使用示例

以下我们就来看看在网页的排版中,使用TAB选项卡区块能够制作的内容吧;

多个分类产品调用切换

TAB切换选项-wordpress古藤堡区块

在医疗、制药、医院外贸的demo中,我们用这个TAB切换区块制作了一个不同产品类型切换的内容,可见上图,一共有4个产品区块的切换,PC访问使用鼠标点击切换、移动端手机访问则可以直接左右滑动切换。

 

客户评价切换

TAB切换选项-wordpress古藤堡区块

使用TAB选项卡区块制作客户评价,这需要我们使用区块的选项“纯图片模式”,这样TAB切换不再显示文字,而是显示了一个个的图片,这样就可以鼠标点击下面的客户头像,切换他们的评价了。

产品详情页多个内容的切换TAB

TAB切换选项-wordpress古藤堡区块

 

很多的产品展示有很多不同的内容展现,如果全部直接放入编写,不仅会让网页变得比较长,而且会不利于访问客户方便的找到想要的内容,如上图所示:产品介绍、产品参数、资料下载和产品相册放入不同的tab切换,可以让客户非常轻松地找到他们想要的内容。

 

关于我们介绍内容中的切换

TAB切换选项-wordpress古藤堡区块

 

如果你的企业介绍有很多不同的内容,那么你可以使用TAB区块进行区分,这样可以再一个页面中放入不同的内容,让客户一次性阅读完企业的介绍、发展历程等等内容。

 

TAB切换选项区块的操作简介说明

TAB切换选项卡区块的使用是非常简单的,如果你想要使用这个区块,可以从区块选择中的THEMEPARK基础区块中选择并插入:

TAB切换选项-wordpress古藤堡区块

插入后,会得到一个初始的形态:只含有一个TAB按钮切换的区块:

TAB切换选项-wordpress古藤堡区块

右侧的区块设置中可以看到增加和删除区块的设置,这里你可以无限制添加TAB的数量,值得注意的是,删除TAB只能删除最后一个,因为可编辑的列区域不支持转换顺序,因此也无法删除中间的TAB内容。

显示模式可以让TAB的按钮显示居中、等宽居中、左侧显示按钮、右侧显示按钮,以及图片模式等外观的调整,直接调整这些模式,可以让你制作出各种形态符合要求的TAB切换内容。

整体的操作都是可视化的,所见即所得,插入区块之后可以自己按照自己的要求进行调整。

TAB编辑区域插入其他的内容:

TAB切换选项-wordpress古藤堡区块

安排好了TAB切换按钮之后,编辑区域可以插入任意的区块内容,点击加号按钮,可以直接插入常用的区块,如果你想要插入其他区块可以搜索。

如果你想要从右侧区块中选择插入,那么可以先插入“段落”,段落区块可以直接插入任意的内容。

 

上一篇:

文章评论

您好!请登录

取消回复
    展开更多