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