英文原文: 8 Common Sense Tips For Writing Clean WordPress Blog Posts/Rubiqube
很长时间以来，我一直想写一篇这样的文章, 因为它可以让我成为一个更好的 wordpress 主题设计
师。这里并没有一些开创性的技巧，仅仅是8个常识技巧，适用那些对WordPress编辑器工作不太熟悉的朋友，或是那些没有良好文章编辑习惯的用户。
1. 复制 / 粘贴
这是一件非常简单的事情，但如果你对WordPress编辑器不熟，那很可能搞砸你的网页排版，或是复制粘贴了许多冗余的html代码和CSS代码。
比如你可以会直接从WORD或其它网站复制内容放到编辑器里面，这时如果你切换到HTML编辑模式下，大多数情况会发现很多垃圾代码。
我就见过有的朋友复制内容的时候把DIV也复制了进去，且嵌套不正确，导致网页布局出错。而且从理论上来说，大量无用的HTML代码和CSS代码也是不利于搜索引擎抓取的。
如果这些都不是你在乎的，那保持整洁是个很好的理由，看上去舒服。如果你是firefox用户，可以参考Copyer必备的Firefox复制粘贴扩展和插件。
2. 简单的样式化
WordPress 的可视化编辑器中提供一系列的样式化功能按钮，你应该合理的应用它们对你的内容进行排版，比如使用粗体和斜体标注一些重要和特别的文本，使用UL无序列表或OL有序列表让介绍更加层次分明，使用Blockquote区分引用和你自己的文字。
而至于文本的对齐属性，默认是左对齐的，一般情况，你并不需要用到它。
3. 添加图片
我绝对相信你会添加图片，我想告诉你的是，如何更好的添加图片:
- 为图片添加相关标题将有利于seo
- 图片的Link URL 一般并不需要，除非你的图片插入时是缩略图，点击打开后是更完整清晰的大图。
- 正确的使用float属性来达到漂亮的排版效果。这需要主题CSS文件进行定义，一个合格的WordPress 主题都应该已经定义这些元素。如果你的主题没有，那你可以打开WordPress的默认主题default.css，找到注释/* Begin Images */和/* End Images */之间的CSS代码，复制到你的主题。这些代码对图片的左对齐，左对齐，居中对齐进行了良好的样式化。
- 至于图片的尺寸，Full Size当然是最佳的选择，但如果图片确实太大，你一般也不要使用thumbnail和Medium，而是插入以后再点击编辑，按百分比来缩放，会得到你接近于你需要的尺寸。
4. 插入链接
你总是会需要在文章中添加内部链接和外部链接，而真正友好的添加方式可不是光加入一下URL地址这么简单，要知道，WordPress的链接添加模块里面的那些附加属性并不是做摆设用的。
你应该设置链接打开的目标窗口，也就是Target，至于是选择在新窗口中打开还是当前窗口，就看你自己了。尽管一些人认为在新窗口中打开是不尊重用户的体验，但相对来说，这样能为你带来更多页面访问量，而不是让用户一飘而过。
然后就是Title属性，这对于SEO或许并没有大的影响，但对于用户体验来说是个不错的细节，因为鼠标悬浮的时候，将显示你设置的Tititle，友好的Title能让用户对自己将要到达的网页有个大概的了解。
5. “阅读更多” 链接
如果你使用了more标签截断了文章内容，那添加“阅读更多”链接是很有必要的，否则可能会出现这样的情况: 你的读者在首页，在Feed，在存档可能并不知道你的文章还有后文。当然，这种情况很少发生，但添加这样一个链接能更有利于用户的浏览体验。
你或许应该添加一些样式化信息把“阅读更多”链接弄的更漂亮些，至于该链接的class选择器就什么，就看你的主题是如何设计了。
6. 标题
标题是组织博客文章的一个最佳方法。文章中最常用的是H2和H3标题。正确的使用它们，能让你的文章更加易于浏览，更具结构，层次分明。尤其你的文章内容比较多的时候。
7. 文本颜色
关于这一点，我唯一能给你的一个简短技巧就是: 不要使用! 我甚至不想展示添加文本颜色的按钮。因为根本就没必要使用文本颜色，你不应该把你的文章搞的像圣诞树似的，如果实在要添加样式，你应该在Style.css里面完成它。
PS: 上面是原文作者的观点，个人觉得，尽量少用，但实在需要的时候还是用一下吧。总不能当需要把某些文字标成紅色的时候，给这段文字添加<span class=”redtext”>，然后再去style.css添加.redtext{color:#F00;}。这样是很标准，很W3C，但也恁麻烦了点。
8. 清理
如果当你阅读这篇文章的时候在想 “Man… 我早在很久以前就知道这些技巧了!”, 那这是最后一个你可能没有注意到的小技巧:
如果你复制 HTML网页内容，然后切换到HTML文本模式，你可能会看到很多冗余的代码，比如内联样式，比如div标签等。而如果这些冗余的代码比较多，你挨个清理会比较麻烦，你只需要在可视化编辑模式下，选中所有的文本，点击”Remove formatting/移除格式化”信息就可以了，但这个功能也不保证能完美执行，所以你还需要再切换到HTML模式下确认是否还有冗余的代码。
放心，这个清除按扭并不会清楚友好和必须的HTML代码: 比如 (a), 标题 (h2, h3), 图像 (img) 和列表。(ul, ol 和它们的 li).
没有评论:
发表评论