wordpressで記事一覧ページを作成しているのですが、なぜか抜粋文が複数読み込まれてしまっています。。

Question

現在wordpressでサイト制作をしていて、記事一覧ページを作っています。

そこでタイトルや日付、アイキャッチ画像などが表示されるようにコーディングしていて、同じように記事の内容を120文字程度に抜粋して表示されるようにコーディングしました。

しかし、画像のようになぜか抜粋文が複数生成されています。



しかも、HTMLファイルに自分がコーディングしてクラス名（excerpt-text）をつけた部分には何も入っておらず、その下に生成されたpタグに文章が入っています。さらにその下に生成されているpタグにはmarginのみが入っています。。

<li>
	<a href="<?php the_permalink(); ?>">
		<div class="blog-img">
			<?php the_post_thumbnail(); ?>
		</div>
		<div class="blog-detail">
			<p class="time"><?php the_time('Y.m.d'); ?></p>
			<p class="category"><?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?></p>
			<h4><?php the_title(); ?></h4>
			<p class="excerpt-text"><?php the_excerpt(); ?></p>
		</div>
	</a>
</li>

.blog-list li a{
	display: block;
}
.blog-img,
.blog-detail{
	display: inline-block;
}
.blog-img img{
	width: 300px;
	height: 212px;
}
.blog-detail{
	width: 620px;
	padding-left: 70px;
	position: relative;
}
.blog-detail p.time,
.blog-detail p.category{
	display: inline-block;
	margin: 0;
}
.blog-detail p.category{
	position: absolute;
	top: 0;
	right: 0;
}
.blog-detail h4{
	font-size: 24px;
	margin: 25px 0 15px;
}
.blog-detail p.excerpt-text{
	margin: 0;
}

どなたか分かる方がいたら教えていただけると大変助かります。。
宜しくお願い致します。

Comments

[8-0_nyan5]

示されているコードだけでは記事一覧にはならないと思うのですが……。その辺に原因があるのでは？

Answer 1

表記されているhtmlのコードはループさせていますか？

pタグの部分に関しては

<?php the_excerpt(); ?>を使用すると、抜粋には自動的にpタグが付与されてしまうそうです。

参考リンク内容

なので、以下のように、p→div等に変更するとか、

<p class="excerpt-text"><?php the_excerpt(); ?></p>
↓
<div class="excerpt-text"><?php the_excerpt(); ?></div>

参考リンク内容の通り、
functions.phpに以下を足して自動的に付くpを削除するとか、どうでしょうか？

remove_filter('the_excerpt', 'wpautop');

Comments

[ShunYoshizawa]

ありがとうございました！！！！！
無事直りました！！！