一、使用场景

在图文展示模块、编辑文章、编辑产品详情等地方都会有编辑器,我们可以利用编辑器中的表格功能实现“文字,图片排版对齐”的效果,本教程以文字对齐为例进行说明。

效果图如下:组文字横向排列,且点击文字能实现跳转效果。

1610613476-45d7d5c4a3eeb73

二、具体操作

2.1、进入电脑版网站设计页面,点击页面左侧的“模块”按钮,在“新增模块-基础”中,找到并添加“图文展示”模块。

1610613477-070e2948e9374241610613478-ae86cab50e04d16

2.2、在图文展示模块的编辑器中,插入表格。填写需要的行数、列数,并将表格边框大小设置为0。设置为0后,可实现“表格不带有边框”的效果。

1610613479-ac8bd910a2ec74b

1610613480-3ea12a3a315076d

2.3、插入表格后,在表格中填写文字,并根据实际需求调整文字的字体、大小、颜色等。

1610613481-6b4ada9f54f7b46

2.4、如需要文字做超链接效果,请添加文字后,选择需要加超链接的文字,然后点击“超链接”按钮设置。可根据实际需求设置链接到某篇文章、某个栏目页面等。

1610613482-1955a7b754d2330

2.5、表格添加完毕后,可将鼠标悬停在图文展示模块上,点击编辑栏的“设置样式”按钮,然后在左侧的样式面板中,进入“自定义样式-内容区”中,自定义链接文字效果,如字体、字号、下划线等。

1610613484-bf8b6c93ff1a1fa

1610613485-0a5f49ef20448b1

将鼠标悬停在图文展示模块上,点击编辑栏的“隐藏外框”按钮,可隐藏模块标题栏。

1610613488-c149f3425afc9bc

操作以上步骤后即可实现示例效果,如需要在表格中添加图片,操作步骤同理。

发表回复

后才能评论