班级没有被添加到当前页面？ （想要突出显示活动页面）

Question

我正在尝试将一个类添加到用户在Wordpress中的当前页面中。

到目前为止，我有以下代码，但它没有用，有人知道为什么吗？

  <?php while ( have_posts() ) : the_post(); ?>
  <a href="<?php echo get_the_permalink(); ?>" title="<?php echo the_title(); ?>"> 
  <div id="grid-icon" class="icon-news<?php if (is_page($post->ID)) { 
  echo "page-active "; } else {} ?> col-xs-12 col-md-4">
     <p><?php echo get_post_meta($post->ID, 'wpcf-short-title', true); ?></p>
  </div> </a>
  <?php endwhile;?>

Answer 1

看看这一行：

<div id="grid-icon" class="icon-news<?php if (is_page($post->ID)) { 
    echo "page-active "; } else {} ?> col-xs-12 col-md-4">

班级icon-news和page-active之间没有空格。尝试将echo命令更改为：

echo " page-active "; //note the space between `"` and `page-active`

这也可以简化为：

<div id="grid-icon"
    class="icon-news<?php echo is_page($post->ID) ? " page-active " : null ?> col-xs-12 col-md-4">

Answer 2

当你使用php代码添加类时，你必须在课程之前添加一个空格。

echo "page-active "; } else {} ?> col-xs-12 col-md-4">

行将是

echo " page-active "; } else {} ?> col-xs-12 col-md-4">