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

ワードプレステーマ別

TCDテーマOpinion:トップページスライダー枠の右に表示される記事にリンクをつける方法

WordPressテーマ「NULL」

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

ダウンロード

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>

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

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

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