div内の別のdivにリンクするには

Question

リンクとして応答する領域を変更したいと思います。ページ出力は、チームメンバーが入っている円のグリッドです。現在のところ、マウスでマウスをクリックすると表示されるテキストはクリック可能で、内側の円全体に変更したいと考えています。

したがって、divのsc_team_member_innerはsc_team_member_nameの代わりにリンクする必要があります。

非常に基本的なPHP質問申し訳ありません..事前に感謝！

<?php 
if ($members->have_posts()) { 
    while ($members->have_posts()) { 
     $members->the_post(); 
     ?> 
     <div itemscope itemtype="http://schema.org/Person" class="sc_team_member"> 
      <div class="sc_team_member_inner"> 

       <?php 
       if (has_post_thumbnail()) 
        echo the_post_thumbnail('medium') ; 
       else { 
        echo '<img src="' . SC_TEAM_URL . 'inc/img/noprofile.jpg" class="attachment-medium wp-post-image"/>'; 
       } 
       ?> 

       <?php if ('yes' == $this->options[ 'name' ]) : ?> 
        <div itemprop="name" class="sc_team_member_name"> 
         <a href="<?php the_permalink() ?>" rel="bookmark" class="<?php echo $this->check_clicker($single_template); ?>">        
          <?php the_title() ?> 

Answer 1

ここに私が望むと思うものの例がありますか？

.sc_team_member_name { 
 
    height: 10em; 
 
    width: 10em; 
 
    border-radius: 50%; 
 
    border: 2px solid black; 
 
} 
 
.sc_team_member_name a { 
 
    display: block; 
 
    height: 100%; 
 
    width:100%; 
 
    text-align: center; 
 
    border: 1px solid red; 
 
    border-radius: 50%; 
 
} 
 
a:hover { 
 
    background: rgba(255,0,0,0.5); 
 
}

<div itemprop="name" class="sc_team_member_name"> 
 
    <a href="link_to_person" rel="bookmark"> </a>       
 
</div>