ワードプレス カスタムフィールド(カスタムフィールド）により、価格、サブタイトル、ソースリンクなどの追加情報(bào)を記事やページに追加することができます。しかし、フィールドを追加した後、多くのユーザーはフロントエンドページにこのコンテンツをどのように表示すればよいのかわかりません。

このチュートリアルでは、WPCodeプラグインを使用して、フロントエンドでカスタムフィールドの値を呼び出して表示する簡(jiǎn)単なコードスニペットを作成する方法をステップバイステップで説明します。テーマファイルを変更する必要はなく、これから始めるユーザーにとって十分シンプルです。

I. 準(zhǔn)備：カスタムフィールドの追加

これを呼び出す前に、記事をカスタムフィールド.

追加する手順は以下の通り：

• ワードプレスのバックエンドを開(kāi)き、任意の投稿を編集する。
• 右上の「三點(diǎn)メニュー」をクリック→「環(huán)境設(shè)定」を選択。

• パネル」の「カスタムフィールド」にチェックを入れる。

• カスタムフィールド "モジュールがページ下部に表示されますので、"新規(guī)フィールドの追加 "をクリックしてください。

• フィールド名とフィールド値を入力する：
  • フィールド名：サブタイトル
  • フィールドの値：これは旅行に関する記事である。

更新」をクリックして記事を保存する。

WPCodeプラグインをインストールし、有効化します。

• バックステージ → プラグイン → プラグインのインストール

• 検索 "ダブルPCコード"

• Install "をクリックし、次に "Enable "をクリックする。

WPCodeは、コード?スニペットを一元管理するプラグインで、コード?スニペットの直接編集に代わるものです。ごかんけいせいぼおんより安全で便利なコード。

新しいPHPコードスニペットの作成

• バックエンドナビゲーションで開(kāi)く： WPCode → Code Snippets → Add New

• PHPスニペット "をクリックすると、次のページに移動(dòng)します。コーディングページの編集

• あるキャプション空欄を埋めてください：カスタムフィールドをフロントエンドに表示する

コードボックスに以下を入力する：

add_filter( 'the_content', 'add_custom_field_to_content' )；
function add_custom_field_to_content( $content ) { 以下のようにします。
    if ( is_singular( 'post' ) ) { { $のサブタイトルを入力します。
        $subtitle = get_post_meta( get_the_ID(), 'subtitle', true )；
        if ( $subtitle ) { { $custom_outitle('post')
            $custom_output = '<p style="font-style: italic; color: #555;">サブタイトル:' . esc_html( $subtitle ) . '</p>';
            $content = $custom_output . $content.
        }
    }
    return $content.
}

このコードは小見(jiàn)出し段落では、フィールド名は サブタイトル.

• 挿入」セクションで「自動(dòng)挿入」→「どこでも実行」を選択する。

• 右上の "Activate"→"Save Snippet "をクリックして保存し、有効にする。

第四に、前景の効果を見(jiàn)る

追加したファイルを開(kāi)く サブタイトル その記事のフィールドで、ページを更新してください。

本文の一番上に內(nèi)容が表示されます：

サブタイトル：これは旅行についての記事です

コードがカスタムフィールドの內(nèi)容を正常に読み取り、出力したことを示します。

V. 拡張アプリケーション：複數(shù)フィールドのサポート

など、複數(shù)のフィールドがある場(chǎng)合 価格そしてauthor_note 等も、単一のコード?スニペットで一様に出力することができる：

add_filter( 'the_content', 'add_multiple_fields_to_content' ); }.
function add_multiple_fields_to_content( $content ) { 以下のようにします。
    if ( is_singular( 'post' ) ) { { $subtitleを追加します。
        $subtitle = get_post_meta( get_the_ID(), 'subtitle', true )；
        $price = get_post_meta( get_the_ID(), 'price', true );；
        $note = get_post_meta( get_the_ID(), 'author_note', true )；

        $output = ''；
        if ( $subtitle ) { $output .
            $output .= '<p><strong>サブタイトル</strong> ' . esc_html( $subtitle ) . '</p>';
        }
        if ( $price ) { .
            $output .= '<p><strong>価格</strong> ' . esc_html( $price ) . '</p>';
        }
        if ( $note ) { .
            $output .= '<p><strong>作者のコメント</strong> ' . esc_html( $note ) . '</p>';
        }

        $content = $output . $content；
    }
    return $content.
}

結(jié)語(yǔ)

WPCodeプラグインを使うことで ワードプレス テンプレートを変更することなく、カスタムフィールドのコンテンツを表示します。単純な段落 PHP コードを使えば、この追加情報(bào)を記事ページに出力することができる。

この方法は、初心者がWordPressのコンテンツの構(gòu)造を理解するのに適していますし、後々ページをパーソナライズするための基礎(chǔ)にもなります。見(jiàn)出しの上や投稿の最後、サイドバーなど、他の場(chǎng)所にフィールドを表示したい場(chǎng)合は、ショートコードやその他のフックを引き続き使用することができます。

お問(wèn)い合わせ
チュートリアルが読めない？無(wú)料でお答えします！個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時(shí)間: 月～金、9:30～18:30、祝日休み