Question

我有一个wordpress模板，其中有一个名为new_boxs的模块。从下面的代码中，它在页面上显示6次，2列宽，三行向下，如下所示：

foreach($data_cat as $cat){ ?>
    <div class="span6">
        <h2 class="ribbon ribbon-green">
        <a href="<?php echo get_category_link( $cat ); ?>" ><?php echo get_cat_name( $cat ); ?></a>
        </h2>
.....

h2类'ribbon'具有类别标题的背景图像，标题链接在其上打印正常。（根据附图）

我需要做的是为首页上显示的6个类别中的每个类别提供不同的背景。

到目前为止我是这样的：

foreach($data_cat as $cat){ ?>
    <div class="span6">
        <?php if ( in_category( 'Science News' )) {
        echo '<h2 class="ribbon ribbon-green">'; 
        } elseif (in_category('Biological Sciences' )) {
        echo '<h2 class="ribbon2 ribbon-green">';
        }
        ?>
    <a href="<?php echo get_category_link( $cat ); ?>" ><?php echo get_cat_name( $cat ); ?></a>
    </h2>
....

我遇到的问题是它没有抓住css背景（没有h2或它下面的任何类），它只显示没有背景的类别链接。

Link to image showing problem (before and after)

谢谢你们，

Answer 1

如果您尝试：

foreach($data_cat as $cat){ ?>
    <div class="span6">
        <?php if (get_cat_name($cat) == 'Science News') {
        echo '<h2 class="ribbon ribbon-green">'; 
        } elseif (get_cat_name($cat) == 'Biological Sciences' ) {
        echo '<h2 class="ribbon2 ribbon-green">';
        }
        ?>
    <a href="<?php echo get_category_link( $cat ); ?>" ><?php echo get_cat_name( $cat ); ?></a>
    </h2>

由于您正在打印类别名称（在链接中）。将该名称与“科学新闻”或“生物科学”进行比较应该有效。

Wordpress：类别标题背景图片

1 个答案: