你正在浏览标签「 SEO 」下的文章

WordPress技巧:在SEO面前砍掉多余内容

* WordPress / # , , , / 2008年10月05日 / 55条评论

感觉又是一篇标题党入党申请书的范文,呵呵~

直接进入正题,童鞋(好像你们不喜欢看到童鞋这个词,如果是的话我可以改口)喜欢在侧边栏显示最新文章、最新评论、饭否最新动态以及其他的信息,但是如果显示的内容太多又会导致页面不美观,直接砍掉多余的内容吧,可能会不好看,再者影响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的童鞋也可以到这里留言申请。

1