WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマOOPS!:トップページの3つのボックスコンテンツでリンクを外す方法

Q.「3つのボックスコンテンツ」をいくつか配置した場合、個別にリンクを貼るコンテンツと貼らないコンテンツに分けたいです。

各ボックスの設定で「リンク先のURL」を入力しないことで、具体的なリンク先が設定されることはありませんが、クリックすると(リンク先がないため)トップページに遷移いたします。
申し訳ございませんが、テーマ側の機能といたしまして、アンカーリンクを削除することは出来かねます。

A.下記の方法でカスタマイズしてください。

編集するファイル: front-page.php
編集する箇所: 61行目付近

<a class="p-index-content02__item-image p-hover-effect--<?php echo esc_attr( $options['hover_type'] ); ?>" href="<?php echo esc_url( $value['cb_three_boxes_url' . $i] ); ?>"<?php if ( $value['cb_three_boxes_target' . $i] ) { echo ' target="_blank"'; } ?>>
  <?php
    if ( $value['cb_three_boxes_image' . $i] ) { 
    echo wp_get_attachment_image( $value['cb_three_boxes_image' . $i], 'size3' );		
    } else {
    echo '<img src="' . get_template_directory_uri() . '/img/no-image-340x220.gif" alt="">' . "\n";
    }
  ?>
</a>

 ↓

<<?php if ( $value['cb_three_boxes_url' . $i] ) { echo 'a' ; } else { echo 'div'; } ?> class="p-index-content02__item-image p-hover-effect--<?php echo esc_attr( $options['hover_type'] ); ?>" href="<?php echo esc_url( $value['cb_three_boxes_url' . $i] ); ?>"<?php if ( $value['cb_three_boxes_target' . $i] ) { echo ' target="_blank"'; } ?>>
  <?php
    if ( $value['cb_three_boxes_image' . $i] ) { 
    echo wp_get_attachment_image( $value['cb_three_boxes_image' . $i], 'size3' );		
    } else {
    echo '<img src="' . get_template_directory_uri() . '/img/no-image-340x220.gif" alt="">' . "\n";
    }
  ?>
</<?php if ( $value['cb_three_boxes_url' . $i] ) { echo 'a' ; } else { echo 'div'; } ?>>

 
補足)
リンクなしの画像にもホバーエフェクトがかかることが気になる場合は、

p-hover-effect--<?php echo esc_attr( $options['hover_type'] ); ?>

を削除してください。(リンクあり、なしに関わらずホバーエフェクトがオフになります。)

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

0

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。