style.css
/* Theme Name: SampleTheme Author: SampleUser Author URI: http://●●●.com Description: サンプルのテーマ */
ブログタイトル(サイトタイトル)を表示する
<?php bloginfo('name'); ?>
キャッチフレーズを表示する
<?php bloginfo('description'); ?>
記事要素を表示する
<?php if(have_posts()): while(have_posts()): the_post(); ?> <!-- ループ開始 --> <!-- ここに繰り返し表示したい項目を記述します --> <?php endwhile; endif; ?> <!-- ループ終了 -->
WordPressデータベースから取り出した投稿・固定ページを1件ずつ表示していく(デフォルト10件)
という意味
それぞれの命令は、
while → 処理を繰り返す構文
have_posts() → 次の記事があるか調べる
the_post() → 次の記事を取得する
記事要素を表示する(内容入り)
<?php if(have_posts()): while(have_posts()): the_post(); ?> <!-- ループ開始 --> <?php echo get_the_date(); ?> <!-- 投稿日時を表示 --> <?php the_category(', '); ?> <!-- カテゴリーを表示 --> <?php the_title(); ?> <!-- 記事タイトルを表示 --> <?php the_content(続きを読む); ?> <!-- 記事本文を表示 --> <?php endwhile; endif; ?> <!-- ループ終了 -->
例えば、以下のコードでは「カテゴリーID」が「5」の記事を3つ出力します。
<?php query_posts('cat=5&posts_per_page=3'); ?> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <li><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li> <?php endwhile; ?> <?php endif; ?>
query_postsは非推奨でした…
<?php $args = array( 'post_type' => 'post', 'cat' => 5, 'category_name' => 'news' ); $the_query = new WP_Query($args); if($the_query->have_posts()): ?> <?php while ($the_query->have_posts()): $the_query->the_post(); ?> <?php the_content(); ?> <?php endwhile; ?> <?php wp_reset_postdata(); ?> <?php else: ?> <!-- 投稿が無い場合の処理 --> <?php endif; ?>