淘宝怎样做全屏的海报图

2025-10-22 16:56:25

1、制作全屏海报需要用到代码,下面这段代码就是淘宝怎样制作全屏的海报图的源代码。

<div style="height:320px;">

<div style="left:50%;top:auto;border:none;padding:0;">

<div style="left:-960px;top:auto;border:none;padding:0;">

 <a href=商品链接 target="_blank"> <img src="图片地址" border="0" height="320px

</div>

</div>

</div>

2、商品链接的位置:如图所示,点击我们需要拆入的商品,进入后网址栏显示的链接即是商品链接。无论是图片链接还是商品链接格式都必须是https://****等。

淘宝怎样做全屏的海报图

3、登陆淘宝账号,点击左上角进入卖家中心。

淘宝怎样做全屏的海报图

4、进入卖家中心后点击装修店铺,点击海报右上角的编辑。

淘宝怎样做全屏的海报图

5、点击左上角第一个符号,这个符号的意思就是编辑代码,删除之前的所有代码,把上面的代码复制粘贴进去。

淘宝怎样做全屏的海报图

6、进入图片空间,点击我们需要插入的图片中间的小回形针符号,这个符号的意思是复制链接。回到之前编辑代码的位置,把图片链接粘贴进去,然后再把对应的商品链接粘贴进去,点击保存。

淘宝怎样做全屏的海报图

7、预览一下效果。我这个海报图片确实选的有点丑,因为上面的导航栏我做的是950的,所以一下就可以看出效果了。

淘宝怎样做全屏的海报图

1、<div style="height:320px;">表示这是一个div层,这个层的风格模式叫做height:320px。这个我们不用管,叫什么对我们没有影响。

2、<div style="left:50%;top:auto;border:none;padding:0;">

<div style="left:-960px;top:auto;border:none;padding:0;">

这一串都是对这个层的属性设置,我们不需要管。

3、 <a href=商品链接target="_blank"> 前面的a href=表示点击的链接。target="_blank"意思就是说点击之后会新开一个页面显示。

4、<img src="图片地址" border="0" height="320px

5、所以我们可能会改到的地方就三个,一个是商品链接,一个是图片链接地址,一个就是图片的宽度和高度信息,其他的都不需要管。

1、海报的尺寸一定要提前修改成和代码里面一致的尺寸。用美图秀秀裁剪一下就可以了。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢