OrzDream » SEO http://orzdream.com 冏一个世界 冏一个梦想 Orz World Orz Dream Sat, 14 Aug 2010 11:09:37 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 WordPress技巧：在SEO面前砍掉多余内容 http://orzdream.com/2008/10/how-to-cut-more-info-via-css/ http://orzdream.com/2008/10/how-to-cut-more-info-via-css/#comments Sun, 05 Oct 2008 15:24:02 +0000 NetPuter http://orzdream.com/?p=118 感觉又是一篇标题党入党申请书的范文，呵呵~

直接进入正题，童鞋（好像你们不喜欢看到童鞋这个词，如果是的话我可以改口）喜欢在侧边栏显示最新文章、最新评论、饭否最新动态以及其他的信息，但是如果显示的内容太多又会导致页面不美观，直接砍掉多余的内容吧，可能会不好看，再者影响SEO。有没有……有，当然有。今天NetPuter就给大家介绍下如何在SEO面前砍掉多余内容。（感觉今天的这个情景预设的不好T^T）

先让我看看效果吧

  • 这个是没有砍掉前的效果，多余的内容很多。
  • 我砍！页面整齐了吧，一行就是一行，你敢跨？我就砍！

如何在SEO面前砍掉多余内容

CSS，又是CSS。代码如下：

1
2
3
4
5
6
7

<style type="text/css">
#sidebar {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
</style>

这里简单解释下这3个CSS参数是什么：

  1. overflow:hidden：不显示超过对象尺寸的内容
  2. text-overflow:ellipsis：当对象内文本溢出时显示省略标记“...”
  3. white-space:nowrap：强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。

具体大家可以参考CSS中文手册，遇到不熟的属性都可以参考下。

然后呢，把上面的CSS代码添加到主题目录下的style.css中相关位置就可以啦。

PS1：最近还是在整蛊WordPress主题，好折腾别人的主题却又达不到自己想要的效果，自己要做一个又没有灵感，哎~
PS2：感觉又写得很糟糕，哎~
PS3：原本显示在首页的Links我已经搬到了这里，和“传统”的Links页面不一样哦，另外需要申请Links的童鞋也可以到这里留言申请。

© NetPuter for OrzDream, 2008. | 查看原文 | 发表评论 | Follow @NetPuter
Tags: , , ,
]]> http://orzdream.com/2008/10/how-to-cut-more-info-via-css/feed/ 55