26
2010

Shopex4.85模板教程-代码详解

shopex4.8模板代码详解

要做一套模板,首先自然是做个首页。首页需用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改善这一点。好的后端代码不能以牺牲前端代码为基础。


觉得文章不错,请分享给你的朋友:

更多



6 Comments + Add Comment

  • 又有收获了..哈哈,谢谢
    等你的博文等的我花都谢鸟..哈哈

  • 不错,请快点出下篇啊

  • 老大 你的文章更新快一点,我们等着!

  • 对呀,等到花儿也谢了!

  • [...] Shopex4.85模板教程-代码详解 [...]

  • 写的很好,你的wp模板也很漂亮。

留下你的小脚印


博主简介

由于shopex模板教程比较少,于是我打造出一个个人用于shopex模板教程的网站,希望一些制作shopex模板的朋友碰到困难可以在博客留言,我会尽力回答,个人曾做过不少于30套各种各样的shopex模板,主要是定制系列高难度模板。有比较丰富的经验。
如果想做好shopex模板
1.相信自己一定能成功。
2.努力做到最好。
3.坚持,持之以恒。
联系QQ:点击这里给我发消息 (工作QQ,如果想购买模板或者定制可以找我)
发送邮件:

博主推荐

给力评论