面向wordpress的前端切图注意事项

从毕业就开始做前端切图,一年后开始做wordpress后台,到现在为止也算把这两块融会贯通了;

时常接到已经做好前端切图、让我做wordpress后台的订单,每次看到这些前端切图,都头疼不已;很多地方我都得重新切图;倒不是说客户的前端工程师div能力不行,而是他们不懂wordpress,不知道劲往何处使;以下是从业三年来一些浅见:

一、文件夹路径:

css全放在一个文件中,命名为style.css,

所有图片全放入images文件夹,images文件夹下不要再分文件夹,

所有js全放入js文件夹,

文件夹并列:images文件夹、style.css、js文件夹、index.html

path

二、导航菜单:

导航中只能出现 ul , li , a 这三个html标签,

二(多)级导航为ul加上  class=”sub-menu”

如需加当前导航效果,为li加上class=”s”

三、搜索:

提交按钮必须为input type=”submit”

下面是用来调整css兼容的建议:

.sub{
border:none;
display:inline-block;
font-size:0;
line-height:0;
*font-size:0;
*line-height:normal;
*padding-left:999px;
*overflow:hidden;
cursor:pointer;
}

四、牵涉到评论的地方可咨询后再切:

有80%以上的站长都愿意使用社会化评论系统(多说、有言)

可和后台及站长沟通之后,如果站长确实不愿意使用,再切

五、尽量不要用table布局,不要用内置css(就是把css写到html标签上)

明显是超过三行三列的表格,可以用table,

除此之外不要用table

版权所有©转载必须以链接形式注明作者和原始出处

发表评论

电子邮件地址不会被公开。 必填项已用*标注