カスタム投稿タイプを活用する：実際に作成してみよう！その1：『トップページをつくる！』

2012.11.07 Category:WordPress Tag:summary

前回のカスタム投稿タイプを使って『ScrapBook』という名のブックマークを目的とした子ブログを作成しましたという記事の第3弾です。

※　追記あり

記事の内容が違うよというご指摘を頂きましたので、修正しました(2012/12/27) ご指摘・ご指導ありがとうございました。

ScrapBook作成目次

作成したモノの構成

トップページにサイドをなくして、タイル状に記事を並べるようにしたかったので、新たにjsを読み込まなくてはいけなかったことと、読了時間などあまり必要でないなと思われるものがあったのでその部分はなくしたことが大きな変更点。

ですが、さすがに1から作るのは大変なのでフレーム的なモノはそのまま流用し、少し手を加えて新たに以下の通りに作成しました。

header-2.php　⇒header部分
archive-scrapbook.php　⇒トップページ部分
post_scrap.php　⇒ループ部分
single-scrapbook.php　⇒記事詳細部分
sidebar-2.php　⇒サイド部分
footer-2.php　⇒footer部分
taxonomy.php　⇒カテゴリ一覧

CSSに関しては、加えたものだけ書きたした感じなので、ほぼほぼ流用です。

ではでは、さっそく今日のお題『トップページをつくる！』です。

『トップページをつくる！』

カスタム投稿タイプでのトップページは、archive-投稿タイプ名.phpで作成します。

※　archiveを作成するには、

'has_archive' => true,

1	'has_archive' => true,

~~この一文が必要です。~~

~~あとは、index(home)を作成した時のような中身でOK！なのですが、呼び込み方が通常とは異なります。~~

~~以下の文が必要です。~~

↓　今回は、アーカイブを作成しましたので、以下の書き方はボツ

<?php //カスタム投稿タイプ呼び出し
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$wp_query = new WP_Query( array( 'post_type' => '投稿タイプ名', 'posts_per_page' => 10, 'paged' => $paged ) ); ?>

<?php //カスタム投稿タイプ呼び出し

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

$wp_query = new WP_Query( array( 'post_type' => '投稿タイプ名', 'posts_per_page' => 10, 'paged' => $paged ) ); ?>

上記の　has_archive => true　を記述した場合は、通常のテンプレートを作成するときと同じ書き方でOKです。

以下を記述。

<?php if (have_posts()) : while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

1	<?php if (have_posts()) : while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

これを加えて作成したものがこちら

<?php get_header(2); ?>
 
<section class="content">
<?php if (have_posts()) : while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>
<?php get_template_part('includes/post_scrap'); ?>
    <?php endwhile; ?>
    <?php else : ?>
<div class="post">
    <div class="posttitle">
        <h2 class="title">記事が見つかりませんでした</h2>
            </div>
    </div>
<?php endif; ?>
  <?php get_template_part ('includes/pagenav'); ?>
</section><!--#content-->
 
<?php get_footer(2); ?>