小二的店 @_^

有句话叫做：“善于发现生活中的美好”是吧，那工作呢？善于创新、善于总结这就是工作最大的乐趣吧~~嘻嘻，话不多说，偶要善于实践啦：

一:模块间距
模块间距使用独立div，不再使用margin-bottom，使得模块在布局中更加灵活，如下：
.hr_10{ height:10px;font-size:0;line-height:1px;clear:both;} 注意这里line-height要写1px，否则ie7下面会多出一个像素，啧啧。。

二：图文排列代码与布局、背景代码相分离，从而提升代码复用率

公用html：

<div class=”自定义”>
<dl class=”picnews”>
<dd class=”pic”><a href=”#”><img src=”pic/pic001.jpg” align=”left”></a></dd>
<dt><a href=”#”>懒人们早起该怎么办呢？</a></dt>
<dd>懒人们早起该怎么办呢？顶着一头乱蓬蓬的头发到容，我们最漂亮的发型DIY花最短的时间别这样，请我们即将教系列最快捷，最漂亮的发型DIY，花最短请看以下的内容，我们即将教会你一系列最快捷，最漂亮的发型DIY，花最短的时间，改造最Orz的女人，还等什么，我们一起来…<a href=”#”>【详细】</a></dd>
</dl>
</div>

公用css：

.picnews dd.pic{ text-indent:0}
.picnews img{ margin:0 10px; border:1px solid #a98678; }
.picnews dt{ font-weight:700; margin:0 0 5px; font-size:13px; height:20px; line-height:20px; overflow:hidden; text-align:center}
.picnews dd{ line-height:20px; text-indent:2em;}

最早处理这种图文排列是用div，左右一个右边一个，或者是直接用图片环绕文本的方法做，但是毫无语义可言，后来用dd、dt的时候也是要不停的定宽度，宽度定义来定义去的，代码显得很冗余。现在可好啦，在dt、dd的基础上巧用图片标签align=”left”，使得其余标签无须再浮动，不仅标签语义化而且代码又简单又模块化，强烈推荐哈~不过我还在考虑要不要拿dt来放图片，，

三：关于分页居中

详见：http://www.baisohu.net/upload/%E5%88%86%E9%A1%B5.html

四：讲究专业态度，将页面主要内容放在前面，次要内容放在后面

因为页面的加载顺序跟代码先后顺序密切相关，这个是老生长谈的了，关键看你的专业态度严不严谨，嘻嘻，特此强调

================================================================

往期回顾：
最近在web前端方面的新发现(第一期)：http://www.baisohu.net/?p=645

万恶的IE6不支持position:fixed，解决方法有两种，一种是css，一种是js。
具体请见：http://www.baisohu.net/upload/IE6 positionfixed bug.html
游戏时间：

预知更多游戏资料，请点击这里》》

ps：我真的很鄙视用wp写文章，每次都要写得很辛苦，干脆用dw写了~~

无浮动，轻轻松松解决分页居中问题，display:inline-block用在这里很完美(*^__^*)， 代码请见：http://www.baisohu.net/upload/分页.html（直接另存为即可 ）

经测试通过以下浏览器：ie6\7\8\ff3.6.8\遨游\chrome

预览效果：

想轻轻松松让您的WordPress主题焕然一新吗？想跟随店小二一起窥探WordPress背后鲜为人知的故事吗？还在犹豫什么？赶紧先睹为快吧~~~

首先要感谢Billion Studio给我们带来那么棒的主题，让咱也享受了开源的乐趣，终于、在本小二的不懈努力下，“小二的店”紧锣密鼓换来新面貌，欢迎围观~~

一：模板风格自定义化
大胆的用了1100px的宽度，原本还打算用1200px的，后面据热心观众反应不利于阅读，所以减小了阅读范围，除此以外，小二还微妙的调整了许多细节的表现~~比如左侧部分咱按自己的意愿给调了个位置等等~

二：汉化
原本以为这个汉化会很纠结，其实很简单，使用editplus将所有文件由ansi转成utf-8编码，毕竟是老外的东东，偶把很多英文都个性化了哈，比如“小二的书签”、“小二的菜单”、“返回小二的店面”以及评论板块等文案个性化~~

三：日期本土化

把原本老外的日期书写格式改成酱紫的形式：2010.6.12 – 00:27，php源码为：，详见http://farlee.info/archives/wordpress-the-time-function.html

四：500的困扰
php文件一改错，就会出现500错误，弄不好连后台都访问不了，只能去服务器删了该主题，所有安装过的主题都在wp-content/theme这个位置囖~~

五：首页只显示摘要
http://www.winrss.cn/archives/200901027184.html 这个方法最简单囖，直接将“the_Content”改为“the_excerpt”就OK了，不过测试的结果是都米有样式~
http://www.huaye-direction.com/?p=11 经测试无效，估计是不支持3.0版本还是怎样吧~~
http://www.wopus.org/wordpress-basic/basic-use/1308.html 这个呢，预期效果和方法1一致，即第一篇显示全文，其余显示摘要~经测试，结果为：首页第一篇有样式，其他都米有样式
综上所述，三种方法都不尽人意，但是前辈们的经验咱还是得收下吧，只希望能够得到官方的解决，不用再让我们煞费苦心囖，权宜之计小二还是决定用css强制截断，就是偶尔几个像素会被截断，比较难为情了，罢了，罢了，就这样凑合着用吧~~

六：加上了ico
酱紫“ ”还欧科吧，不过貌似有点像浙江卫视的logo诶，纯属巧合囖~！不过、其实是参考Google Analytics的^_^

七：引用评论
未解决

八：rss自动换行
未解决

———————————(*^__^*) 先这样，未完待续~~———————————

以上的框架和流程图，是SEO的基本流程，在执行的时候，顺序可以调整，灵活处理，但要保证SEO工作是一个良性的循环，同时那一个环节出现问题都可以找到相关负责人。

在此SEO框架中淡化了市场调查部分。

SEO在执行的时候，使用平扁化方式优化。也就是在优化的时候，会考虑到各个搜索引擎。原因：如果某个搜索引擎出现大规模排名下降，另外搜索引擎还会保持不断的流量，不至于网站受牵于某一个搜索引擎，而导致网站流量下降等方面。