Twenty Fourteenのトップをタイトル一覧にする

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 
	<header class="entry-header">
		<?php
 
			if ( is_single() ) :
				the_title( '<h1 class="entry-title">', '</h1>' );
			else :
				?>
				<!-- 記事一覧のひと記事開始 -->
				<div class="one-title">
					<div class="entry-thumbnail"><a href="<?php the_permalink(); ?>"><img src="<?php $image_id = get_post_thumbnail_id(); $image_url = wp_get_attachment_image_src($image_id, ”, true); echo $image_url[0]; ?>" width="100%" /></a></div>
						<div class="entry-meta">
							<?php
								printf( '<span class="entry-date"><a href="%1$s" rel="bookmark"><time class="entry-date" datetime="%2$s">%3$s</time></a></span>',
									esc_url( get_permalink() ),
									esc_attr( get_the_date( 'c' ) ),
									esc_html( get_the_date() )
								);
							?>
							<span class="entry-category"><?php the_category(', ') ?></span>
							<?php the_tags( '<span class="entry-tag">', ', ', '</span><br />' ); ?>
						</div>
					<?php the_title( '<h1><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' ); ?>
 
					<!-- start_description --><div>
						<span class="aioseop_description"><?php echo get_post_meta($post->ID, _aioseop_description, true); ?></span>
					</div><!-- end_description -->
					<span class="readmore"><a href="<?php the_permalink(); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/readmore.svg" alt="read more" /></a></span>
					<br clear="all" />
				</div>
				<!-- 記事一覧のひと記事終了 -->
				<?php
			endif;
		?>
 
	</header><!-- .entry-header -->
 
	<?php if ( is_search() ) : ?>
	<div class="entry-summary">
		<?php the_excerpt(); ?>
	</div><!-- .entry-summary -->
	<?php elseif ( is_single() ) : /* 個別記事表示以外では記事本文は表示しない */ ?>
 
	<div class="entry-content">
		<?php
			the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyfourteen' ) );
			wp_link_pages( array(
				'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentyfourteen' ) . '</span>',
				'after'       => '</div>',
				'link_before' => '<span>',
				'link_after'  => '</span>',
			) );
		?>
	</div><!-- .entry-content -->
	<?php else : ?>
	<?php endif; ?>
 
</article><!-- #post-## -->

.site {
	margin: 0em auto;			/* ページを中央表示 */
}
 
.site-title a {
	color : #ff8c00;			/* ブログタイトル文字装飾 */
}
 
.content-area {
	padding-top: 10px;			/* コンテンツ部分の上部余白を補正 */
}
 
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0;			/* コンテンツ部分の横幅を広げる */
	max-width: none;			/* コンテンツ部分の横幅を広げる */
}
 
.site-content .entry-content h2{
	border-left: 5px solid #ff1493;			/* h2タグ装飾 */
}
 
.site-content .entry-header {
		padding-right: 0;			/* コンテンツ部分の横幅を広げる */
}
 
.site-content footer.entry-meta {
	padding-right: 0;			/* コンテンツ部分の横幅を広げる */
}
 
.site-content .entry-content,
.site-content .entry-summary,
.page-content {
	padding-right: 0;			/* コンテンツ部分の横幅を広げる */
}
 
.content-sidebar {
	padding-top: 10px;			/* サイドバー部分の上部余白を補正 */
}
 
.site-content .has-post-thumbnail .entry-header {
	margin-top: 0;			/* アイキャッチ画像を削除した後の補正 */
}
 
.one-title {
	position: relative;			/* readmoreボタンの配置のため */
}
 
.one-title .entry-thumbnail {
	width: 200px;			/* 記事一覧のアイキャッチ画像の幅 */
	margin-right: 5px;			/* アイキャッチ画像の右側余白 */
	float: left;			/* アイキャッチ画像は左側に配置 */
}
 
.one-title .entry-meta {
	clear: none;			/* 投稿情報部分をアイキャッチ画像右側に表示するため */
	line-height: 1;			/* 投稿情報部分の行の高さ */
	text-transform: none;			/* 強制大文字表記解除 */
}
 
.one-title .entry-date {
	font-size: 12px;			/* 投稿日時の文字の大きさ */
}
 
.one-title .entry-category {
	background: url(images/category.svg) no-repeat 0 0;	/* カテゴリーの画像表示 */
	padding-left: 20px;			/* カテゴリー画像表示調整 */
	font-size: 12px;			/* カテゴリーのテキスト大きさ */
}
 
.one-title .entry-tag {
	background: url(images/tag.svg) no-repeat 0 0;			/* タグの画像表示 */
	padding-left: 20px;			/* タグ画像表示調整 */
	font-size: 12px;			/* タグのテキスト大きさ */
}
 
.one-title h1 {
	border-left: 5px solid #ff1493;			/* 一覧ページタイトルh1タグ装飾 */
	font-size: 26px;
	font-weight: 300;
	display: inline;			/* アイキャッチ画像の右側に表示するため */
}
 
.one-title .aioseop_description {
	font-size: 13px;			/* 記事一覧にAll in One SEOのdescriptionを表示する */
	line-height: 1.1;
}
 
.one-title .readmore {
	position: absolute;			/* 記事一覧の右下にread moreボタンを設置 */
	bottom: 5px;
	right: 5px;
}
 
.singular .site-content .hentry.has-post-thumbnail {
	margin-top: 0;
}

@media screen and (max-width: 640px) {
	.one-title .entry-thumbnail {
		width: 84px;			/* 記事一覧のアイキャッチ画像の幅スマホ */
	}
	.one-title .entry-date {
		font-size: medium;
	}
	.one-title .entry-category {
		display: none;
	}
	.one-title .entry-tag {
		display: none;
	}
	.one-title h1 {
		font-size: medium;
		font-weight: bold;
	}
	.one-title .aioseop_description {
		display: none;
	}
	.one-title .readmore {
		display: none;
	}
}