UKOO DESIGN · 专业教程
COURSE
网站做好了,是不是想换上自己美美哒图片呢?我们编辑器很多组件都是可以上传图片的。例如幻灯片组件、图片组件、文本组件、图文组件、文字tab组件。
下面就跟着教程一起来看看如何自己换图加图吧~
首先我们应该判断一下该图片是用什么组件上传的,不同的组件呈现的效果不一样,作用也不一样。将鼠标悬浮至页面中某个组件,在左上角就可以看到该组件的名字。
如图:(图片组件)
1、图片组件:该组件比较适合用来展示单张尺寸较大的图
新增的空的图片组件:点击该组件的“编辑”
点击“更换图片”即可
已经添加好的图片组件,步骤和上诉一样:
2、图文组件:该组件可用来展示较多的产品图,或放置图标,使用图文组件添加的图组大小尺寸都是一样的。
添加的图文组件效果如下图,点击小图右上角的“设置”按钮,如图:
也可增加多条图文,点击“添加图文”按钮:
注意:如果该图文组件调用了某个新闻页面的动态数据,就需要去会员中心的文章管理里面更换,只需更换该篇文章的封面图即可。
例如:这个图文组件调用了新闻页面的动态数据:
点击“编辑”,找到他调用的页面名称
再退出编辑器,去会员中心的“文章管理”里面更新即可,点击对应文章的“编辑”按钮
3、幻灯片组件:该组件适合展示轮播图
点击幻灯片右上角的设置
点击“更换图片”即可更换图片
点击“添加图文”可增加幻灯片
新增的幻灯片组件换图和上诉步骤一样。
4、文本组件:文本组件相当于一个简易的word,里面也是可以插入图片的。
添加一个文本组件,点击图片的小图标就可以插入图片了。
更换文本组件图片,点击如图所示的箭头
5、文字tab组件:该组件适用于做图片的分类展示。
点击每个tab标签下右上角的“设置”按钮,可设置显示文本还是图文,如图:
勾选“图文列表”,点击保存点击右上角设置按钮即可换图
如需添加多条图文,点击如图位置
扫一扫在手机上阅读本文章