ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

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

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

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'] ); ?>

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

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事