SEOの対応、プラグイン情報、カスタマイズ方法を解説します。Fieldsは、WordPressのカスタムフィールドを便利に使えるようにするプラグインです。CMSとして使う場合には欠かせないものなのですが、標準機能のままでは使いにくいため、何かしらのプラグインを利用することが一般的です。1つの記事だけでは紹介しきれませんでした。Fieldsの基本的な機能の紹介や、管理画面の機能については、下記に記事を書いていますので、そちらも参考にしてください。Fieldsを使って投稿画面から入力した値を、一覧ページ(archive.php)や投稿ページ(single.php)、固定ページ(page.php)に編集する方法を解説していきます。WordPressの標準機能での基本形は、以下のようになります。Fieldsもカスタムフィールドを利用するプラグインですので、上記のようにカスタムフィールドの値を取得する「post_custom()」関数で取り出すことができます。これまでもカスタムフィールドを使ったことがあり、こちらに慣れている方はこの方法で問題ありません。Fields専用の関数を解説していきます。Fieldsには、WordPressの標準関数とは別のカスタムフィールドの情報を取得する関数が用意されています。);取得する方法は「get_field()」と「the_field()」とあり、「get_field()」は変数として取得することができ、「the_field()」は表示の処理まで実行してくれます。テンプレートに埋め込んで表示させるだけなら「the_field()」関数を使って編集する方が楽ですね。引数として設定される項目は以下の通りとなります。$field_name表示させるフィールド名を編集します。Fieldsの管理画面で入力した「フィールド名」の値になります。そのため「フィールド名」は半角英数で設定しておく方がいいのです。特定の投稿の情報を取得する場合は編集する必要がありますが、投稿ページ(single.php)、固定ページ(page.php)などでは省略することができます。IDが編集されたものと見なされます。オプションやタクソノミー、ユーザなども設定することができます。$format_value取得した値をフォーマット対応するか、否かを設定します。nl2br()などでフォーマットするかどうかを指定する項目で、trueの場合はフォーマットが適用されます。基本的に、「get_field()」も「the_field()」も似たような記述で処理できますが、「get_field()」の方が設定できる引数が多いことと、単純なテキストタイプ以外では編集として取得した後に処理をする必要がありますので、ここでは「get_field()」で解説していきます。Fieldsの入力値を取得する関数ほとんどのことは「get_field()」関数で処理を行うことが可能です。選択肢系のフィールドタイプ「セレクトボックス」「チェックボックス」「ラジオボタン」で、「選択し」の項目で「キー」と「値」を別々にした場合はそれだけでは足りませんので、「get_field_object()」関数を使う必要があります。(「キー」と「値」を同じにした場合は使う機会がないでしょう。)「get_field()」関数は、投稿画面から入力した値(value)のみ取得する関数ですが、「get_field_object()」関数は、入力した値も含めカスタムフィールドの項目全体の値を取得することができる関数です。$s_text;引数として設定される項目は以下の通りとなります。$field_key表示させるフィールド名を編集します。「get_field()」関数では「$field_name」となっていた値です。$options投稿画面での入力値がない場合にデフォルト値を設定するか、否かを設定します。falseが設定でき、trueの場合にデフォルト値を設定します。trueが設定されます。Fieldsの公開側のフィールドタイプごとの取得例フィールドタイプ・テキストフィールドタイプ「テキスト」です。管理画面から登録する際も基本形は「テキスト」ですが、公開側で取得する場合も「テキスト」は基本形で、入力した情報をそのままテキストとして簡単に取り出せます。取得される値に「Prepend(接頭辞)」「Append(接尾辞)」は含まれませんので、編集するテンプレートに直接記述しましょう。$s_text;フィールドタイプ・テキストエリアフィールドタイプ「テキストエリア」もテキストと同様そのまま取り出せます。nl2br()などで処理を行います。2引数には「false」を指定します。(マニュアル上は「false」を指定するようにと書いてあります。「””」「null」でも正常に動くようです。訂正)フィールドタイプ・数値フィールドタイプ「数値」もテキスト同様そのまま取り出せます。3桁ごとの区切りのカンマを編集したい場合は「number_format()」が便利ですね。);フィールドタイプ・メールフィールドタイプ「メール」もテキスト同様そのまま取り出せます。$s_e_mail;フィールドタイプ・Wysiwygエディタフィールドタイプ「Wysiwygエディタ」もテキスト同様そのまま取り出せます。falseを指定してフォーマットを設定し直すこともできます。$s_wysiwyg;フィールドタイプ・画像フィールドタイプ「画像」は、画像の情報が取得できますが、「返り値」で設定した選択肢によって取得できる値が違います。取得した値によって画像を表示させる方法が違ってきますので下記を参考にして最適なものを設定してください。言え、処理の自由度を考えると「画像オブジェクト」を選択しておく方がよさそうですね。画像オブジェクト返り値「画像オブジェクト」の場合です。);print_r($s_image_object);返り値は下記のように配列として画像に関する各種情報が取得できますので、それを使って自由な編集が可能です。「alt」「title」「caption」「description」は、メディアの編集画面などから入力をすると追加されます。)この配列から必要な値を取得して編集をしていきます。URLが取得できます。$s_image_object[sizes][large];これを応用して、サムネイル「100」の画像を編集し、画像をクリックするとアップロードした画像を表示する場合の設定をする場合は以下のようになります。IDだけが取得できます。$s_image_object;画像URL返り値「画像URL」の場合です。URLが返ってきます。「画像オブジェクト」の配列の中の値でいうと「$s_image_object[url]」が取得できます。URLをクリックすると画像を表示する、といった場合に便利です。'</a>';画像ID返り値「画像ID」の場合です。「画像オブジェクト」の配列の中の値でいうと「$s_image_object[id]」が取得できます。URLなどを取得する「wp_get_attachment_image_src()」関数を使って下記の様に編集をします。'">';}また、オブジェクトの説明で編集したように大きなサイズの画像にリンクを貼ったり、width、heightを設定する場合は下記の様になります。2回使うことになりますし、altの値は取得できませんので、最初から「画像オブジェクト」で関連する情報を取得できる「返り値」を設定しておく方が使い勝手がいいでしょう。「wp_get_attachment_image_src()」関数に関しては下記参照http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_get_attachment_image_srcフィールドタイプ・ファイルフィールドタイプ「ファイル」はファイルの情報が取得できますが、「画像」と同じく「返り値」で設定した選択肢によって取得できる値が違います。取得した値によってファイルを表示させる方法が違ってきますので下記を参考にして最適なものを設定してください。画像と同じく処理の自由度を考えると「ファイルオブジェクト」を選択しておく方がよさそうですね。ファイルの場合は、URLでもよさそうですが。ファイルオブジェクト返り値「ファイルオブジェクト」の場合です。);print_r($s_file_object);返り値は下記のように配列としてファイルに関する各種情報が取得できますので、それを使って自由な編集が可能です。「title」「caption」「description」は、メディアの編集画面などから入力をすると追加されます。http://localhost/wp-content/uploads/2015/09/dummy.pdf)この配列から値を取得する場合は、下記の様に記述します。URLが取得できます。$s_file_object[url];これをもとにして、タイトルにファイルのリンクを設定する処理の場合は以下のようになります。Excelなどのファイルの種類に合わせてアイコン画像を出すといった処置も考えられますね。ファイルURL返り値「ファイルURL」の場合です。URLが返ってきます。「ファイルオブジェクト」の配列の中の値でいうと「$s_file_object[url]」の値になります。$s_file_url;ファイルの場合で、リンクはファイルのタイトルなどを編集せず、URLだけあればいいということであれば、「ファイルURL」選ぶことで下記の様にすっきりとした表現ができるようになります。'</a>';ファイルID返り値「ファイルID」の場合です。「ファイルオブジェクト」の配列の中の値でいうと「$s_file_object[id]」の値になります。URLを取得する「wp_get_attachment_url()」関数を使って下記の様に編集をします。IDを取得する方法はメリットがなさそうです。url()」関数に関しては下記参照。http://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_get_attachment_urlフィールドタイプ・セレクトボックスフィールドタイプ「セレクトボックス」は、選択された「選択し」の情報が取得できます。「選択し」でキーと値が同じものとして登録した場合と違うものを登録した場合と、「複数の値を選択できるか?」で「はい」と「いいえ」を選んだ場合で値の取得の仕方が違ってきます。「選択し」でキーと値が違う場合は値を取得する方法が面倒なので、特殊な理由がない限りキーと値を同じにしておく方が無難でしょう。値」として入力したものです。セレクトボックス・シングル・キーと値が同じセレクトボックスの「複数の値を選択できるか?」で「いいえ」を選択し、「選択し」の設定でキーと値が同じ場合は、フィールドタイプ「テキスト」と同じで簡単に値を取得できます。$s_select_single;※ここで実際に取得しているテキストは、「選択し」の「キー」に当たるテキストですが、「キー」と「値」が同じであればこれで全く問題ありません。セレクトボックス・シングル・キーと値が違う上記の項目と違って、「選択し」の設定でキーと値が違う場合の値の取得方法です。選択肢のリストを取得するひと手間が増えます。$s_select_single_object['choices'][$s_select_single_object['value']];これまでは「get_field()」関数で情報を取得していましたが、ここでは「get_field_object()」関数で取得します。取得できる情報は配列で、選択された「キー」は「$s_select_single_object[‘value’]」で取得することができます。選択肢全体が「$s_select_single_object[‘choices’]」で取得することができますので、「キー」に対する「値」を取得する場合は、「$s_select_single_object[‘choices’][$s_select_single_object[‘value’]]」と記述します。);」で取得できる配列は以下のようになっています。セレクトボックスを編集してください。セレクトボックスを編集してください。blue)セレクトボックス・マルチ・キーと値が同じセレクトボックスの「複数の値を選択できるか?」で「はい」を選択し、「選択し」の設定でキーと値が同じ場合です。得られる値は配列ですが、配列の扱いが分かっていれば簡単です。"<br>";}セレクトボックス・マルチ・キーと値が違う上記の項目と違って、「選択し」の設定でキーと値が違う場合の値の取得方法です。2つ上の項目を足し合わせた感じの処理になります。)」で得られる値の「シングル」と「マルチ」での違いは「$s_select_multi_object[‘value’]」の値が配列か否かの違いだけです。フィールドタイプ・チェックボックスフィールドタイプ「チェックボックス」は、セレクトボックス・マルチと同じ処理で値を取得できます。"<br>";}「get_field_object()」で取得できる値も下記の通りセレクトボックスとほぼ同じです。違いは、そもそもの設定できる項目の違いの部分です。チェックボックスを編集してください。チェックボックスを編集してください。green))フィールドタイプ・ラジオボタンフィールドタイプ「ラジオボタン」は、セレクトボックスのシングルと同じ処理で値を取得できます。$s_radiobutton_object['choices'][$s_radiobutton_object['value']];フィールドタイプ・真/偽フィールドタイプ「真/偽」はテキスト同様そのまま取り出せます。普通に出力すると「真:1」「偽:0」として表示されます。$s_boolean;真/偽で分岐処理を作るならば下記のような感じでしょうか。URLが配列として取得できます。'</a><br>';}フィールドタイプ・投稿オブジェクトフィールドタイプ「投稿オブジェクト」は、選択したページのオブジェクト全体が取得できます。URLだけでしたので、「関連ページ」といったコンテンツを追加する場合には「投稿オブジェクト」の方が便利な方法です。'</a><br>';}配列の場合は「$val[‘guid’]」のような感じで取得しますが、オブジェクトなので「$val->guid」で取得します。);」で取得できる値は以下のようになっています。カスタムフィールドの入力のテストです。カスタムフィールドの入力のテストです。raw))フィールドタイプ・関連フィールドタイプ「関連」は、「ページリンク」と「投稿オブジェクト」を足して便利にしたようなフィールドタイプです。関連・オブジェクト取得できる情報が「投稿オブジェクト」と全く同じですので、編集の方法も同じです。'</a><br>';}関連・ID取得できる情報が「ID」だけですので、「get_permalink()」関数や、「get_post()」関数でページの情報を取得してリンクの処理を行う必要が出てきます。get_post()関数などを利用して各種情報を取得する必要があり、何か明確な目的がない限りオブジェクトタイプで情報を取得する方がいいでしょう。フィールドタイプ・タクソノミーフィールドタイプ「タクソノミー」は、選択したタクソノミー(カテゴリ)の情報が取得できます。Object」を選択すると、投稿画面で選択したタクソノミー(カテゴリ)の情報がオブジェクトとして取得できます。'</a><br>';}上記は、単純にカテゴリページにリンクをさせているだけの仕組みです。カスタムタクソノミーの設定を行うことで、オリジナルのカスタムタクソノミーのページへのリンクを設定することなども可能になります。使い方次第で非常に汎用性が広がる仕組みです。任意のカテゴリの一覧を作る仕組みについては、下記に記事を書いていますのこちらも参考にしてみてください。);」で取得できる値は以下のようになっています。IDだけ分かれば問題ない処理であればいいのですが、オブジェクトとして取得しておく方が利用できる内容は広がっていくでしょう。「タームの読み込み/保存」の項目は、カスタムフィールドの項目と右ナビゲーションの中にある「タクソノミー(カテゴリ)」と連動する項目にするか、しないかの設定なのです。そこで、「投稿のタームに基づいて値を読み込み、投稿のタームを更新する」にチェックを付けたり外したりして取得できる値を比較しましたが、取得できる情報の違いは見られませんでした。取得できる値に違いがありませんでしたので、編集する方法も同じになります。フィールドタイプ・ユーザーフィールドタイプ「ユーザー」は、選択したユーザーの情報を配列として取得できます。1階層違いますので、編集する方法も変ってきます。1つだけの選択ですので選択したユーザの情報が配列として取得できます。Select」の場合は複数選択形式になりますので、取得できる値もユーザ情報も階層化された配列で取得できます。);」で取得できる値は以下のようになっています。Map」で指定した場所の情報が取得できます。);これで取得される値は下記になります。下記は住所を選択する際に「東京駅」で検索しましたので、「address」が「東京駅」になっていますが、ここには住所が編集されます。Google地図を編集する一例としては下記の様になります。APIを呼び出しています。<head>タグのすぐ下あたりに編集します。zoomの値と地図の中心部になる緯度、経度を指定します(ここで投稿画面で入力された緯度、経度を編集しています)。10行目がピンを立てる場所(緯度、経度、タイトル(上記の例では住所))を指定します。※10行目の「marker[0]」の部分を「marker[1]」「marker[2]」...と数値も増やしていくのもお忘れなく。フィールドタイプ・デイトピッカーフィールドタイプ「デイトピッカー」は、テキスト同様そのまま取り出せます。「フォーマットを保存する」で指定した形式で取得できます。「/」で区切られていれば、必要に応じて「年月日」表記に変更することも簡単です。"日";フィールドタイプ・カラーピッカーフィールドタイプ「カラーピッカー」は、テキスト同様そのまま取り出せます。Fieldsには、オリジナルの関数が多数用意されています。ここで紹介していない関数は今後紹介していく予定ですが、最後に「get_field_objects()」関数を紹介します。Fieldsの入力値を取得する関数」で紹介した「get_field_object()」関数と間違えそうですが、ここで紹介するのは「objects」が複数形の関数です。);引数として設定される項目は以下の通りとなります。()」だけで値が取得できるのですが、該当ページの投稿内容のすべてを配列として取得できます。()」で最初に取得しておき、それを項目ごとに配列を指定していくといった方法を採ることもできます。Fieldsは、管理画面の機能だけではなく、公開側も多様な選択肢があります。オーソドックスな方法で運用しつつ、他の方法についても試してみるといいでしょう。上記の「get_field_objects()」関数は、カスタムフィールドに絡むすべてのオブジェクトを取得する関数のため、非常に煩雑な情報を取得してしまいます。そのため、カスタムフィールドの値(value)だけを取得する場合は、「get_fields()」関数の方がよさそうです。WordPressのプラグインGoogleAdwordsGoogleAdwords最後までお読みいただきましてありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト下記の空欄を埋めてください。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)※入力いただいたコメントは管理者の承認後に掲載されます。関連記事SyntaxHighlighterの設定、カスタマイズ方法を解説。3の設置方法、各機能の設定方法、オプション、デフォルト設定の変更方法を解説。Crayonから乗り替えるならこれしかない。Load系の処理を使い画像だけでなくiframe等表示スピードに影響があるものを総合的に対策。口コミサイトを作るために必要な評価点、レビューを投稿できるプラグインを探して評価。10プラグインをチェックし、8プラグインは詳細解説付き。Formは確認画面が付いているオススメのフォームプラグインです。CMSとして構築する際にも利用できる実力派です。WPtouchを入れてモバイルテーマを「OFF」にしたら元に戻れなくなったWPtouchを入れてモバイルテーマを「OFF」にしたら元に戻れなくなった。これは「wp_footer」の設定に問題があるからだった。hReviewでWordPressに構造化されたレビューサイトを構築レビューサイトを構築するためのプラグイン。レビューの入力とレビュー対象のアイテムの情報を構造化データにするHTMLを編集する機能を提供します。Ratingがおススメ口コミの評価点を投稿する機能に特化。評価点を複数設定することができ、投稿後の評価点を編集することができる数少ないプラグイン。