POST_CLASS不使用css

时间:2014-05-10 作者:DJC

通过《codex》,我了解到如何使用post\\u class()函数创建css挂钩来设置内容的样式。

以下是我的代码PHP:

<li class="<?php post_class();?>"> <?php the_title(); ?> </li>
<p class="<?php post_class(); ?>"> <?php the_content(); ?> </p>
但是,以下CSS不起作用,样式不变:

.category-blockquote {
color: green;
}
尽管法典上说,你可以在CSS中用“category-”作为类别名称的前缀,以连接到该内容上。

https://codex.wordpress.org/Function_Reference/post_class

如果您能帮我解释一下为什么我的代码不起作用,我们将不胜感激。

提前谢谢。

2 个回复
SO网友:Saikat

首先<?php post_class(); ?> 函数打印包含html的字符串\'class\' 属性所以,每当您在class属性内使用此函数时,实际上就是在class属性内打印另一个class属性。这就是为什么你们班不上课。

第二,自<?php the_content(); ?> 函数可能包含<p> tag,这就是为什么从不使用<?php the_content(); ?> 内部功能<p> 标签那会打破你的写作风格the_content 块相反<p> 标记,使用<div>.

因此,您可以尝试以下方法:

<li <?php post_class();?>><?php the_title(); ?></li>
<div <?php post_class(); ?>><?php the_content(); ?></div>

SO网友:s_ha_dum

这是错误的:

<li class="<?php post_class;?>"> <?php the_title(); ?> </li>
也就是说post_class-- 是错误的。post_class() 是一个函数。您所写的内容很可能会得到一个“未定义常量”Notice 而且不会起作用。

其次,这不是真正的方式post_class() 已使用。添加post_class() 到您的外贴纸包装,无需class= 由生成的零件post_class(), 不适用于帖子中的单个元素。您要做的是将相同的类添加到li 以及p 这会给正确定位布局的各个部分带来麻烦,还会生成许多不必要的标记。例如:

13    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
14            <?php twentyfourteen_post_thumbnail(); ?>
15    
16            <header class="entry-header">
17                    <?php if ( in_array( \'category\', get_object_taxonomies( get_post_type() ) ) &&
TwentyTeven\\u categorized\\u blog()):?>18

https://core.trac.wordpress.org/browser/tags/3.9.1/src/wp-content/themes/twentyfourteen/content.php#L13

现在您可以使用以下内容:

.category-abc .entry-header {
   background:red;
}
至目标<header class="entry-header">.

category-{category_name} 应工作:

类别模板文件和显示帖子的页面视图具有类别选择器:帖子id类别id类别名称

http://codex.wordpress.org/Function_Reference/post_class

但“名称”将是slug而不是人类可读的名称,即“abc def”而不是“abc def”。

结束

相关推荐

WordPress 3.8.3。自定义主题-滑块不会加载js/css文件

我正在构建自定义WP主题,但我对滑块有问题。我尝试安装的那些都不起作用。当我查看开发人员控制台并搜索他们的js/css文件时,发现他们不在那里。不在页眉或页脚中。其中一个插件可以选择将自己的文件包含在页眉或页脚中,试图改变这一点,但没有成功。Contact form和pagenavi工作正常,但滑块工作不正常。没有js错误,因为没有导致这些错误的文件。WP版本为3.8.3。包括jQuery 1.9.3,运行良好。我的功能中是否遗漏了什么。php(主题从无到有)可能吗?