Wie macht man ganze Ansicht verknüpfbar?

Question

Ich möchte die gesamte Ansicht verknüpfbar machen.

Dies ist meine Rewrite-Regel:

<div class="news_column_wrapper z-depth-1 card"> 
<div class="news_column_images card-image">[field_images]</div> 
<div class="news_column_content_wrapper"> 
<div class="news_column_created"><i class="fa fa-clock-o"></i>&nbsp;[created]</div> 
<div class="news_column_title">[title]</div> 
</div> 
</div> 

Das ist mein Sichtfeld Screen ist, möchte ich das ganze Feld anklickbar machen:

ich mit

<div class="news_column_wrapper z-depth-1 card"> 
<a href="[path]"> 
     <div class="news_column_images card-image">[field_images]</div> 
     <div class="news_column_content_wrapper"> 
     <div class="news_column_created"><i class="fa fa-clock-o"></i>&nbsp;[created]</div> 
     <div class="news_column_title">[title]</div> 
     </div> 
</a> 
     </div> 

versucht haben,

aber nichts passiert. Wie kann ich das erreichen?

Answer 1

Ich denke, es ist mehr ein HTML-Problem als ein Drupal. Das <a>-Tag ist ein Inline-Tag und Sie haben <div> Tags darin platziert. Die natürliche Anzeige des Tags <a> wird dazu führen, dass nur der Text anklickbar ist.

Sie können CSS verwenden, um <a> ein Blockelement zu erstellen, wodurch die anklickbare Zone auf den gesamten Block erweitert wird.

zuerst eine Klasse zu Ihrem Link hinzufügen:

<a class='block_link'> 
    <h2>My title</h2> 
    <div>My content</div> 
</a> 

Dann in Ihrem CSS, machen den <a> Tag wie ein Block angezeigt wird.

a { 
    display:block; 
} 

Das sollte den Trick tun.