Preciso colocar link em todo o bloco, incluindo imagem de fundo!

Boa noite amigos,

Estou com um problema, que pode ser simples, mas para mim está me dando muita dor de cabeça.

Criei essas áreas (codigo abaixo e imagem), ontem o conteúdo está linkado com uma página, mas precisava colocar o link no título, mas quando faço isso, ele fica azul, porque é a cor padrão dos links, sendo que os dois primeiros bloco tem que ser branco o título, mas não consigo fazer isso.

O background é imagem, cada bloco tem sua imagem que é indicada pelo CSS, queria colocar link nesse background também, alguém saberia me dizer se é possível?

Resumo: Hoje apenas o conteúdo tem link, mas precisava que TODA A ÁREA de cada bloco fosse sensível ao clique.

IMAGEM DAS ÁREAS

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.ramosdesignservidor.com.br/bg/base-areas.jpg&key=bf01e65bd33de10bffe3925d9c6365c8b920e82fd3813a846f18a54b3574ad5a" alt="base-areas.jpg" />

CÓDIGO QUE FICA NO INDEX WORDPRESS

 <div class="areas">
 <h2><a href="?page_id=44">Áreas</a></h2>
 <div class="row">
 <?php
 $args = array (
 'post_type' => array( 'areas' ),
 'order' => 'ASC',
 'orderby'	=> 'id'
 );

 $areas_query = new WP_Query( $args );
 $count=1;
 $areaID;
 if ( $areas_query->have_posts() ) {
 while ( $areas_query->have_posts() ) {
 $areas_query->the_post();
 if($count==1){
 $areaID="areabox1";
 }
 if($count%2==0){
 $areaID="areabox2";
 }
 if($count%3==0){
 $areaID="areabox3";
 }
 if($count%4==0){
 $areaID="areabox4";
 }
 ?>
 <div class="col-md-3">
 <div class="areabox" id="<?php echo $areaID;?>">
 <div><a href="?page_id=44"></a></div>
 <h3><?php echo get_the_title();?></h3>
 <div class="areaboxcontent">
 <?php echo nl2br(get_the_content());?>
 </div>
 <div class="ruler"></div>
 </div>
 </div>

Desde já agradeço a atenção e a ajuda de todos!!