WordPressテーマTCDのカスタマイズを研究するサイト

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

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>
The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。