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

[Alessandro Ramos 0]

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

 

 

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!!