worpdpress テーマ制作001

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; ?>