ご注意!

この記事には PHP コードが含まれており、開発者を対象としています。このコードは便宜上提供していますが、コードのカスタマイズやサードパーティの開発についてはサポートを提供していません。

追加のガイダンスについては、WPBeginner の カスタムコードの追加方法に関するチュートリアル を参照してください。

閉じる

ブラウザタブのページタイトルを変更する方法

概要

ブラウザタブに表示されるページタイトルを変更しますか? これは、短いコードスニペットで簡単に行えます。このタイトルを変更するために必要なPHPをご紹介します。

セットアップ

デフォルトでは、どのページを表示しても、ブラウザタブに表示されるページタイトルは、ページまたは投稿のタイトルから取得されます。これは、Conversational FormsアドオンまたはForm Pagesアドオンを使用している場合も同様で、表示されるタイトルは、フォーム設定で定義したフォームのタイトルになります。

場合によっては、ブラウザタブのタイトルを、フォームを読み込んだときに表示される実際の名前とは異なるものにしたい場合があります。このタイトルを変更するには、このコードスニペットをサイトにコピーしてください

/**
 * Change the page title on the browser tab.
 * 
 * @link https://wpforms.com/developers/how-to-change-the-page-title-on-the-browser-tab/
 *
 */

function generate_custom_title( $title ) {

        // Enter the ID number of the page you want to change here
	if ( is_single( '850' ) ) {
		$title = __( 'My Custom Title', 'textdomain' );
	}
	
	return $title;  
}
add_filter( 'pre_get_document_title', 'generate_custom_title', 10, 1 );

上記のコードでは、対象としているページIDは850です。このID番号を、お使いのページIDに合わせて変更する必要があります。この番号を見つけるには、こちらの役立つドキュメントをご覧ください

Conversational または Form Pages アドオンでこのスニペットを使用する場合、スニペットに入力する必要があるID番号はフォームIDです。フォームIDを見つけるには、こちらのチュートリアルをご覧ください

これで完了です!Conversational Formsに表示されるブラウザタブのタイトルを正常に変更できました。WPFormsの必須フィールドインジケーターも変更しますか?必須フィールドインジケーターの変更方法に関するチュートリアルをご覧ください。

フィルターリファレンス: pre_get_document_title