Q.トップページにブログ記事をお知らせ一覧のように表示したい
NOELのトップページコンテンツでは、ブログ記事を一覧表示させる仕様となっておらず、デモサイトではバナーコンテンツでブログ一覧ページにリンクさせています。
この記事のカスタマイズ内容は、ブログ記事一覧をコンテンツビルダー(並び替えできる各コンテンツ)の外、各コンテンツの最下部に配置します。
A.下記の方法でカスタマイズしてください。
編集するファイル: ホームページ (front-page.php)
編集する箇所: 488行目「</div><!– END #index_content –>」の上に記述を追加
<div id="index_news" class="index_content"> <div class="index_cb_catch"> <h2 class="catch rich_font"><span>ブログ</span></h2> <p class="desc"><span>ブログ一覧の説明文</span></p> </div> <?php $blog_query = new WP_Query('posts_per_page=4,orderby=date,order=DESC'); ?> <div class="post_list clearfix"> <?php while($blog_query->have_posts()): $blog_query->the_post(); ?> <article class="item"> <a href="<?php the_permalink() ?>"> <p class="date"><time class="entry-date updated" datetime="<?php the_modified_time('c'); ?>"><?php the_time('Y.m.d'); ?></time></p> <h4 class="title"><span><?php the_title(); ?></span></h4> </a> </article> <?php endwhile; ?> </div><!-- END .post_list --> <div class="index_cb_button"> <a href="ブログ一覧のリンク先">ブログ一覧</a> </div> <?php wp_reset_query(); ?> </div>
※posts_per_page=● の数値を変更すると記事の表示数を変更出来ます。
※お知らせ一覧のID・クラス名を参照しますので、お知らせ一覧と異なるスタイルにしたい場合は変更が必要です。
▼表示イメージ
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!