店铺收藏宝贝描述 源码详解一用好淘宝源码编辑增加曝光率
大家好!我是七色衣裳店铺的掌柜,虽然自己在论坛上发过许多帖子了但还是不知道怎么跟你们打招呼,呵呵。 不过今天发的帖子还是坚持自己的发帖风格,废话少数直奔主题,免得耽误大家太多时间。
自己开店没多久就发现宝贝编辑和店面装修是个很大的学问,如果这两样做好了就有可能给商家带来意想不到的宣传效果,而好处之一就是在淘宝搜索时会更容易搜到你的商品。所以最近自己好好看了下淘宝的店铺装修和宝贝编辑的东西。我想掌柜们在装修店铺和编辑宝贝描述的时候可能会发现很多时候淘宝提供的编辑器总不能达到自己想要的效果。比如想把图片居中,却总是居中不了,想把宝贝描述做成图文混排形式的但文字和图片却总是分开来,一上一下……等等诸如此中情况。鉴于此中情况个人认为掌柜们在做相应编辑的时候应该尝试下淘宝编辑器中提供的源码编辑项, 在源码编辑的状态下上述无法达到效果的情况就可以很方便的得到解决了。但是要想用好源码编辑的前提是要求掌柜们需要懂得些基本的网页代码知识。今天我就为大家稍微讲解下在使用源码编辑的时候经常用到的一些网页代码元素和使用方法。
这里先放一个我在本地编辑的简单html页面,然后根据这个页面的效果结合我下面贴出的源码对html源码进行详细的讲解。
---------------------------------------------------------------------------------------------------------------------
|
◢━┫七色衣裳┣━◣以最大的热情欢迎您的光临!^_^ *</br>本店内商品折上不再接受议价 ,请喜欢砍价的MM们口下留情,不明白地方请和客服沟通~~!</br>我们不敢说最好,但求最适合您,以服务和信誉服人!
|
| 第一列列标签 | 第二列列标签 | 第三列列标签 | | <font />第一列列标签 | 第二列列标签 | 第三列列标签 | </br>
</br>特价跑量款 2011新款韩版童装 </br>波浪花边女童打底裤五分裤 </br> 一口价 10.00元
| 第二列列标签
|
|
---------------------------------------------------------------------------------------------------------------------
以上代码最终的显示效果就是下图的样子。
是不是很丑,呵呵,这个是为了大家方便理解做的简单的例子,同时我也是想看下这篇文章发布后大家的反向,如果大家还认可我写的这个小教程那我就继续努力,同时大家可以回复提问,如果对那里不明白可以回复给我,我会尽最大努力给予解答。如果大家觉得不好,没什么用,那我就只能结贴了!呵呵。
下面我就对上面所用到的相关元素进行下说明。
1、标签 :就是指括号里的东西。如[table] 每个标签都是成对出现,以开始以这结束。 个别情况如是单个标签。
2、属性: 就是指 里面的如< width="" > style="" 等等。
3、 table标签包括有行标签[tr]和列[td] 标签。 table 表格是用来对文本进行排版的。就像先做好一个架子,然后往格子里放东西。 这个格子指的是[td][/td]之间。
4、 <img />标签是图片标签。 是跑马屏,滚动用的标签。 这个是链接标签。 这个标签是用来组合相应元素的标签。比如有一串文字“欢迎光临七色衣裳小店”你想让“七色衣裳” 重新分配样式,字体,颜色,居中方式等,你就可以用七色衣裳来把他从这窜字符中分离出来进行操作。
5、 属性操作:
[table] border是指tbale 的边框粗细, class 是指 该标签引用哪个样式表,style=""是该标签要用的样式需要些写在这里。如:
font-family :字体样式 如 宋体,color:颜色, font-size: 字体大小 width:宽度,direction此属性为 marquee 专有属性,指文字或图片滚动方向,此处up 为向上滚动。 scrollamount: 为滚动速度。
6、
此为分段标签。 分段跟换行标签</br> 的区别从效果上看在于 分段比换行 的间距要大。实际用起来 主要是分段用的,</br>就是单纯的换行了。 其中text-align :指的是 段中文字水平居中。
7、
此处代码为自定义 店铺收藏的代码。 掌柜们只要将 href ="" 双引号中的内容替换为自己的店铺收藏代码就可以了。 记住要复制整个及 标签内的内容 。大家用下图所示的方法复制到地址后对比我上面的地址会发现最后面似乎多了东西,是的,你只要去到&scjjc 这里就行了。后面的去掉。 并且标签<a > 的class="J_TokenSign"必须有。
获取方法如下下图所示:
下面的<img />就是为那个图片收藏的图片。大家也可以把src="" 引号中的地址替换为自己喜欢的就可以了。
8、再说下标签属性,src=“” 这里是只的图片的地址。你只要把你的图片地址黏贴进引号之间就可以了。 又比如text-algin="" 此处属性值包括,left ,right,center .分别对应文本靠左,靠右,居中显示。html 所有标签属性很多都是相似的,相信大家在了解基础的前提下一定会举一反三。
今天就先说这些吧,不知道大家有没看明白!希望我写的东西对大家有一定帮助。如果你认为有帮到你或者想知道更多的一些关于源码编辑的事,欢迎你回复跟帖。谢谢大家奥!文中有不对的地方也希望打家能及时指正。多谢多谢 |