在上面一节我们创建了一个自己的模板,但是问题来了,淘宝装修店铺是不可能整个页面都让你装修了,是有限制的,下来我们就看看我可以装修那些地方:
其中黄色部分是淘宝自己的模板,不可以进行修改;
蓝色部分就是淘宝提供给我们可以进行装修的地方了。
下面我们就随便打开一个c店看看,真正布局的这块是怎么样的,这里我们就要用上火狐的firebug插件来看看了(对于不知道怎么用这个插件的同学们,可以自己百度下或是自己摸索怎么用,这个插件我们也只是用到一些很简单的功能)。
我们可以查到我们可以进行布局的层,div是<div id="content"></div> 这个是简化通用版的
下面这个是我查到这家店铺的完整版:
<div id="content" class="tb-shop head-expand eshop " data-cat="J_Cat0"></div>
===========================================================
ps.好了,貌似就这么点,要是还有没有说到位的,请大家在下面留言,哦,对了,还有一个文件大家要去看看,就是这个site.xml,这个文件我也在前面提到过,有空就看看,不是很复杂,代码如下。
1 <?xml version="1.0" encoding="GBK"?> 2 3 <site version="1"> 4 5 <!—模板标识由系统自动生成 --> 6 7 <id> 2cd2659796794dbab1e4115dac7facf3</id> 8 9 <!—模板名称--> 10 11 <name>模板-1</name> 12 13 <!—设计师信息--> 14 15 <author wangwang="XX" url="http://www.taobao.com">Jacky</author> 16 17 <!—模板缩略图--> 18 19 <thumbnail>assets/images/frontpage.png</thumbnail> 20 21 <!—模板语言--> 22 23 <language>php</language> 24 25 <!—模板版本--> 26 27 <version>2010050901</version> 28 29 <!—修改日志--> 30 31 <change-notes> 32 33 change log 34 35 </change-notes> 36 37 <!—模板描述,不要超过100个字--> 38 39 <description> 40 41 description here 42 43 </description> 44 45 <!—模板全局信息--> 46 47 <global> 48 49 <!—模板头部--> 50 51 <header>header.php</header> 52 53 <!—模板尾部--> 54 55 <footer>footer.php</footer> 56 57 <!—模板全局CSS文件--> 58 59 <css>assets/stylesheets/global.css</css> 60 61 </global> 62 63 <!—模板风格--> 64 65 <styles> 66 67 <style> 68 69 <!—风格名称--> 70 71 <name>green</name> 72 73 <!—风格缩略图--> 74 75 <thumbnail>assets/images/green.jpg</thumbnail> 76 77 <!—风格CSS文件--> 78 79 <css>/assets/stylesheets/green.css</css> 80 81 </style> 82 83 </styles> 84 85 <!—模板参数信息--> 86 87 <parameters> 88 89 <param name="demo" description="只读属性-1" readonly="true">demo</param> 90 91 <param name="theme" description="主题风格">green</param> 92 93 </parameters> 94 95 <!—模板页面--> 96 97 <pages> 98 99 <page type="index"> 100 101 <name>首页</name> 102 103 <file>index.php</file> 104 105 <parameters> 106 107 <param description="标题">untitled</param> 108 109 </parameters> 110 111 </page> 112 113 <page type="detail"> 114 115 <name>宝贝详情页</name> 116 117 <file>detail.php</file> 118 119 </page> 120 121 <page type="article"> 122 123 <name>文章页面</name> 124 125 <file>article.php</file> 126 127 </page> 128 129 <page type="other"> 130 131 <name>促销页面</name> 132 133 <file>onsale.php</file> 134 135 </page> 136 137 </pages> 138 139 </site>
这里要说下,申明一个页面我们用标签<page></page>,同时我们要注意这个标签下包裹了那些标签及属性和作用等。