初心者必見!WordPressで便利なカスタムフィールドとは?設定する手順とプラグインもまとめて紹介2018年05月31日WordPress会員登録するWordPressには、「カスタムフィールド」と呼ばれる、記事のタイトルや本文以外に別の情報を追加してサイトに掲載する属性を設定できる機能があります。カスタムフィールドを使えば、「ピックアップ商品の中から、価格が500円以上のものを最新5件だけ表示する」「国産カテゴリで評価が5つ星のものをランダムに10件表示する」など細かな条件を指定できます。今回は、WordPressを扱っているなら絶対に知っておきたいカスタムフィールドについて、初心者〜中級者向けに設定方法を解説します。カスタムフィールドの設定は初心者にとっては難しいところもあるので、プラグインをつかって簡単に導入する方法もあわせてご紹介します。カスタムフィールドとは?WordPressで「投稿」を作成する画面では、初期画面で「タイトル」と「本文」の2つがあります。ここに、入力する情報を追加できるのがカスタムフィールドです。ブログ記事であれば、「タイトル」「本文」だけで事足りるのですが、例えば次のようなテーマだと、追加で情報をまとめておきたい場合があります。今日の天気・今日の気分・一言コメントなどこうした情報を本文に書き込んで管理することもできますが、「カスタムフィールド」を使うとさらに便利です。カスタムフィールドを使えば、「タイトル」や「本文」だけではなく任意のフォームを追加することができるだけでなく、テンプレートタグを駆使することで、後ほど「評価が高い順に並べ替える」といったこともできるようになります。カスタムフィールドを表示させる手順カスタムフィールドは、通常初期画面では表示されていないので、表示するように設定する必要があります。ページ右上に「表示オプション」があるので、そこをクリックします。WordPress.org「表示する項目」の「カスタムフィールド」にチェックを入れます。すると、本文の下にカスタムフィールドのウィジェットが表示されます。ここでカスタムフィールドの設定を行うことになります。Codex「カスタムフィールドを追加」で新しく属性(キー)を追加することで、次回以降はプルダウンメニューから属性を選択することができます。カスタムフィールドを記事に表示してみようpost_custom()関数しかし、カスタムフィールドはそのままでは表示することができません。カスタムフィールドの値を、テンプレートソース内の任意の箇所に表示させたい場合が多いと思いますが、指定した数値だけを出したい場合には、テンプレートタグ「post_custom()」を使って以下のように記述します。?>例えば、「商品価格」という属性をカスタムフィールドで作って、バナナの記事で価格を「100円」と入力した場合、その価格を表示したいとします。上記のように記述すると、以下のように表示されます。ぶどうの記事で価格を「150円」とすれば、ぶどうの記事を閲覧しているときには「価格は150円です。」と表示されるということです。the_meta()関数また、設定したカスタムフィールドをすべて表示したい場合には、テンプレートタグ「the_meta()」を使うのもいいでしょう。?>すると、ソースコードではこのように表示されているはずです。</span>フランツ・カフカ</li></ul>さらに、カスタマイズすることもできます。bold;}さらに高度なテクニックすべてのデータを取得するには、「get_post_meta()」関数を使います。?>「$post_id」は、データの値を取得する記事のIDなので、「$post->ID」を使って記事のIDを取得しましょう。「$key」には取得する名前の文字列を入れます。「$single」はboolean型(true/false型)で、trueに設定されている場合は結果を1つの文字列として、falseの場合にはカスタムフィールドの配列を返します。カスタムフィールドから果物の商品画像のURLを取得して表示する場合には、以下のようなコードを利用します。この例では、サムネイル画像のURLが「thumb」という名前でカスタムフィールドにあります。?>これで、商品画像がある場合には画像を表示し、ない場合には「商品画像がありません」を表示します。カスタムフィールドを便利にするプラグインWordPressで標準で用意されているカスタムフィールド自体、非常に汎用性が高く便利ではありますが、プラグインを使えばさらに便利になります。ここでは、特におすすめのカスタムフィールドを便利にするプラグインを3つご紹介します。Fieldsは、通称「ACF」と呼ばれているカスタムフィールドプラグインの定番とも呼べるプラグインです。カスタムフィールドの出力タイプを、テキストやWYSIWYG、画像やファイル、ページリンクや日付ピッカーなどから選択でき、ネイティブのWordPressカスタムフィールドとの互換性が抜群です。Templateは、初心者でも簡単にテンプレートタグを扱うことができるシンプルなプラグインです。専用の簡単なコードでテンプレートを作成すれば、簡単にホームページに追加の属性を表示することができます。Suiteも初心者に非常に扱いやすいプラグインの一つです。「フィールドグループ」と呼ばれるグループを作成し、複数のカスタムフィールドをまとめることができます。配置ルールを使って、フィールドグループを並べ替えることも可能です。https://ja.wordpress.org/plugins/custom-field-suite/まとめカスタムフィールドを使うことで、投稿コンテンツをブログ記事以上の価値にすることができます。したコードを追加するだけで、データに表示期限を付け加えたり、工夫次第でさまざまな使い方ができるのも特徴です。自分なりの使い方を見つけて、ご自身のサイトをさらに魅力的にしていきましょう。WordPressについてさらにチェック世界でシェアを誇る有名CMSを比較!それぞれのメリット・デメリットWebサイトを制作する際によく利用されるCMS。いざ利用しようと思っても、たくさん種類があるためどれを利用すべきか迷ってしまうこともあるのではないでしょうか。この記事では、世界シェア上位5位までのCMSを、メリット・デメリットを挙げながら比較してみました。CMS選びの際に、ぜひ参考にしてみてください。Packの基本的な使用方法を紹介します。高機能プラグインのため各種設定が難しく見えがちですが、まずは最低限必要な場所のみ設定できれば問題ありません。本記事内では、画面のキャプチャを使用しつつ手順を追ってご紹介しますので、ぜひ参考にしてみてください。WordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るタイトルホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。詳しく見るWordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るプラグインプラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。このページではWordpressのプラグインを例としてお話していきます。詳しく見るWordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るタイトルホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。詳しく見るブログブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。詳しく見るタイトルホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。詳しく見るタイトルホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。意味を持つ英単語です。インターネットの分野では、パソコンの操作画面におけるユーザーからの入力を受け付ける部分を指します。企業のホームページでは、入力フォームが設置されていることが多いようです。詳しく見るタグタグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。インターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るWordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るタグタグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。インターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。詳しく見るタグタグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。インターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。いう名称がついていますが、実際には日本でもURLという語が使われています。詳しく見るサムネイルサムネイルとは、多数の画像や動画など、読み込みに時間のかかる情報の概要をおおまかに把握するために作られた縮小画像のことです。一般的にはサイズ・画質が落とされた画像が採用され、該当の画像や動画を読み込むかどうかを判断するための「見本」として使われます。nail)という意味を持つ言葉で「サムネ」と略して呼ばれることもあります。Locator」の略称です。情報がどこにあるのかを示すインターネット上の住所のようなものだと考えるとわかりやすいでしょう。各ページのURLは、インターネットブラウザの上部に文字列として表示されています。いう名称がついていますが、実際には日本でもURLという語が使われています。詳しく見るWordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るプラグインプラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。このページではWordpressのプラグインを例としてお話していきます。詳しく見るプラグインプラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。このページではWordpressのプラグインを例としてお話していきます。詳しく見るWordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るプラグインプラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。このページではWordpressのプラグインを例としてお話していきます。詳しく見るテキストテキストとは、純粋に文字のみで構成されるデータのことをいいます。太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るリンクリンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。詳しく見るWordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るWordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るタグタグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。インターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。詳しく見るプラグインプラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。このページではWordpressのプラグインを例としてお話していきます。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るWordPressWordPressとは、CMS(コンテンツマネジメントシステム)の1種で、ホームページ管理システムのことです。ブログ感覚で記事の修正・追加が行えるうえ、通常のホームページ並みのデザインを作成することができます。詳しく見るプラグインプラグインは、本来あるソフトウェアに機能を拡張させるために追加するプログラムのことです。このページではWordpressのプラグインを例としてお話していきます。詳しく見るコンテンツコンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。CD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。詳しく見るブログブログとは、ホームページの一種です。運営者はブログシステムに登録し、利用開始をすることで、ホームページ制作のプログラム技術を修得する必要なく、本文のみを投稿しつづければ、公開・表示はおろかページの整理や分類なども効率的に行えるシステムを言います。詳しく見るCMS・Webサイト制作WordPress会員登録するおすすめ記事コンテンツマーケティングケーススタディで学ぶ。「Pardotユーザー会」が国内最大級のMAユーザー会へと成長した理由マーケティングオートメーション(MA)ADマーケティングオートメーション(MA)「Pardotユーザー会」運営リーダーが語る。国内最大級のMAユーザー会を維持・拡大する秘訣とはマーケティングオートメーション(MA)BtoBマーケティングのノウハウ資料をダウンロード!基礎から4ステップで実践まで!BtoBマーケティング実践ガイド(無料)BtoBマーケティング実践ガイドは、BtoB事業のマーケティングのノウハウを網羅的かつ体系的にまとめたものです。基礎から応用まで4つのステップでマーケティングが実践できるBtoBマーケターの永久保存版です。株式会社SoLabo「0→1」「1→10」がどちらも叶う。株式会社ベーシック【求人】サービス価値を高め市場を創造。涼ライター・コラムニスト。デザインやテクノロジー、マーケティングやライフハック系の記事が得意。2016年からferretでも記事の執筆を開始。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方AD記事を作っているのにサイト流入が足踏み・・・・・・。そんな状況を打開する「正しい努力」の仕方ADWebサイト制作でよくある失敗例5選。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。PIECE』を超える異例の売上。『鬼滅の刃』が大ヒットした理由ケーススタディで学ぶ。人気記事をもれなくチェックSNSで話題!BtoBビジネスで勝てるマーティングのノウハウを1冊の資料にまとめました。