第15回目 スティンガー5カスタマイズ トップページに特定のカテゴリの記事を、お知らせとして入れる方法

今回はスティンガー5カスタマイズの第15回目、トップページに特定のカテゴリの記事をお知らせとして入れる方法を紹介します。 

先に完成画像

第15回目 スティンガー5カスタマイズ トップページに特定のカテゴリの記事を、お知らせとして入れる方法
先に完成画像ですが、上記の画像のように、特定のカテゴリ(宝島からのお知らせ)で作成した記事を表示させるようにします。

リンク先は記事の本文につながるようにします。

特定カテゴリを表示させる

やり方的には(コード)スティンガー5カスタマイズ 第13回目 とほぼ同じ方法です。13回目はサイドバーでしたが今回はトップページになっただけです。
第13回目 スティンガー5カスタマイズ サイドバーの新着記事を特定のカテゴリのみ表示

home.phpの編集

第15回目 スティンガー5カスタマイズ トップページに特定のカテゴリの記事を、お知らせとして入れる方法
トップページを変えるには「home.php」を編集します。上記画像はhome.phpファイルです。
枠で囲んである場所は今回追加したコードです。

追加したコード

下記コードが特定カテゴリを表示させる為のコードです。

特定カテゴリと表示させたい件数は、1行目で指定しています。
catの後の9がカテゴリIDになっています。

<h2>リサイクルショップ宝島からのお知らせ</h2>
<?php query_posts('cat=9&posts_per_page=5&paged='.$paged); ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
 
<div class="post">
<div class="post_date"><?php echo get_the_date('Y.m.d'); ?></div>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>


</div>
 
<?php endwhile; ?>
<?php else : ?>
 
<p>記事が見つかりません</p>
 
<?php endif; ?>

※下記画像は、新規作成の投稿ページで、今回の場合はカテゴリID9が、「宝島からのお知らせ」になっています。

第15回目 スティンガー5カスタマイズ トップページに特定のカテゴリの記事を、お知らせとして入れる方法

カテゴリIDとは

カテゴリIDとは、新規にカテゴリを作成すると割り当てられるIDです。カテゴリIDを調べる方法は以前に紹介しましたので下記のリンク先を参考にしてください。
ワードプレス(WordPress)カテゴリIDを調べる方法

home.phpのコードを公開
<?php get_header(); ?>
<div id="content" class="clearfix">
  <div id="contentInner">
<?php echo do_shortcode( '' ); ?>
    <main>

      <article>
        <section>

<h2>買い取り強化商品</h2>
・液晶テレビ<br />
・インパクトドライバ<br />


<h2>リサイクルショップ宝島からのお知らせ</h2>
<?php query_posts('cat=9&posts_per_page=5&paged='.$paged); ?>
<?php if(have_posts()): while(have_posts()): the_post(); ?>
 
<div class="post">
<div class="post_date"><?php echo get_the_date('Y.m.d'); ?></div>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>


</div>
 
<?php endwhile; ?>
<?php else : ?>
 
<p>記事が見つかりません</p>
 
<?php endif; ?>







       
        </section>
        <!-- /section --> 
<?php get_template_part('sns-top'); //ソーシャルボタン読み込み ?> 
        <!-- ページナビ -->
   <!--     <?php if (function_exists("pagination")) {
pagination($wp_query->max_num_pages);
} ?> 
-->

      </article>

    </main>
  </div>
  <!-- /#contentInner -->
  <?php get_sidebar(); ?>
</div>
<!-- /#content -->
<?php get_footer(); ?>

何回もコードを追加したり、編集したので、もともとのデフォルトのコードがわからなくなったので全部公開しちゃいます。

スティンガー5のカスタマイズまとめ記事はこちら

ワードプレスのテーマ「stinger5」をカスタマイズして、企業のホームページとして2015年1月から運用します

The following two tabs change content below.
AKIRA

AKIRA

上尾市在住の、リサイクルショップで働くサラリーマン。 Twitter・Facebookやってます。 小心者なので、誰か声かけてくれると嬉しいです。
スポンサーリンク
スポンサーリンク
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です