「$key」には取得する名前の文字列を入れます。 2018/6/29 2019/4/13 今回は、 WordPress を扱っているなら絶対に知っておきたいカスタムフィールドについて、初心者〜中級者向けに設定方法を解説します。 カスタムフィールドを使えば、「タイトル」や「本文」だけではなく任意のフォームを追加することができるだけでなく、テンプレートタグを駆使することで、後ほど「評価が高い順に並べ替える」といったこともできるようになります。, カスタムフィールドは、通常初期画面では表示されていないので、表示するように設定する必要があります。, すると、本文の下にカスタムフィールドのウィジェットが表示されます。 「$single」はboolean型(true/false型)で、trueに設定されている場合は結果を1つの文字列として、falseの場合にはカスタムフィールドの配列を返します。, 例えば、カスタムフィールドから果物の商品画像のURLを取得して表示する場合には、以下のようなコードを利用します。 Toolset Typesは、「カスタム投稿」「カスタムタクソノミー」「カスタムフィールド」「タームフィールド」「ユーザーフィールド」の追加が行えるWordPressプラグインです。当記事では、Toolset Typesの使い方やカスタムフィールドの出力方法について解説しています。 ここでカスタムフィールドの設定を行うことになります。, 「カスタムフィールドを追加」で新しく属性(キー)を追加することで、次回以降はプルダウンメニューから属性を選択することができます。, しかし、カスタムフィールドはそのままでは表示することができません。 カスタムフィールドを使うと、記事の入力項目を追加出来る カスタムフィールドの追加・変更・削除は、投稿の編集画面より行える。 カスタムフィールドとは? 投稿に「メタデータ」と呼ばれる任意の「名前」と「値」を追加する事が出来る。 WordPressには、「カスタムフィールド」と呼ばれる、記事のタイトルや本文以外に別の情報を追加してサイトに掲載する属性を設定できる機能があります。, 今回は、WordPressを扱っているなら絶対に知っておきたいカスタムフィールドについて、初心者〜中級者向けに設定方法を解説します。 WordPressで記事内に記事本文とは別の情報を埋め込みたい場合に役に立つのが「カスタムフィールド」という機能です。ただWordPressの標準機能だと少し扱いにくいのでここでは投稿画面で直感的にカスタムフィールドの入力ができる「Advanced Custom Fields」というプラグインの導入・使い方につい … WordPressのプラグイン【Custom Field Template(カスタムフィールドテンプレート)】の使い方について初心者向けに解説した記事です。カスタムフィールドとして「タイトル」と「本文」以外の項目を追加 … ート 価格, バイク オイル交換 値段 レッドバロン. この例では、サムネイル画像のURLが「thumb」という名前でカスタムフィールドにあります。, これで、商品画像がある場合には画像を表示し、ない場合には「商品画像がありません」を表示します。, 初めてのウェビナーで失敗しない準備は?Web会議ツールのウェビナーオプションの使い方は?【ferret読者様限定ウェビナー】, 【無料オンラインイベント】第4回MarkeMedia Days!マーケターの「今聞きたい!」を揃えた日本最大級のマーケセミナーイベント, ライター・コラムニスト。デザインやテクノロジー、マーケティングやライフハック系の記事が得意。2016年からferretでも記事の執筆を開始。, 広告会社の「安心感」は仕組みで作れる。リピート受注を勝ち取る会社がひそかに行っているプロセス改善とは?, 大切なのは“特別なファン”の拠り所を作ること。セルフブランディングに役立つファンクラブ作成方法, ビッグデータを活用して再現性の高い売上アップを。最大級の日本語データベースを活用するTwitter運用分析ツール「Keywordmap for SNS」とは?. カスタムフィールドの使い方と、活用方法を知る カスタム投稿タイプをプラグイン Custom Post Type UI で簡単実装する WordPressの管理画面の一般設定に項目追加する方法 記事のアイキャッチ画像を活用して、ページデザインの幅を広げる パンくずリストを作るプラグインPrime Strategy Bread Crumbを利 … カスタムフィールドの設定は初心者にとっては難しいところもあるので、プラグインをつかって簡単に導入する方法もあわせてご紹介します。, WordPressで「投稿」を作成する画面では、初期画面で「タイトル」と「本文」の2つがあります。 PHP, WordPress, WPプラグイン, WordPressで記事内に記事本文とは別の情報を埋め込みたい場合に役に立つのが「カスタムフィールド」という機能です。, これを使うと自分の好きな情報をページの好きな位置に出力することができますが、標準機能だとフィールド名とフィールドの値をすべてテキストとして入力することしかできず分かりにくい機能になっています。, そこで投稿画面で直感的にカスタムフィールドの入力ができる「Advanced Custom Fields」というプラグインの導入・使い方について解説します。, カスタムフィールドとは簡単にいうと記事本文以外の情報をページに埋め込むためのWordPress独自の機能のことです。, 例えば普段WordPressで記事を新規追加するときはタイトルと本文しか入力できませんが、カスタムフィールドを使うと次のような多種多様な情報をページに追加することが可能になります。, 通常このようにページにデスクリプションを埋め込んだりCSSやjavascriptのようなコードを埋め込むにはプラグインが必要ですが、カスタムフィールドを使うとプラグインなしで全て自前でそのような機能を追加することができます。, WordPressの標準機能でカスタムフィールドを表示するには投稿画面上の「表示オプション」から「カスタムフィールド」にチェックを入れます。, すると投稿画面下に次のような名前を値がペアになったカスタムフィールドを追加するエリアが出現します。, このフィールドに入力した名前に対応する値をテーマのヘッダーやページ内でなどで出力することでメタデスクリプションやメタキーワードタグの挿入、スタイルやスクリプトの埋め込みが可能になります。, ただWordPressの標準機能では次のような点でカスタムフィールドはかなり使いにくいです。, そこでその問題点を解決してくれるのがここで紹介する「Advanced Custom Fields」というプラグインです。, このプラグインを使用することで投稿画面にチェックボックスやセレクトボックス、エディタなどを表示して直感的にフィールの値を入力することができるようになります。, 最初に「Advanced Custom Fields」をインストール・有効化してWordPressで使用可能な状態にします。, そして新規追加画面の検索欄に「custom fields」などのキーワードを入力すると検索結果の上当たりに次のようなプラグインが表示されるので「今すぐインストール」ボタンを押してインストールしてください。, https://ja.wordpress.org/plugins/advanced-custom-fields/, インストールが完了したら「今すぐインストール」ボタンが「有効化」ボタンに変わるので必ずそれを押して有効化するのを忘れないでください。, ここではプラグインの使用例としてページのヘッダー(headタグの間)にメタデスクリプションタグを挿入する方法を紹介します。, するとフィールドグループ画面が表示されるので「新規追加」ボタンを押してフィールドの新規追加画面を開きましょう。, 新規追加画面が開いたら一番上に表示されている「ここにタイトルを入力」と書かれたテキスト欄にフィールド全体の名前をつけ(①)、「フィールドを追加」ボタンを押して(②)フィールドを追加します。, 「フィールドを追加」ボタンを押すと次のようなフォームが出てくるのでまず赤色の「*」マークがついた3つの項目を入力しましょう。, フィールド名には一応アンダースコア(_)とダッシュ(-)が使えると書かれていますが、フィールドの値が保存されないという現象があるのでもし上手く動作しないなら半角英数字だけで名前をつけてみてください。, ここではメタデスクリプションのフィールドを作りたいのでフィールドラベルに「メタデスクリプション」、フィールド名には「description」、長いテキストを入力するためにフィールドタイプにはテキストエリアを選択しました。, ここではフィールドを1つしか追加しませんが、「フィールドを追加」ボタンを押すことで必要なだけカスタムフィールドは追加可能です。, フィールドの追加が終わったら「公開」ボタンを押して公開すればカスタムフィールドの新規追加は完了です。, これで投稿画面に次のようなデスクリプション用のカスタムフィールドが表示されるようになります。, ただしこれで終わりではなく、ページ内容にフィールドの内容を反映するには必ずテンプレートファイルでそのフィールド値を取得して出力することが必要です。, 例えばここで作ったメタデスクリプション用のフィールドに入力された内容をヘッダー(headタグの間)に出力する手順は次の通りです。, そしてテーマの編集画面でヘッダー内容を出力するテンプレートファイルである「header.php」を開きます。, そしてheader.phpの中でheadの終了タグ()の直前に次のような内容を追加します。, この内容で保存し、投稿画面でデスクリプションを入力した後にページのソースを見ると次のようにheadの終了タグ直前にメタデスクリプションタグが追加されているのが分かります。, 以上が「Advanced Custom Fields」を使って投稿画面にフィールドを作り、そのフィールド値をページに出力する手順例, ここではメタデスクリプションタグを出力する例を紹介しましたが、フィールドが複数あってもページ内にフィールド値を出力する手順は同じです。, カスタムフィールドは便利なものの、WordPress標準機能だと少し扱いにくいです。, なので今紹介した「Advanced Custom Fields」を使うと操作しやすいフィールドが簡単に作れるので作業を効率化できると思います。, 以上、 Advanced Custom Fields プラグインの導入・使い方について解説しました。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。, 自分の「好き」をブログで表現したい、情報発信をしたい方に役立つWordPress術・ブログ構築術を発信中。今までできなかったことを"デキル"に変えるお手伝いをします, 「WordPressは難しい」、「ブログ初心者には向いてない」・・・こういう固定観念を捨てればWordPressほど効率よく記事編集できて安全にブログ運営できるツールはありません。Let's ワードプレス!, 標準機能ではチェックボックスを表示してyesかnoのいずれかだけを選んだり、ドロップダウンメニューからあらかじめ用意された複数選択肢から何か1つを選ぶといったことができません。, 標準機能のフィールドには注釈や説明などがつけられず、それがどのような役割を持つかは名前だけで判断しなくてはならないので分かりにくいです。, ここでつけた名前が投稿画面のフィールドの値を入力するテキストエリアやチェックボックス・セレクトボックスの上に表示されます。, ここではフィールドの値の入力に使われるフォーム部品のタイプを指定します。テキスト欄だけでなく、, 昔はプログラミングに熱中していたが、ブログとWordPressに興味を持ち始め今はサイト・ブログ作りが生きがい。自分の「好き」をブログに変えたい、情報発信したい人に役立つWordPress術・サイト構築術を発信中。一日一歩楽しんでブログ構築できるように読みやすい&楽しい記事作りを心がけています。, 自分の「好き」をブログで表現したい、情報発信をしたい方に役立つWordPress術・ブログ構築術を発信中。今までできなかったことを"デキル"に変えるお手伝いをします。好きな言葉は「不言実行」「千里の道も一歩から」, ページ内容にフィールドの内容を反映するには必ずテンプレートファイルでそのフィールド値を取得して出力することが必要. WordPress には、「カスタムフィールド」と呼ばれる、記事の タイトル や本文以外に別の情報を追加してサイトに掲載する属性を設定できる機能があります。. ここに、入力する情報を追加できるのがカスタムフィールドです。, ブログ記事であれば、「タイトル」「本文」だけで事足りるのですが、例えば次のようなテーマだと、追加で情報をまとめておきたい場合があります。, こうした情報を本文に書き込んで管理することもできますが、「カスタムフィールド」を使うとさらに便利です。 WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定すればいいのか分からないという方も多いのではないでしょうか。 カスタムフィールドの値を、テンプレートソース内の任意の箇所に表示させたい場合が多いと思いますが、指定した数値だけを出したい場合には、テンプレートタグ「post_custom()」を使って以下のように記述します。, 例えば、「商品価格」という属性をカスタムフィールドで作って、バナナの記事で価格を「100円」と入力した場合、その価格を表示したいとします。, ぶどうの記事で価格を「150円」とすれば、ぶどうの記事を閲覧しているときには「価格は150円です。」と表示されるということです。, また、設定したカスタムフィールドをすべて表示したい場合には、テンプレートタグ「the_meta()」を使うのもいいでしょう。, 「$post_id」は、データの値を取得する記事のIDなので、「$post->ID」を使って記事のIDを取得しましょう。 おしゃれなリンクボタンが簡単に作れるWPプラグイン「MaxButtons」の使い方, WordPressを一発でhttps化!Really Simple SSL の設定手順, 記事をグリッド表示できるWPプラグイン「The Post Grid」の使い方を解説, 複数ウィジェットを簡単コピー!WP Widget Clipboardを公開しました – Ver1.2.15. 入力が済んだら、「カスタムフィールドを追加」ボタンを押してください。 WordPress には、投稿者が投稿にカスタムフィールドを追加できる機能があります。この任意の情報はメタデータと呼ばれており、たとえば以下のような情報を含めることができます。 The following two tabs change content below.