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”」は不要です。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!