PHPは、コンテナ全体をリンク（ボタンだけではなく）として作成します。

Question

私は全文を文章に使っていませんので、私は自分のwordpressウェブサイトのPHPファイルを変更したいと思っていました。私は私のサービスを表すいくつかのカードを持っていますが、クリック可能なリンクは「もっと読む...」というフレーズでしかありませんが、私はカード全体をリンクにしたいと思っています。 は、以下の私は思うのPHPコードは、その関連付けられているされています

HTMLコードで

<?php elseif($style == 'style_5') : ?> 
    <h3><?php echo esc_html($title); ?></h3> 
<?php else : ?> 
    <h4 class="no_stripe"><?php echo esc_html($title); ?></h4> 
<?php endif; ?> 
</div> 
<?php } ?> 
<?php echo wpb_js_remove_wpautop($content, true); ?> 
<?php 
    if ($link['url']) { 
     if (! $link['title']) { 
      $link['title'] = esc_html__('Read More', 'consulting'); 
     } 
     if (! $link['target']) { 
      $link['target'] = '_self'; 
     } 
     if($icon){ 
      $link['title'] = '<span>' . esc_html($link['title']) . '</span>' . '<i class=" ' . esc_attr($icon) . ' stm_icon"></i>'; 
     } 
     echo ' <a class="read_more" target="' . esc_attr($link['target']) . '" href="' . esc_url($link['url']) . '">' . $link['title'] . '</a>'; 
    } 
    ?> 
    <?php if($style == 'style_3'): ?> 
     </div> 
    <?php endif; ?> 

<?php endif; ?> 

Answer 1

、で、これは全体のカードのリンクにする必要があり、「タグ」内全体のカードを入れてみてください、と'a tag'はhref = ""にあなたの望むリンクを置きます。これはうまくいくはずです！

Answer 2

まあ、これは（あなたのコードから）のリンクです：

ので

echo ' <a class="read_more" target="' . esc_attr($link['target']) . '" href="' . esc_url($link['url']) . '">' . $link['title'] . '</a>'; 

、私は単純にそれを分割することによって、あなたの「カード」の容器の周りのことをラップしようと...

echo ' <a class="read_more" target="' . esc_attr($link['target']) . '" href="' . esc_url($link['url']) . '">' . $link['title']; 

...と：

echo '</a>'; 

コンテナのコー​​ドは、これら二つの部分の間に行かなければなりません。ほとんどの場合、最初の部分のコードの最初の行の直下に、aタグの元の位置まで表示されます。

<?php echo ' <a target="' . esc_attr($link['target']) . '" href="' . esc_url($link['url']) . '">' . $link['title']; ?> 

はおそらく「続きを読む」クラスは今リンクに回避することwhould：そして、以来（非PHP）HTMLコードは次のように最初の行は、PHPタグでラップする必要があること、そのセクションにあります。これは、あなたが提供されたコードに基づいているすべての

だから、完全なコードが

<?php elseif($style == 'style_5') : ?> 
 
    <?php echo ' <a target="' . esc_attr($link['target']) . '" href="' . esc_url($link['url']) . '">' . $link['title']'; ?> 
 
       <h3><?php echo esc_html($title); ?></h3> 
 
      <?php else : ?> 
 
       <h4 class="no_stripe"><?php echo esc_html($title); ?></h4> 
 
      <?php endif; ?> 
 
     </div> 
 
    <?php } ?> 
 
    <?php echo wpb_js_remove_wpautop($content, true); ?> 
 
    <?php 
 
    if ($link['url']) { 
 
     if (! $link['title']) { 
 
      $link['title'] = esc_html__('Read More', 'consulting'); 
 
     } 
 
     if (! $link['target']) { 
 
      $link['target'] = '_self'; 
 
     } 
 
     if($icon){ 
 
      $link['title'] = '<span>' . esc_html($link['title']) . '</span>' . '<i class=" ' . esc_attr($icon) . ' stm_icon"></i>'; 
 
     } 
 
     echo '</a>'; } ?> 
 
<?php if($style == 'style_3'): ?> 
 
</div> 
 
<?php endif; ?> 
 

 
<?php endif; ?>

になり、そこに考慮すべき他のものかもしれませんが、あなたはこれを試すことができます。