CSS for Custom Post Types

时间:2012-04-19 作者:Joe Bobby

如何将CSS分配给自定义帖子类型,使其显示不同于其他自定义帖子类型?

示例:

自定义贴子类型1:一行4幅图像

自定义帖子类型2:一个2列,左列为图像,右列为文本

我该怎么做?

1 个回复
最合适的回答,由SO网友:Eric Allen 整理而成

在post循环中,您始终可以设置一个与自定义post类型的slug等效的类名,然后相应地调整css。

您需要添加post_class() 函数添加到包含每个帖子的html元素。

对于此选项,您需要首先获取帖子类型:

 <?php $post_type = get_post_type($post->ID); ?>
然后使用post\\u class()将post类型添加到包含post的html元素中:

 <?php post_class($post_type); ?>
或者,您可以使用一些条件逻辑来检查post类型,然后在循环中以两种完全不同的方式输出它们。

就我个人而言,只是因为我喜欢对事情有更多的控制,我会在循环中设置if语句,以便根据post类型调整输出。

每一个主题都是不同的,但像这样的事情应该会让你走上正确的轨道:

if (have_posts()) : while (have_posts()) : the_post();
     $post_type = get_post_type($post->ID);
     if($post_type == \'four_img\') {
          get_template_part(\'content\',\'four_img\');
     } elseif($post_type == \'two_col\') {
          get_template_part(\'content\',\'two_col\');
     } else {
          get_template_part(\'content\',get_post_format());
     }
endwhile;
endif;
您需要创建content-four\\u img。在我的示例中是php文件和content-two\\u col.php文件,但如果您更喜欢的话,可以将标记直接编码到循环中。

结束

相关推荐

Css图像不会与博客信息一起显示

我是WP和PHP新手,我正在尝试将我的“旧”HTML主题转换为WP主题。我创建了索引。php页面并将其链接到样式。css。我在css中有一些图像,从我所读到的内容来看,我理解我必须更改图像url,以代替:background-image: url(../assets/Logo.png); 我会的background-image: url(\"<?php bloginfo(\'template_directory\'); ?>/assets/Logo.png\"); 所以我对