WordPressでループの外にカスタムフィールドを表示する方法

WordPressでループの外にカスタムフィールドを表示したいですか？通常、カスタムフィールドは他の投稿コンテンツやメタデータと一緒にWordPressループ内に表示されます。この記事では、WordPressでループの外にカスタムフィールドを表示する方法を説明します。

WordPressのカスタムフィールドとは

カスタムフィールドを使用すると、WordPressの投稿に追加のメタデータを追加し、それを投稿コンテンツと一緒に表示できます。

画面オプションの下にあるカスタムフィールドメタボックスを有効にするだけで、カスタムフィールドを追加できます。また、WordPressでカスタムメタボックスを作成することで、カスタムフィールドのユーザーインターフェースを改善することもできます。

詳細については、WordPressカスタムフィールドの使用方法に関する初心者向けガイドをご覧ください。

カスタムフィールドは投稿にメタデータを追加するため、他の投稿コンテンツと一緒にWordPressループ内に簡単に表示できます。しかし、ループの外に表示したい場合もあります。たとえば、サイドバーウィジェット内などです。この場合、少しトリッキーになります。

それでは、WordPressでループの外にカスタムフィールドを簡単に表示する方法を見てみましょう。

WordPressでループの外にカスタムフィールドデータを表示する

ループの外にカスタムフィールドのメタデータを表示する代わりに、WordPressテーマでメインループに影響を与えることなく複数のループを使用する方法を説明します。

この記事では、WordPressのテーマファイルにコードを追加する必要があります。これを行ったことがない場合は、WordPressでコードをコピー＆ペーストする方法に関するガイドをご覧ください。

WordPressでカスタムフィールドデータを表示したい場所に、以下のコードをテーマファイルに追加する必要があります。

<?php
global $wp_query;
$postid = $wp_query->post->ID;
echo get_post_meta($postid, 'Your-Custom-Field', true);
wp_reset_query();
?>

このコードは、単にグローバル変数$wp_queryをロードして投稿IDを取得します。その後、get_post_meta()関数を使用してカスタムフィールドデータを取得して出力します。

Your-Custom-Fieldを実際のカスタムフィールドに置き換えることを忘れないでください。

コードをニーズに合わせてカスタマイズできます。また、他のクエリ引数を使用して、さまざまな投稿や固定ページのカスタムフィールドデータを取得して表示することもできます。

別の例を見てみましょう。これはWP_Queryクラスを使用しており、WordPressテーマファイルで複数のループを使用するための、より優れた、より柔軟な方法です。

このコードを、カスタムフィールドを表示したい場所に、テーマまたは子テーマに追加するだけです。

$args = array ( 
// Post or Page ID
'p' => 231,
);

// The Query
$the_query = new WP_Query( $args );

// The Loop
if ( $the_query->have_posts() ) {

	while ( $the_query->have_posts() ) {
		$the_query->the_post();
		echo get_post_meta( get_the_ID(), 'Mood', true);
		}

	
	/* Restore original Post Data */
	wp_reset_postdata();

} else {

echo 'Nothing found';
	
}

Moodを自分のカスタムフィールド名に、post IDを自分の投稿またはページのIDに置き換えるのを忘れないでください。

これで全部です。

この記事が、WordPressでループの外にカスタムフィールドを表示する方法を学ぶのに役立ったことを願っています。また、初心者向けWordPressテーマチートシートも参照してください。

この記事が気に入った場合は、WordPressのビデオチュートリアルをご覧ください。YouTubeチャンネルに登録してください。また、TwitterやFacebookでもフォローできます。