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

ワードプレステーマ別

TCDテーマLAW:テンプレート1の2段目の画像にリンクを付ける方法

WordPressテーマ「NULL」

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

ダウンロード

Q.テンプレート1の2段目の画像にリンクを設定したい

テンプレート1使用時の2段目の3つの画像にリンクをつける方法をおしえてください。

A.下記のphpファイルの該当箇所を編集します

編集するファイル:template1.php (page/template1.php)
編集する箇所:

  <?php if($type1_row2_col1_headline || $type1_row2_col1_desc || $value1) { ?>
  <div class="pt_layout2 col col1 clearfix">
   <?php if(!empty($value1)) { ?>
   <a href="http://リンク先URL" target="_blank"><img class="image" src="<?php echo $image1[0]; ?>" alt="" title="" /></a>
   <?php }; ?>
   <?php if(!empty($type1_row2_col1_headline)) { ?>
   <h3 class="headline2"><?php echo $type1_row2_col1_headline; ?></h3>
   <?php }; ?>
   <?php if(!empty($type1_row2_col1_desc)) { ?>
   <div class="desc"><?php echo wpautop( $type1_row2_col1_desc ); ?></div>
   <?php }; ?>
  </div>
  <?php }; ?>
  <?php if($type1_row2_col2_headline || $type1_row2_col2_desc || $value2) { ?>
  <div class="pt_layout2 col col2 clearfix">
   <?php if(!empty($value2)) { ?>
   <a href="http://リンク先URL" target="_blank"><img class="image" src="<?php echo $image2[0]; ?>" alt="" title="" /></a>
   <?php }; ?>
   <?php if(!empty($type1_row2_col2_headline)) { ?>
   <h3 class="headline2"><?php echo $type1_row2_col2_headline; ?></h3>
   <?php }; ?>
   <?php if(!empty($type1_row2_col2_desc)) { ?>
   <div class="desc"><?php echo wpautop( $type1_row2_col2_desc ); ?></div>
   <?php }; ?>
  </div>
  <?php }; ?>
  <?php if($type1_row2_col3_headline || $type1_row2_col3_desc || $value3) { ?>
  <div class="pt_layout2 col col3 clearfix">
   <?php if(!empty($value3)) { ?>
   <a href="http://リンク先URL" target="_blank"><img class="image" src="<?php echo $image3[0]; ?>" alt="" title="" /></a>
   <?php }; ?>
   <?php if(!empty($type1_row2_col3_headline)) { ?>
   <h3 class="headline2"><?php echo $type1_row2_col3_headline; ?></h3>
   <?php }; ?>
   <?php if(!empty($type1_row2_col3_desc)) { ?>
   <div class="desc"><?php echo wpautop( $type1_row2_col3_desc ); ?></div>
   <?php }; ?>
  </div>
  <?php }; ?>

※ハイライト部分が編集箇所です。別窓でリンクさせない場合は「 target=”_blank”」は不要です。

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

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

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