WPCodeでカスタムフィールドを呼び出す：初心者のための記事の追加情報を素早く表示する方法

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

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

I. 準備：カスタムフィールドの追加

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

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

ワードプレスのバックエンドを開き、任意の投稿を編集する。
右上の「三点メニュー」をクリック→「環境設定」を選択。

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

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

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

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

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

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

検索 "ダブルPCコード"

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

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

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

バックエンドナビゲーションで開く： WPCode → Code Snippets → Add New

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

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

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

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.
}

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

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

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

第四に、前景の効果を見る

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

本文の一番上に内容が表示されます：

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

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

V. 拡張アプリケーション：複数フィールドのサポート

など、複数のフィールドがある場合 価格そして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.
}

結語

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

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

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