ホームページ CMS チュートリアル &#&プレス WordPress管理インターフェイスにカスタムメタボックスを追加します

WordPress管理インターフェイスにカスタムメタボックスを追加します

Feb 18, 2025 am 08:26 AM

WordPressは、ユーザーが、管理インターフェイス内で投稿、ページ、カスタム投稿タイプのカスタムメタボックスを作成できるようにします。 WordPress APIは、デフォルトのメタボックスの広範なカスタマイズオプションも提供しています。このチュートリアルは、デフォルトのメタボックスの削除とともに、カスタムメタデータの作成、保存、検証、取得を紹介します。

重要な概念:

    カスタムメタボックスは、投稿、ページ、カスタム投稿タイプに追加の情報を追加できるようにすることにより、WordPress機能を拡張します。 これらは、WordPressダッシュボードに表示されます
  • コーディングが関与している間、高度なカスタムフィールド、メタボックス、CMB2などのプラグインはプロセスを大幅に簡素化します。 フロントエンドにカスタムメタボックスデータを表示するには、テーマファイルの変更が必要です。
  • カスタムメタボックスは強力ですが、制限があります。 WordPress管理インターフェイスを変更したり、サポートされていない機能を追加したりすることはできません。 データの検証と消毒は、セキュリティにとって重要です
  • カスタムメタボックスの理解:

カスタムメタボックスは、WordPressのデフォルトオプションを超えてフィールドを追加する方法を提供します。プラグインとテーマはそれらを利用して、構造化されたユーザー入力を収集します。 また、WordPressダッシュボードウィジェット(本質的にメタボックス自体)の機能をミラーリングして、ダッシュボードに追加することもできます。 標準のメタボックスには、エディター、カスタムフィールド、特集画像、カテゴリ、タグセクションが含まれます。 カスタムメタボックスvs.カスタムフィールド:

カスタムフィールドは、キー価値のペアのペアを保存します。 メタボックスは、カラーピッカー、ファイルアップロード、ドロップダウンなど、より多用途の入力タイプを提供します。

メタデータの説明:

メタデータは、カスタムメタボックスフィールドに入力された値を表します。 WordPressは、このデータをキー値のペア(メタキーとメタ値)として保存します。メタキーはフィールド名で、メタ値は入力されたデータです。

メタボックスの作成:

関数はカスタムメタボックスを登録および表示します。 次のコードでは、WordPressの投稿にカスタムメタボックスを追加します:

7つの引数を使用します:ID(一意の識別子)、タイトル(表示されたタイトル)、コールバック(コンテンツを表示する機能)、画面(ポストタイプ)、コンテキスト(位置)、優先度(コンテキスト内の順序)、コールバック引数。

add_meta_box

function custom_meta_box_markup() {
    // Content will be added here later
}

function add_custom_meta_box() {
    add_meta_box("demo-meta-box", "Custom Meta Box", "custom_meta_box_markup", "post", "side", "high", null);
}

add_action("add_meta_boxes", "add_custom_meta_box");
ログイン後にコピー
ログイン後にコピー

カスタムメタボックスにフィールドを追加する:add_meta_box

テキスト入力、ドロップダウン、およびチェックボックスを追加しましょう Adding Custom Meta Boxes to the WordPress Admin Interface

このコードには、セキュリティのためのNonCe検証が含まれており、既存のデータを取得するために

を使用します。

メタデータの保存:

save_postフックはデータを保存します:

function custom_meta_box_markup() {
    // Content will be added here later
}

function add_custom_meta_box() {
    add_meta_box("demo-meta-box", "Custom Meta Box", "custom_meta_box_markup", "post", "side", "high", null);
}

add_action("add_meta_boxes", "add_custom_meta_box");
ログイン後にコピー
ログイン後にコピー
このコードは、NONCE、ユーザー許可、および自動販売を検証します。 重要なことに、セキュリティの脆弱性を防ぐために

を使用します sanitize_text_field

メタボックスの削除:

関数はメタボックスを削除します。 たとえば、カスタムフィールドメタボックスを削除するには:

remove_meta_box

使用されているフック(例:
function custom_meta_box_markup($object) {
    wp_nonce_field(basename(__FILE__), "meta-box-nonce");
    ?>
    <div>
        <label for="meta-box-text">Text:</label>
        <input name="meta-box-text" type="text" value="<?php echo esc_attr(get_post_meta($object->ID, "meta-box-text", true)); ?>">
        <br><br>
        <label for="meta-box-dropdown">Dropdown:</label>
        <select name="meta-box-dropdown">
            <?php
            $option_values = array(1, 2, 3);
            foreach ($option_values as $value) {
                $selected = ($value == get_post_meta($object->ID, "meta-box-dropdown", true)) ? 'selected' : '';
                echo "<option value=\"{$value}\" {$selected}>{$value}</option>";
            }
            ?>
        </select>
        <br><br>
        <label for="meta-box-checkbox">Check Box:</label>
        <?php
        $checkbox_value = get_post_meta($object->ID, "meta-box-checkbox", true);
        $checked = ($checkbox_value == "true") ? 'checked' : '';
        ?>
        <input name="meta-box-checkbox" type="checkbox" value="true" <?php echo $checked; ?>>
    </div>
    <?php
}
ログイン後にコピー
または

)はコンテキストに依存していることを忘れないでください。 do_meta_boxeswp_dashboard_setup結論:

WordPressのメタボックスAPIは、機能を拡張するための強力なツールです。 そのニュアンスを理解し、セキュリティのベストプラクティスの優先順位付けは、効果的な実装の鍵です。 提供されたコードの例はコアプロセスを示していますが、特定のニーズに適応し、常にユーザー入力を消毒することを忘れないでください。

以上が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 17, 2025 am 08:25 AM

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

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

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

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

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

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

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

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

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

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)で好きな場所に次のコードを貼り付けます。クエリエシン

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

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

See all articles