jquery - wordpressでjsを1つだけindex.phpをロードする方法

Question

wordpressでjsファイルのみのホーム(index.php)ファイルを2つ読み込みたいです。しかし、私はできません

<?php if (is_page('home') ) { ?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/jcarousellite_1.0.1.js" type="text/javascript"></script>
<?php } ?>

私はこれを試しましたが、うまくいきません。しかし、ホームなしで他のページ名を入力すると正常に動作します..実際には私のホームページ（index.php）です。とにかく、1 つの index.php またはホームページのみをロードする方法があります。ホームではなく、index.phpページをトリガーする必要があると思います。私のホームページはwordpressページで作成されていません。私はインデックス。私のindex.phpファイルコードの下に。

<?php get_header(); ?>
<style type="text/css">
.sliderarea .sliderbg .sliderwrap .anyClass ul li {
    background-color: #03F;
    border: 2px solid #930;
    height: 100px;
    width: 100px;
    margin-left: 10px;
}
</style>


<div class="slidshow">
  <div class="sshow"><?php echo do_shortcode("[widgetkit id=741]"); ?> </div>
  <div class="overshadow"></div>
  <div class="righpanbox">
    <ul>
      <li><a href="<?php echo get_permalink(get_ID_by_slug('why-web')); ?>"><?php echo $images=get_the_post_thumbnail(get_ID_by_slug('why-gentaweb'));?> </a></li>
      <li><img src="<?php bloginfo('template_directory'); ?>/images/star_sepa.png"  /></a></li>
      <li><a href="<?php echo get_permalink(get_ID_by_slug('why-web-domain-sale')); ?>"><?php echo $images=get_the_post_thumbnail(get_ID_by_slug('why-web-domain-sale'));?> </a></li>
      <li><img src="<?php bloginfo('template_directory'); ?>/images/star_sepa.png"  /></li>

    </ul>
  </div>
</div>
<div class="cls"></div>


<div class="sliderarea">

  <div class="sliderbg">
<div class="sliderwrap">  




<button class="prev"><<</button>
<button class="next">>></button>

<div class="anyClass">
    <ul>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
         <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
    </ul>

</div>
<script>
$(function() {
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });
});


</script> 



</div>
  </div>
</div>
<?php get_footer(); ?>