全体を作る<article>タグをリンクに付ける

Question

私は記事のタグ全体をリンクにする必要があるワードプレスのカスタマイズに取り組んでいます。
基本的に私が<article>を背景色に変えたとき（作業中）、そのタグ全体をリンクにするためにhtmlを認識できません。 私は、最初のコードは動作するはず両方の方法

<a href="mylink"> 
    <article> 
     /*article content: an image, header &text*/ 
    </article> 
</a> 

と

<article> 
    <a href="mylink"> 
     /*article content: an image, header &text*/ 
    </a> 
</article> 

Answer 1

を試してみました。クラスを<a>タグに追加し、css display：blockプロパティを使用します。

.block{ 
 
    display: block; 
 
}

<a class="block" href="mylink"> 
 
    <article> 
 
     <img src="http://placehold.it/400/400" alt="" /> 
 
    </article> 
 
</a>

Answer 2

おかげKijan！ あなたの答えはほとんど動作します。私はこのようにそれを調整する必要がありました ：とても基本的にリンクに高さを与える

             
  
 
   
 
    
.parent{ 
 
\t position: relative; 
 
    } 
 
    .block{ 
 
\t display: block; 
 
\t position: absolute; 
 
\t width: 100%; 
 
\t height: 100%; 
 
\t top: 0; 
 
\t left: 0; 
 
    }
 
    
<div class="parent"> 
 
     <a class="block" href="mylink"> 
 
      <article> 
 
       <img src="http://placehold.it/400/400" alt="" /> 
 
      </article> 
 
     </a> 
 
    </div>
 
   
 
  
 
 

 

が不可欠でした。それが記事全体をカバーするためには、私はそれを絶対的な立場にし、記事の背景全体を取った。 これは他の人に役立つかもしれません。