Q.スライダー右の記事にリンクをつけたい
トップページスライダーの右の4つの記事が並んでいる箇所で、クリックと同時にその記事ページに遷移するように変更したいです。
A.下記のphpファイルの該当箇所を編集します
編集するファイル:index.php
編集する箇所:
編集ファイル:index.php
編集箇所:
<?php // Featured post --------------------------------------------------------------------------------------- (中略) <div id="sub_slider"> <?php foreach ($index_featured_post as $post) : setup_postdata ($post); ?> <div class="item"> <div class="image"> <?php if ( has_post_thumbnail()) { echo the_post_thumbnail('size4'); } else { echo '<img src="'; bloginfo('template_url'); echo '/img/common/no_image4.jpg" alt="" title="" />'; }; ?> </div> <div class="info"> <?php if ($options['show_date']) { ?><p class="date"><?php the_time('Y/n/j'); ?></p><?php }; ?> <p class="category"> <?php $categories = get_the_category($post->ID); $separator = ', '; $output = ''; if($categories){ foreach($categories as $category) { $output .= '<span class="category-link-' . $category->term_id . '">'.$category->cat_name.'</span>'.$separator; } echo trim($output, $separator); } ?> </p> <h4 class="title"><?php trim_title(28); ?></h4> </div> </div> <?php endforeach; wp_reset_query(); ?> </div>
↓
<?php // Featured post --------------------------------------------------------------------------------------- (中略) <div id="sub_slider"> <?php foreach ($index_featured_post as $post) : setup_postdata ($post); ?> <div class="item"> <a href="<?php the_permalink() ?>"> <div class="image"> <?php if ( has_post_thumbnail()) { echo the_post_thumbnail('size4'); } else { echo '<img src="'; bloginfo('template_url'); echo '/img/common/no_image4.jpg" alt="" title="" />'; }; ?> </div> <div class="info"> <?php if ($options['show_date']) { ?><p class="date"><?php the_time('Y/n/j'); ?></p><?php }; ?> <p class="category"> <?php $categories = get_the_category($post->ID); $separator = ', '; $output = ''; if($categories){ foreach($categories as $category) { $output .= '<span class="category-link-' . $category->term_id . '">'.$category->cat_name.'</span>'.$separator; } echo trim($output, $separator); } ?> </p> <h4 class="title"><?php trim_title(28); ?></h4> </div> </a> </div> <?php endforeach; wp_reset_query(); ?> </div>
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!