the_title()

Q: タイトルをリンクとして表示するには？

the_permalink() と一緒に使用します。 <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

Q: タイトルの文字数を制限したい場合は？

以下のようにwp_trim_words()を使います。 <?php echo wp_trim_words(get_the_title(), 10, '...'); ?>

Q: カスタム投稿タイプのタイトルも取得できますか？

はい、the_title()はカスタム投稿タイプのタイトルも正常に取得して表示します。

Function

2025/4/1 Tuesday

the_title() は、現在の投稿や固定ページのタイトルを表示するためのテンプレートタグです。WordPressテーマ内で使用され、投稿やページの見出しとして頻繁に利用されます。

機能の説明

the_title() は、現在の投稿、ページ、またはカスタム投稿タイプのタイトルを取得し、画面に直接表示します。WordPressのループ内で使用することで、各投稿のタイトルが表示されます。エスケープ処理も行われているため、HTMLタグがタイトルに含まれていても安全に出力されます。

シンプルなコード例

<?php the_title(); ?>

このコードは、現在の投稿やページのタイトルをそのまま表示します。

使い方の解説

the_title() は、主に投稿一覧ページや単一投稿ページで使用され、テーマのデザインに合わせてHTMLタグと組み合わせて出力することが一般的です。以下のように見出しタグと一緒に使用すると、ページの構造が整います。

投稿のタイトルを表示するコード例

<h2 class="post-title">
    <?php the_title(); ?>
</h2>

この例では、<h2>タグの中にthe_title()を配置しています。これにより、投稿のタイトルがh2見出しとして表示されます。

一緒に使うことが多い関連タグ

`get_the_title()`

get_the_title() は、the_title()と同様にタイトルを取得しますが、直接出力せずに取得したタイトルを変数として扱える点が異なります。

$title = get_the_title();
echo '<h2>' . $title . '</h2>';

このコードは、get_the_title()で取得したタイトルを変数に格納し、その後HTMLタグで出力しています。

`the_permalink()`

the_permalink() は、投稿のパーマリンク（URL）を取得するテンプレートタグです。the_title() と組み合わせることで、投稿タイトルにリンクを付けることがよくあります。

<a href="<?php the_permalink(); ?>">
    <?php the_title(); ?>
</a>

このコードでは、the_permalink()で取得したURLにthe_title()をリンクさせています。

`the_ID()`

the_ID() は、現在の投稿IDを表示するタグです。the_title() と一緒に使うことで、タイトルと投稿IDを同時に表示することができます。

<h2>
    投稿ID: <?php the_ID(); ?> - <?php the_title(); ?>
</h2>

この例では、投稿IDとタイトルを一行で表示しています。

追加情報を取得したい場合

投稿タイトルとカスタムフィールドを一緒に表示

<h2>
    <?php the_title(); ?>  
    <span class="custom-field">
        <?php echo get_post_meta(get_the_ID(), 'カスタムフィールド名', true); ?>
    </span>
</h2>

このコードは、投稿のタイトルに加えて、カスタムフィールドの値も表示します。

`get_the_date()` で取得できる投稿の情報

<?php echo get_the_date(); ?>

format: 投稿の日付フォーマット（例: “Y-m-d”）

`get_the_author_meta()` で取得できる情報

<?php echo get_the_author_meta('nickname'); ?>

nickname: 投稿者のニックネーム
description: 投稿者のプロフィール説明

想定されるトラブル

タイトルが空白の場合

投稿タイトルが設定されていないか、空文字で保存されている可能性があります。

解決策

if (get_the_title()) {
    the_title(); 
} else {
    echo 'タイトルが設定されていません'; 
}

特殊文字が正しく表示されない

タイトルに特殊文字やHTMLタグが含まれている場合、出力に不具合が生じることがあります。

解決策

esc_html()を使って出力をエスケープします。

<?php echo esc_html(get_the_title()); ?>

Q&A

タイトルをリンクとして表示するには？

the_permalink() と一緒に使用します。

<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

タイトルの文字数を制限したい場合は？

以下のようにwp_trim_words()を使います。

<?php echo wp_trim_words(get_the_title(), 10, '...'); ?>

カスタム投稿タイプのタイトルも取得できますか？

はい、the_title()はカスタム投稿タイプのタイトルも正常に取得して表示します。

まとめ

the_title() は、WordPressで投稿やページのタイトルを簡単に表示するための便利なテンプレートタグです。見出しやリンクと組み合わせて使うことが一般的であり、get_the_title() や the_permalink() などの関連タグと一緒に使用することで、より柔軟なカスタマイズが可能になります。特にタイトルの文字数制限やカスタムフィールドとの組み合わせによって、テーマ開発の自由度が高まります。