採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマOOPS!:「3つのボックスコンテンツ」のリンクや画像を削除する方法

Q.ボックス1~3の説明文にリンクを追加したり、画像に貼ってあるリンクを削除するにはどうしたら良いでしょうか?

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

3つのボックスコンテンツについてですが、「front-page.php」の

<div id="cb_<?php echo $key; ?>" class="p-index-content02">

から始まる箇所が該当致します。
そちらの中のお好きな箇所へボタンコンテンツの内容を記述してください。

また、画像のリンクをご削除されたい場合は、
下記箇所のaタグをdivタグにご変更ください。

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

↓↓↓

<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";
                    }
                    ?>
                </div>

なお、コンテンツボックスの画像のホバーアクションの設定を解除する方法についてはこちらをご覧ください。
「3つのコンテンツボックス」の画像アクションについて

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

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

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