wizfreek

<?php
wp_deregister_script( 'jquery' );
wp_deregister_script( 'jquery-ui-core' );
wp_enqueue_script('jquery','http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js');
wp_enqueue_script('jquery-ui-core','http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js', array('jquery'));
?>
<?php wp_head(); ?>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".menu li a").hover(function() {
jQuery(this).stop().animate({color: "#0096c1"}, 800);
 },function() {
jQuery(this).stop().animate({color: "#1a1a1a" }, 800);
 });
 });
</script>

でどうでしょうか？一応私の環境下ではこれで動きました。

参考サイト
http://creamo.jp/wordpress/jquery-load-wordpress/
http://kachibito.net/web-design/jqueryui-background-color-change.html

わたしも色々調べながら組んだのでスマートな方法ではないかもしれません。
今後他のjqueryのプラグインを使うとすれば、外部ファイル化して、
wp_enqueue_script()を使って呼び出した方が良いと思います。

ちなみに、自分のテーマ内からjsファイル等を読み込む場合は、相対パスではなく、
絶対パスを指定する必要があるので、

<script type=”text/javascript” src=”js/jquery.js”></script>

では無く、

<script type=”text/javascript” src=”<?php bloginfo(template_derectory);?>/js/jquery.js”></script>

などで、使用しているテーマまでのパスを指定する必要があります。

そのまま貼り付けたのであれば、
とりあえず

<title><？php bloginfo('name');?></title>

の最初の ? が全角になっているようですが・・・・。

参考になれば。
参考サイト

外観　→　テーマ編集から　スタイルシート編集(style.css)

530行目あたり

.hentry {
           margin: 0 0 48px;
          }

を

.hentry {
    border-bottom: 1px solid #E7E7E7;
    margin: 0 0 38px;
    padding-bottom: 10px;
}

などに変更。細かい調整はお好みでどうぞ。

twentytenなどはバージョンアップで上書き等されてしまいますので
子テーマの利用をおすすめします。

tkj_tkjさん

とりあえずループをいれて試してみてくれないでしょうか？

<?php get_header(); ?>
<div class="container">
<div id="content_page">
<div class="page_content">
<div class="page_content_sidebar"></div>
<div class="page_content_area">
<?php if(have_posts()):while(have_posts()):the_post();?>
<div class="page_content_article">
<p class="page_title"><?php the_title(); ?></p>
<p class="blog_content"><?php the_content(); ?></p>
</div>
<?php endwhile;endif;?>
</div></div></div>
<?php get_footer(); ?>

でいけないですかね？