四
26
2010
26
2010
Shopex4.85模板教程-代码详解
要做一套模板,首先自然是做个首页。首页需用XHTML+CSS的方式独立做一个静态页,内容全部用静态的方式输出。然后保证其浏览器的兼容性,例如兼容IE6,IE7,IE8,Firefox,opera,safari等浏览器。代码规范性,绝对会影响网站的SEO能力和后期维护的效率,良好的代码规范,是做好一个shopex模板的前提。很多模板商写法粗鲁,只要效果,甚至在HTML中定义id时,有相同的id,我每次读到这样的代码都恶心不已。尽可能写的代码语义化,如果你没有学会良好的HTML+CSS架构能力,建议先买本css的书籍啃一下。推荐 《精通 CSS-高级web标准解决方案》,适合有一定css基础的朋友看。
当你把首页静态页做完后,将公共头部黏贴在block/header.html中,将公共底部黏贴在block/footer.html中。将其他部分黏贴到index.html中,将css文件和图片文件copy至images中。由于index.html调用头部和底部文件,所以预览模板的时候就可以看到首页的整体效果了,虽然这个时候你没有任何功能,只是完整的静态页。
重申一点,就是HTML代码的合理性,语义化,前段的代码都是极其细致化的结果。没有最好,但是要向最好的代码靠近。其实4.85模板机制个人是觉得不友好的,当添加一个挂件的时候,会自动在挂件外添加一个<div>标记,首先他增加的页面的代码量,影响了页面输出或者搜索引擎爬虫的效率,其次他还会破坏页面的布局,我们知道<div>是块状标记,本来我这个挂件想添加的是行内标记,现在莫名多出个<div>标记,破坏了本来的布局。希望4.86改善这一点。好的后端代码不能以牺牲前端代码为基础。
觉得文章不错,请分享给你的朋友:
标签:shopex模板教程
6 Comments + Add Comment
留下你的小脚印
分类目录
- shopex免费模板 (5)
- shopex收费模板 (5)
- shopex模板技术 (8)
- shopex模板提问区 (1)
- shopex模板教程 (29)
- shopex系统教程 (15)
- shopex网店经营 (8)
- 随笔 (9)
给力评论
- shopex设置电话LOGO等图片需要注意的事项 | shopex365: [...] 在shopex模板中广告...
- f.wander: 这套模板实际使用,按说明...
- 阿里郎: 博主真是用心良苦,确实好...
- Shopex模板教程文章集合列表[置顶] | shopex365: [...] 如何添加和修改商品...
- shopex系统如何设置商品品牌 | shopex365: [...] 商品分类 与 商品类...
- 学习: 写得很好,非常有用,学习...
- shopex替换轮播广告的方法 | shopex365: [...] Shopex4.85模板教程-...
- macpcwx: 学习 ,学习
- 如何在shopex系统中添加商品分类 | shopex365: [...] 1.分类名称:填写分...
- 小音: 留下脚印,自己超级想学,...

文章 by kulolo



又有收获了..哈哈,谢谢
等你的博文等的我花都谢鸟..哈哈
不错,请快点出下篇啊
老大 你的文章更新快一点,我们等着!
对呀,等到花儿也谢了!
[...] Shopex4.85模板教程-代码详解 [...]
写的很好,你的wp模板也很漂亮。