現在wordpressでサイト制作をしていて、記事一覧ページを作っています。
そこでタイトルや日付、アイキャッチ画像などが表示されるようにコーディングしていて、同じように記事の内容を120文字程度に抜粋して表示されるようにコーディングしました。
しかし、画像のようになぜか抜粋文が複数生成されています。
しかも、HTMLファイルに自分がコーディングしてクラス名(excerpt-text)をつけた部分には何も入っておらず、その下に生成されたpタグに文章が入っています。さらにその下に生成されているpタグにはmarginのみが入っています。。
html
1<li> 2 <a href="<?php the_permalink(); ?>"> 3 <div class="blog-img"> 4 <?php the_post_thumbnail(); ?> 5 </div> 6 <div class="blog-detail"> 7 <p class="time"><?php the_time('Y.m.d'); ?></p> 8 <p class="category"><?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?></p> 9 <h4><?php the_title(); ?></h4> 10 <p class="excerpt-text"><?php the_excerpt(); ?></p> 11 </div> 12 </a> 13</li>
css
1.blog-list li a{ 2 display: block; 3} 4.blog-img, 5.blog-detail{ 6 display: inline-block; 7} 8.blog-img img{ 9 width: 300px; 10 height: 212px; 11} 12.blog-detail{ 13 width: 620px; 14 padding-left: 70px; 15 position: relative; 16} 17.blog-detail p.time, 18.blog-detail p.category{ 19 display: inline-block; 20 margin: 0; 21} 22.blog-detail p.category{ 23 position: absolute; 24 top: 0; 25 right: 0; 26} 27.blog-detail h4{ 28 font-size: 24px; 29 margin: 25px 0 15px; 30} 31.blog-detail p.excerpt-text{ 32 margin: 0; 33}
どなたか分かる方がいたら教えていただけると大変助かります。。
宜しくお願い致します。
示されているコードだけでは記事一覧にはならないと思うのですが……。その辺に原因があるのでは?
回答1件
あなたの回答
tips
プレビュー