龙空技术网

DW热点链接之全屏店招实现手法

电商蒯燕 121

前言:

此刻同学们对“dw如何把字体居中”可能比较注重,朋友们都想要知道一些“dw如何把字体居中”的相关知识。那么小编在网上网罗了一些有关“dw如何把字体居中””的相关内容,希望各位老铁们能喜欢,姐妹们一起来学习一下吧!

在上一篇文章中,我们分享了如何制作一个全屏店招,不是道屏幕面前的你学会了没有呢?

今天要给大家分享的是如何把全屏店招装修到我们的店铺中去,其中还会讲到如何给图片添加热点链接。

好了,废话不多说,直接实操,咱们这就开始吧。

首先还是先用PS打开我们之前做好的全屏店招。我们现在要把全屏店招分割成两个区域,一个是950店招区域,一个是页头背景区域。先保存一份全屏JPGE格式的图片。

然后用裁剪工具,裁剪掉950像素以外的地方,保留950区域。然后保存到桌面。再上传到淘宝的图片空间。

现在我们这两个图片分别是950店招和页头背景。

点击复制950店招图片的代码

接下来用DW把它打开,这里我们选择HTML

粘贴代码,选择拆分、然后鼠标点击右边空白区域,店招图片就出来了

现在我们可以给图片加上我们想要的热点链接了。选择下面任意一个热点工具

然后在我们需要加热点的地方依次添加热点,鼠标左键直接画点区就行了。

下面的链接放上我们需要添加的链接,目标选择blank

链接这里复制我们店铺首页的链接

进入店铺首页,复制浏览器中的链接,粘贴到刚刚链接区域中。

剩下的也依次画上热点,添加相应的链接,不同的宝贝分类链接可以在店铺装修里面的页面管理找到

收藏链接则是在店铺首页可以找到,鼠标右键复制即可

全部添加好链接之后,现在我们复制所有的代码

进入店铺的装修页面,点击编辑店招,选择自定义店招,再点击源码,然后把代码粘贴进去。

保存之后,950的区域我们就装修好了,如果你的店招这里高度显示的是120,把数值修改成150像素就可以了,接下来是我们的页头背景区域。

点击页头,更换图片,这里我们选择之前全屏的店招打开,也就是没有经过裁剪的那份。

最后在点击横向平铺,居中

整个店招就装修好了,现在我们点击发布试试。

怎么样,是不是展示全屏了呢?这里要注意一点,页头部分只有店铺专业版才有上传入口,如果你是基础版,是没有这个入口的哦。

不仅仅是店招,其他图片要加热点链接,操作手法也是一样的哦,是不是非常简单呢

好了,今天就给大家分享到这里咯,下次见~~~~

标签: #dw如何把字体居中