More-link

如果要在博客首页放置多篇文章,又全文显示的话,浏览器右侧的滑条槽将长的另人无法忍受。因此,你要用WordPress的分离代码使首页显示摘要。但另人遗憾的是,那单薄的“Read the rest of this entry”或者“继续阅读”的链接总是与漂亮的主题难以匹配。所以,我们美化它。

方法是在css中对.more-link进行定义。个人比较倾向于简洁,所以没有添加背景,需要的朋友可以自己添加。

在主题style.css中添加以下代码:

.more-link{

padding:0 1px 0 1px;

float:right;                                           /—右浮动—/

font-size:12px;                                    /—字符尺寸—/

font-weight:700;                                 /—字符粗细—/

text-shadow:1px 1px 2px #C0C0C0;    /—阴影效果(IE不支持)—/

border:1px outset #999                      /—边框效果—/

}

2 thoughts on “More-link

发表评论

电子邮件地址不会被公开。

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">