ホームページ CMS チュートリアル &#&プレス WordPressにタイプを投稿するためにメタボックスを追加します

WordPressにタイプを投稿するためにメタボックスを追加します

Feb 10, 2025 am 10:34 AM

Adding Meta Boxes to Post Types in WordPress

WordPress Webサイトビルダーまたは開発者は、多くの場合メタボックスを使用します。この記事では、メタボックスとカスタム記事タイプとの関連性と統合、およびメタボックスを使用してWordPressフロントエンドで保存されたデータを使用する方法に飛び込みます。

コアポイント

  • add_meta_box()関数(マウントにadd_meta_boxesアクション)を使用して、任意の記事タイプの編集インターフェイスにメタボックスを追加します。この関数を使用して、メタボックスを複数の記事タイプ(記事、ページ、カスタム記事タイプ「書籍」など)、または既存および将来のすべての記事タイプに追加できます。
  • メタボックスは、記事タイプの名前をadd_meta_boxesアクションフックに追加することにより、特定の記事タイプに制限できます。 register_post_type()関数は、記事タイプをカスタマイズするために使用され、そのパラメーター配列にはregister_meta_box_cbが含まれます。その値は、メタボックスを設定するときに呼び出されるコールバック関数です。
  • global_notice_meta_box_callback関数には、メタボックスのフォームフィールドが含まれています。 save_postアクションフックドラフトまたは公開として記事を保存するときに、テキスト領域に保存されたプロセスデータをフックします。このデータは、対応する記事コンテンツを保存する前に、メタボックスに入力されたデータを表示することにより、効果的に利用できます。

メタボックスを記事タイプの画面

に追加します

Narayan Prustyは、すべてではないにしても、PHP関数、パラメーター、およびメタボックスを作成するアクションフックをカバーしています。

任意の記事タイプの編集画面にメタボックスを追加するには、add_meta_box()関数を使用してadd_meta_boxesアクションに添付できます。

次のコードは、メタボックスを記事編集画面に追加します。メタボックスにフォームフィールドを表示するために使用されるglobal_notice_meta_box_callback関数に注意してください。後で詳細に紹介します。

function global_notice_meta_box() {
    add_meta_box(
        'global-notice',
        __( '全局公告', 'sitepoint' ),
        'global_notice_meta_box_callback',
        'post'
    );
}
add_action( 'add_meta_boxes', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー

複数の投稿タイプ画面(記事、ページ、およびカスタムポストタイプ「本」)にメタボックスを追加するには、記事タイプ配列を作成し、配列をループし、タイプのadd_meta_box()を使用してこれらの投稿に追加します。

function global_notice_meta_box() {
    $screens = array( 'post', 'page', 'book' );
    foreach ( $screens as $screen ) {
        add_meta_box(
            'global-notice',
            __( '全局公告', 'sitepoint' ),
            'global_notice_meta_box_callback',
            $screen
        );
    }
}
add_action( 'add_meta_boxes', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー

既存および将来のすべての作成された記事タイプにメタボックスを追加するには、記事タイプアレイを取得し、上記の値を置き換えます。 get_post_types() $screen

メタボックスは、3番目の(
function global_notice_meta_box() {
    $screens = get_post_types();
    foreach ( $screens as $screen ) {
        add_meta_box(
            'global-notice',
            __( '全局公告', 'sitepoint' ),
            'global_notice_meta_box_callback',
            $screen
        );
    }
}
add_action( 'add_meta_boxes', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー
)パラメーターを省略して、既存のすべての投稿タイプと新しい投稿タイプに追加することもできます。

$screen記事タイプ名(この場合は "book")を

アクションフックに添付して、メタボックスを特定の記事タイプに制限することもできます。
function global_notice_meta_box() {
    add_meta_box(
        'global-notice',
        __( '全局公告', 'sitepoint' ),
        'global_notice_meta_box_callback'
    );
}
add_action( 'add_meta_boxes', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー

add_meta_boxes関数は、記事の種類をカスタマイズするために使用され、そのパラメーター配列には

が含まれ、その値はMetaboxを設定するときに呼び出されるコールバック関数です。
function global_notice_meta_box() {
    add_meta_box(
        'global-notice',
        __( '全局公告', 'sitepoint' ),
        'global_notice_meta_box_callback'
    );
}
add_action( 'add_meta_boxes_book', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー

次のコードを使用して「本」と呼ばれるカスタム記事タイプを作成するとします。

function global_notice_meta_box() {
    add_meta_box(
        'global-notice',
        __( '全局公告', 'sitepoint' ),
        'global_notice_meta_box_callback',
        'post'
    );
}
add_action( 'add_meta_boxes', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー

php関数(上記の値の値)にglobal_notice_meta_box関数定義を追加すると、「本」のカスタム記事タイプの編集画面にメタボックスが追加されます。 register_meta_box_cb add_meta_box()繰り返しますが、これは

関数の例です。

global_notice_meta_box

これまでのところ、WordPressにメタボックスを登録または追加するさまざまな方法を学びました。また、Metaboxのフォームフィールドを含む
function global_notice_meta_box() {
    $screens = array( 'post', 'page', 'book' );
    foreach ( $screens as $screen ) {
        add_meta_box(
            'global-notice',
            __( '全局公告', 'sitepoint' ),
            'global_notice_meta_box_callback',
            $screen
        );
    }
}
add_action( 'add_meta_boxes', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー
関数を作成する必要があります。

global_notice_meta_box_callback以下は、メタボックスにテキスト領域フィールドを含む

関数のコードです。

global_notice_meta_box_callback

function global_notice_meta_box() {
    $screens = get_post_types();
    foreach ( $screens as $screen ) {
        add_meta_box(
            'global-notice',
            __( '全局公告', 'sitepoint' ),
            'global_notice_meta_box_callback',
            $screen
        );
    }
}
add_action( 'add_meta_boxes', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー

アクションフックドラフトまたは公開として記事を保存する際にテキスト領域に保存されたプロセスデータをフックします。 Adding Meta Boxes to Post Types in WordPress save_post

メタボックスのテキスト領域に入力されたデータを使用するには、対応する記事コンテンツを保存するために表示される前にデータを表示します。
function global_notice_meta_box() {
    add_meta_box(
        'global-notice',
        __( '全局公告', 'sitepoint' ),
        'global_notice_meta_box_callback'
    );
}
add_action( 'add_meta_boxes', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー

function global_notice_meta_box() {
    add_meta_box(
        'global-notice',
        __( '全局公告', 'sitepoint' ),
        'global_notice_meta_box_callback'
    );
}
add_action( 'add_meta_boxes_book', 'global_notice_meta_box' );
ログイン後にコピー
ログイン後にコピー
コード説明

最初に、

関数を作成し、記事コンテンツを含む

パラメーターを使用してglobal_notice_before_postフィルターに添付します。 the_content 関数の内部には、現在表示されている記事のwp_postオブジェクトが含まれるグローバル$content変数を含めます。

特定の記事のために保存されたグローバルアナウンスを$postに取得し、それらを

変数に保存します。

get_post_meta次に、アナウンスをdivにラップして、$global_notice変数に保存します。

最後に、をグローバルな発表で$noticeに接続して、実際の記事コンテンツに接続します。

以下は、記事の内容の前にグローバルな発表を含む記事のスクリーンショットです。 $notice $content

概要Adding Meta Boxes to Post Types in WordPress

このチュートリアルでは、WordPress管理画面にメタボックスを登録するさまざまな方法と、それらを記事タイプに制限する方法を学びました。

また、メタボックスにフォームフィールドを追加する方法と、記事を保存または公開するときに入力データを保存する方法も確認しました。 最後に、入力されたデータをMetaboxに配置する方法を紹介します。

将来の記事では、記事タイプの管理画面にコンテキストヘルプタブを追加する方法について説明します。

質問や提案がある場合は、コメントでお気軽にお問い合わせください。

WordPressの記事タイプにメタボックスを追加する際のFAQ
  • WordPressのメタボックスとは何ですか? WordPressのメタボックスは、管理インターフェイスに表示されるドラッグ可能なボックスです。これらのボックスは、追加の入力フィールドを表示するために使用され、ユーザーはさまざまな種類の記事の機能とレイアウトをカスタマイズできます。記事、ページ、カスタム投稿タイプに追加できます。メタボックスには、テキスト、チェックボックス、選択オプションなど、さまざまな種類のフィールドを含めることができます。

  • WordPressのカスタム投稿タイプにメタボックスを追加する方法は? WordPressのカスタム投稿タイプにメタボックスを追加するには、関数を使用する必要があります。この関数を使用すると、メタボックスID、タイトル、コールバック関数、記事タイプ、コンテキスト、および優先度を指定できます。コールバック関数は、メタボックスの内容を出力するために使用されます。 add_meta_box()

  • 単一の記事タイプに複数のメタボックスを追加できますか?

    はい。各メタボックスには、競合を避けるために一意のIDが必要です。 関数を複数回使用して、異なるパラメーターを使用して複数のメタボックスを追加できます。 add_meta_box()

  • メタボックスフィールドに入力されたデータを保存する方法は?

    メタボックスフィールドに入力されたデータを保存するには、アクションに関数を添付する必要があります。この関数は、NONCEをチェックし、現在のユーザーの権限を確認し、または関数を使用してメタボックスデータをデータベースに保存する必要があります。 save_post update_post_meta() add_post_meta()

  • フロントエンドにメタボックスデータを表示する方法は?
  • フロントエンドにメタボックスデータを表示するには、ループ内の

    関数を使用できます。この関数は、データベースからMetaboxデータを取得し、文字列として返し、テンプレートファイルに出力できます。 get_post_meta()

  • ページと記事にメタボックスを追加できますか?
  • はい。

    関数を使用する場合、記事タイプを「ページ」として指定して、ページにメタボックスを追加できます。 add_meta_box()

  • 記事タイプからメタボックスを削除する方法は?
  • 関数を使用できます。この関数には、パラメーターとしてメタボックスIDと記事タイプが必要です。 remove_meta_box()

  • 記事編集画面のメタボックスの位置をカスタマイズできますか?
  • はい。

    関数のパラメーターは、メタボックスの位置を決定します。考えられる値は、「通常」、「サイド」、「高度」です。 add_meta_box() context

    プラグインによって作成されたカスタム投稿タイプにメタボックスを追加できますか?
  • はい。カスタム記事タイプのスラッグを知り、
  • 関数の

    パラメーターとして使用する必要があります。 add_meta_box() post_type

    メタボックスとそのフィールドのスタイル方法は?
  • CSSを使用して、メタボックスとそのフィールドをスタイリングできます。 Metaboxには「ポストボックス」クラスがあり、Metaboxのフィールドに独自のクラスを追加できます。その後、これらのクラスをCSSで見つけてスタイルを適用できます。
  • 以上がWordPressにタイプを投稿するためにメタボックスを追加しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

    ホットAIツール

    Undresser.AI Undress

    Undresser.AI Undress

    リアルなヌード写真を作成する AI 搭載アプリ

    AI Clothes Remover

    AI Clothes Remover

    写真から衣服を削除するオンライン AI ツール。

    Undress AI Tool

    Undress AI Tool

    脱衣画像を無料で

    Clothoff.io

    Clothoff.io

    AI衣類リムーバー

    Video Face Swap

    Video Face Swap

    完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

    ホットツール

    メモ帳++7.3.1

    メモ帳++7.3.1

    使いやすく無料のコードエディター

    SublimeText3 中国語版

    SublimeText3 中国語版

    中国語版、とても使いやすい

    ゼンドスタジオ 13.0.1

    ゼンドスタジオ 13.0.1

    強力な PHP 統合開発環境

    ドリームウィーバー CS6

    ドリームウィーバー CS6

    ビジュアル Web 開発ツール

    SublimeText3 Mac版

    SublimeText3 Mac版

    神レベルのコード編集ソフト(SublimeText3)

    パーソナライズされた結果のためにWordPressでユーザー情報をログインする方法 パーソナライズされた結果のためにWordPressでユーザー情報をログインする方法 Apr 19, 2025 pm 11:57 PM

    最近、ユーザーがお気に入りの投稿をパーソナライズされたライブラリに保存できるようにすることで、ユーザー向けのパーソナライズされたエクスペリエンスを作成する方法を示しました。一部の場所で名前を使用することで、パーソナライズされた結果を別のレベルに引き上げることができます(つまり、ウェルカム画面)。幸いなことに、WordPressにより、ユーザーのログインに関する情報を簡単に入手できます。この記事では、現在ログインしているユーザーに関連する情報を取得する方法を紹介します。 get_currentuserinfo()を使用します。  関数。これは、テーマ(ヘッダー、フッター、サイドバー、ページテンプレートなど)のどこでも使用できます。それが機能するためには、ユーザーをログインする必要があります。したがって、使用する必要があります

    WordPressの記事リストを調整する方法 WordPressの記事リストを調整する方法 Apr 20, 2025 am 10:48 AM

    WordPressの記事リストを調整するには4つの方法があります。テーマオプションを使用し、プラグイン(投稿タイプの注文、WP投稿リスト、ボックスのものなど)を使用し、コード(functions.phpファイルに設定を追加)を使用するか、WordPressデータベースを直接変更します。

    WordPressブログを始める方法:初心者向けのステップバイステップガイド WordPressブログを始める方法:初心者向けのステップバイステップガイド Apr 17, 2025 am 08:25 AM

    ブログは、人々が自分の意見、意見、意見をオンラインで表現するための理想的なプラットフォームです。多くの初心者は自分のウェブサイトを構築することに熱心ですが、技術的な障壁やコストの問題を心配することをためらっています。ただし、プラットフォームが初心者の能力とニーズを満たすために進化し続けるにつれて、今まで以上に容易になり始めています。 この記事では、テーマの選択からプラグインの使用まで、セキュリティとパフォーマンスを向上させ、独自のWebサイトを簡単に作成できるように、WordPressブログを構築する方法を段階的に導きます。 ブログのトピックと方向を選択してください ドメイン名を購入したり、ホストを登録する前に、カバーする予定のトピックを特定することをお勧めします。個人的なウェブサイトは、旅行、料理、製品のレビュー、音楽、またはあなたの興味を引き起こす趣味を中心に展開できます。あなたが本当に興味を持っている領域に焦点を当てることは継続的な執筆を奨励することができます

    親カテゴリのアーカイブページに子カテゴリを表示する方法 親カテゴリのアーカイブページに子カテゴリを表示する方法 Apr 19, 2025 pm 11:54 PM

    親カテゴリアーカイブページに子カテゴリを表示する方法を知りたいですか?分類アーカイブページをカスタマイズするときは、訪問者にとってより便利にするためにこれを行う必要がある場合があります。この記事では、親カテゴリアーカイブページに子カテゴリを簡単に表示する方法を示します。サブカテゴリが親カテゴリアーカイブページに表示されるのはなぜですか?親カテゴリアーカイブページにすべての子カテゴリを表示することにより、訪問者にとってより一般的で便利になります。たとえば、本に関するWordPressのブログを実行し、「テーマ」と呼ばれる分類法を持っている場合、「小説」、「ノンフィクション」などのサブ課題を追加して、読者ができるようにすることができます。

    WordPressの有効期限後の日付で投稿を並べ替える方法 WordPressの有効期限後の日付で投稿を並べ替える方法 Apr 19, 2025 pm 11:48 PM

    過去には、拡張後のプラグインを使用してWordPressの投稿を期限切れにする方法を共有してきました。さて、Activity List Webサイトを作成するとき、このプラグインは非常に便利であることがわかりました。期限切れのアクティビティリストを簡単に削除できます。第二に、このプラグインのおかげで、有効期限後の日付までに投稿を並べ替えることも非常に簡単です。この記事では、WordPressの有効期限後の日付で投稿を並べ替える方法を紹介します。プラグインの変更を反映してカスタムフィールド名を変更するためのコードを更新しました。コメントで私たちに知らせてくれたTajimに感謝します。特定のプロジェクトでは、イベントをカスタムポストタイプとして使用します。今

    WordPressホスト用のWebサイトを構築する方法 WordPressホスト用のWebサイトを構築する方法 Apr 20, 2025 am 11:12 AM

    WordPressホストを使用してWebサイトを構築するには、次のようにする必要があります。信頼できるホスティングプロバイダーを選択します。ドメイン名を購入します。 WordPressホスティングアカウントを設定します。トピックを選択します。ページと記事を追加します。プラグインをインストールします。ウェブサイトをカスタマイズします。あなたのウェブサイトを公開します。

    IFTTT(およびその他)でWordPressとソーシャルメディアを自動化する方法 IFTTT(およびその他)でWordPressとソーシャルメディアを自動化する方法 Apr 18, 2025 am 11:27 AM

    WordPress Webサイトやソーシャルメディアアカウントを自動化する方法をお探しですか? 自動化を使用すると、WordPressのブログ投稿やFacebook、Twitter、LinkedIn、Instagramなどで自動的に共有できます。 この記事では、IFTTT、Zapier、およびUncanny Automatorを使用してWordPressとソーシャルメディアを簡単に自動化する方法を紹介します。 WordPressとソーシャルメディアを自動化する理由 WordPreを自動化します

    WordPressでクエリカウントとページの読み込み時間を表示する方法 WordPressでクエリカウントとページの読み込み時間を表示する方法 Apr 19, 2025 pm 11:51 PM

    ユーザーの1人が、フッターにクエリの数とページの読み込み時間を表示する方法を他のWebサイトに尋ねました。これをウェブサイトのフッターでよく見ることがよくあり、「1.248秒で64クエリ」のようなものを表示する場合があります。この記事では、WordPressにクエリの数とページの読み込み時間を表示する方法を紹介します。テーマファイル(たとえば、footer.php)で好きな場所に次のコードを貼り付けます。クエリエシン

    See all articles