カスタムフィールドの使用方法
最終更新日
カスタムフィールドを使用するための、設定方法と取得方法について解説します。
例として、投稿ページの下記赤枠の箇所をカスタムフィールドで取得します。
カスタムフィールドの設定方法
設定画面
投稿画面の右上メニューをクリックしてサイドメニューを表示した後、一番下の「設定」をクリックします。
カスタムフィールドの有効化
一番下の「カスタムフィールド」にチェックした後、「有効化してリロード」ボタンをクリックします。
カスタムフィールドの設定
投稿画面の下に、カスタムフィールドを設定するエリアが表示されるので、「新規追加」リンクをクリックして「名前」と「値」を入力した後、「カスタムフィールドを追加」ボタンをクリックしてカスタムフィールドを追加していきます。
一度追加した「名前」はプルダウンに登録されるので、次回以降はプルダウンの中から選択して使用します。
カスタムフィールドの取得方法
カスタムフィールドは、下記の関数で取得できます。
例の取得・表示方法は下記の通りです。
echo get_post_meta(get_the_ID(), 'price', true);
echo get_post_meta(get_the_ID(), 'size', true);
echo get_post_meta(get_the_ID(), 'color', true);
echo get_post_meta(get_the_ID(), 'material', true);
コーディングを仕事にしていきたい方へ
Codejump Proでは、実際の案件をモデルにした仮想案件で実務レベルのスキルと経験を身につけていきます。
- ポートフォリオに載せる実績がない・・・
- 実務経験がゼロ・・・
- 案件獲得に不安がある・・・
1つでも当てはまる場合は、今すぐ実務レベルの案件をスタートしてみてください。
模写の次に何を学ぶべきか迷っていませんか？
以下のようなお悩みに1つでも当てはまる場合、無料のメール講座をお受け取りください。
- 模写はできるようになってきたけど、実務に通用するか不安
- ポートフォリオに悩んでいる・載せる実績がない
- 案件に挑戦したいけど、自信がなくて一歩踏み出せない
今登録すると、特典PDFとして、『コーディング中級者が案件獲得前にやるべきこと8選』をプレゼント中です。
現場レベルのスキルを身につけたい方へ
現場レベルのコーディングスキルを身につけたい方は、書籍『HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門』（出版社：技術評論社）がおすすめです。
本書は、入門編から実践編の6つのWebサイト制作を通して、現場で必要なコーディングスキルをステップアップしながら1冊で身につけていきます。
- 第1章【入門編】プロフィールサイト〜フレックスボックス
- 第2章【初級編】ブランドサイト〜ポジション
- 第3章【中級編】サービスサイト〜複数ページ
- 第4章【上級編】カフェサイト〜複数レイアウト
- 第5章【応用編】ランディングページ〜動きのあるWebサイト
- 第6章【実践編】コーポレートサイト〜実務を想定したWebサイト制作
現場レベルのコーディングスキルを身につけたい方は、こちらの書籍を一通り学習した後、Codejumpの練習課題に取り組むと効率良く学習できます。
著者：Codejump運営者
get_post_meta($post_id, $key, $single);
$post_id：投稿のID
$key：カスタムフィールドのキー名
$single：false（配列）または、true（文字列）