如何设计帖子预览/链接的样式而不影响主要帖子?

时间:2014-04-19 作者:LWTBP

我是一个初学者,但花了很多时间试图弄明白这一点,但没有结果。

使用Chrome中的开发者工具,我试图找到一个特定的类,它是我正在创建的一个新WP站点主页中作为预览显示的帖子所特有的。但是,所有这些都会应用于单击帖子链接时到达的主帖子。

那么,解决方案是什么?

我想让主页链接看起来最像许多网站的特色帖子,是矩形的,以帖子的主图像为背景或其他什么。

2 个回复
最合适的回答,由SO网友:isNaN 整理而成

只要你的主题是以“正常”的方式设置的,这就相当容易了。

让我们以214的标记为例。当前查看的页面类型会在<body>. 因此,对于头版博客(几篇文章)<body> 元素包含类“blog”,单个post包含类“single”。(还有“archive”和“page”等类。)

因此,要格式化一篇文章,您需要在css中添加“.single”。

/* css */
.single .post { 
    /* affects only single posts */
}
.single .post h1 { 
    /* affects only the <h1> of .single posts */
}
要设置博客页面上帖子列表的格式,请添加。博客

/* css */
.blog .post { 
    /* this affects only posts on a .blog page */
}
.blog .post h1 { 
    /* this affects only the <h1> of posts on a .blog page */
}
所以请继续使用DevTools,但看看<body> 要素

SO网友:Matt Cromwell

我同意isNaN的观点,但我还要补充一点,如果在“设置>阅读”设置中,您将一个页面(如“主页”)设置为您的主页,而不是您的最新帖子,则正文标记将具有一个类。家所以你可以这样设计帖子:

.home .post {}
但其他人提供帮助的最佳方式是提供指向您正在处理的页面的链接,然后我们可以非常具体。

结束

相关推荐

Wamp lan中的wordPress不加载css

我在带有wamp的lan中使用wordpress。我可以从客户端PC正确地看到lan。它与非wordpress网站完美配合,因此我认为这不是lan设置问题。我应该在wordpress中设置什么特别的设置吗?实际上,它加载正确,但没有JS和CSS。更新,以下是CSS和JS如何加载到插件中:function agenda_my_scripts() { if ( !is_admin() ) { // datepicker wp_enqueue_script( \'cust