如何使用LOGO组件?

浏览数量: 6     作者: 小七     发布时间: 2016-01-20      来源: 本站

LOGO
 
【组件简介】 LOGO组件是具有特殊功能的图片,该图片用来展示公司的图标、公司名称或图标加公司名称的组合等。
 
【应用场景】 LOGO组件一般放在页头区域,显示公司的品牌LOGO或带公司名称的图片,一般在LOGO组件上添加链接指向到首页,方便在任何页面返回到网站首页。

 
【使用方法】

1、如何添加LOGO组件?

1)     打开浏览器输入 www.7datong.com 到达七达通科技云营销平台首页,点击右上角登录按钮。

七达通科技建站05
 
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
 3)     点击编辑网站,进入网站后台。
七达通科技建站07
在“我的网站”中找到需要编辑的网站,点击“编辑网站”按钮。
 
在需要添加组件的位置找到对应的水滴型按钮,鼠标移动到按钮上,可以看到按钮变成下图所示样式。点击。

3
 
点击后会跳出添加组件窗口。
 
4
 
向下滚动找到“LOGO”组件。点击。
 
5
 
页面右上角会弹出设置LOGO图片窗口。
 
LOGO组件添加完成。

2、如何设置 LOGO 组件?

情况1:接着上面的操作,在弹出的”设置LOGO图片“窗口,可以设置图片的内容、风格、特效以及高级功能。
 
情况2:LOGO组件已经添加好了,可以通过以下步骤进入此组件的设置项中:把鼠标放到LOGO组件区域,左上角出现组件名称,把鼠标移到“LOGO”两个字右侧的第一个按钮处即“设置”,单击它即可进入设置项中:

进入设置项
 
内容:

 
选择图片:首次上传这张图片,需要从“本地选择”上传,若之前曾上传过这张图片,可以单击“从资料库选择”按钮来上传这张图片,若需要删除这种图片,可以单击“清除”;
 
图片Alt属性:为图片添加注释。默认取图片名称,是搜索引擎对图片唯一识别的标签,请一定要填写,对网站优化有好处。并且图片无法显示时,会显示图片Alt属性;
 
图片Title属性:为图片链接添加注释。当鼠标悬停图片时显示的文字,这里一般输入公司名称。图片Alt属性与Titl属性的区别,详情请参考此链接http://www.leadong.com/id5035.html;
 
图片描述:在图片下方或图片上悬停的文字,可根据需要在“风格”标签中选择不同的风格;
 
图片链接:可以为这种图片添加链接,单击此图片即可调到这个链接;链接类型多种多样,可以根据需要选择,一般设置为首页;
 
图片位置:可以选择这张图片显示在这个组件中的位置为左对齐、居中或右对齐。

选择图片 图片ALT属性 图片Title属性     图标描述 图片链接 图片位置

 

高级:
 
为了在不同终端展示更好的效果,可以分别单独在pad、手机上上传图片。也可以分别设置图片的alt属性和tile属性。
 
高级-PAD   高级-手机


风格:
 
选择图片展示风格:可以根据需要选择此图片的展示风格,默认、圆角、圆形、相框。
 
选择描述展示风格:可以根据需要选择图片描述展示的位置,图片下方或图片上。
 
图片蒙层颜色设置:若选择的图片描述是带蒙层的,可以设置蒙层的颜色。

图片展示风格 描述展示风格   图片蒙层颜色设置 特效 鼠标悬停图片特效

 
 
特效:
 
可以设置页面初次加载的图片特效,多种多样,如下图所示。
 
可以设置鼠标悬停图片特效。
  特效
 
点击右下角保存按钮。LOGO组件设置完成。

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:693557443
   服务顾问:18988788608  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区恒和国际大厦903室
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图