タイトルの出力

wordpressのタイトルのイラスト

the_title という関数で、投稿(または固定ページ)のタイトルを出力することができます。

記事のタイトルを出力

投稿(または固定ページ)のタイトルを出力するには、the_title という関数(テンプレートタグ)を使います。

一般的には、WordPressループ内に以下のように書くことが多く、このようにすることで投稿(固定ページ)のタイトルが出力されます。

PHP

<?php the_title(); ?>

タイトルの前後を文字列で囲む場合、記事のタイトルを hタグで囲み以下のように一覧表示することができます。

PHP

<?php if ( have_posts() ) : ?>
  <?php while ( have_posts() ) : the_post(); ?>
      <h3><?php the_title(); ?></h3>
  <?php endwhile;?>
<?php endif; ?>

特定の記事のカテゴリのタイトルをリスト出力

特定のカテゴリーの新しいエントリー、新着記事のタイトルをリンク付きでリスト表示する方法です。

以下のサンプルは wordpressblog のカテゴリーの記述ですが、この箇所を表示させたいカテゴリーのslugに置き換えて表示させます。

PHP

<?php
$term_id = get_category_by_slug('wordpressblog')->term_id;
$posts = get_posts('category='.$term_id.'&numberposts=0');
global $post;
?>
<h2><?php echo get_the_category_by_ID($term_id) ?></h2>
<ul>
<?php if($posts): foreach($posts as $post): setup_postdata($post); ?>
<li><?php the_title(); ?></li>
<?php endforeach; else : ?>
<li>Not Found</li>
<?php endif;?>
</ul>
<?php wp_reset_postdata(); ?>

リンク付きサムネイルとタイトルの全件表示

最新の投稿記事をリンク付きでアイキャッチ画像とタイトルを全件で表示する方法です。

posts_per_page' => -1 の数値を変更することで、全件表示から任意の件数の表示に変更することが可能で、CSSで.thumbnailと.titleを整える必要があります。

PHP

<ul>
<?php
$args = array( 'posts_per_page' => -1 );
$lastposts = get_posts( $args );
foreach ( $lastposts as $post ) :
  setup_postdata( $post ); ?>
<li>
    <div class="thumbmail">
      <?php if(has_post_thumbnail()) { ?><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php echo the_post_thumbnail(); ?></a> <?php } ?>
    </div>
    <div class="title"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
    </div>
</li>
<?php endforeach; 
wp_reset_postdata(); ?>
</ul>