wordpress 記事リンク取得とカテゴリーのCSSについて

現在のコード

<a href="<?php the_permalink(); ?>">
 <div class="post_ichatch">
  <?php the_post_thumbnail('thumbnail'); ?>
 </div>
 <div class="post_info">
  <time datetime="<?php echo get_the_date( 'Y-m-d' ); ?>">
   <?php
     echo '<span class="post_date">'.get_the_date().'</span>'; ?>
  </time>
  <?php
    $categories = get_the_category();
        if ( $categories ) {
          echo '<a href="'.esc_url(get_category_link( $categories[0]->term_id )).'">'.'<span class="post-category">'.$categories[0]->name.'</span>'.'</a>';
        }
  ?>
  <h4 class="post_title"><?php the_title(); ?></h4>
 </div>
 <button type="button" class="brightbg" onclick="location.href=‘<?php the_permalink(); ?>'">動画を見る</button>
</a>

①記事リンク取得に関して
<?php the_permalink(); ?>で記事リンクを取得することは分かっているのですが、
<a href="<?php the_permalink(); ?>"></a>だと記事ページに遷移するのですが、<button type="button" class="brightbg" onclick="location.href=‘<?php the_permalink(); ?>'">動画を見る</button>というようにボタンタグだと記事ページに遷移できなくなってしまいます。

②カテゴリー表示について
上記のclass="post-category"にCSSを指定しているのですが、color:;のみが指定されません。
（marginなどは指定できる）
これは単にCSSの間違いか、get_category_linkになにか標準で指定されているcolorがあるのでしょうか？

PHP素人で、基礎的な質問ばかりで申し訳ありませんがご回答お願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

引用符が全角です。

HTML
1<!--<button type="button" class="brightbg" onclick="location.href=‘<?php the_permalink(); ?>'">
2                                                                  ↓-->
3    <button type="button" class="brightbg" onclick="location.href='<?php the_permalink(); ?>'">