©Copyright2020 Recost Design.All Rights Reserved. Fix – Fixed bug in Checkbox field missing “selected” class after “Toggle All”. Tweak – Improved loading translations by adding fallback from region to country when .mo file does not exit. Fix – Fixed bug preventing metaboxes from saving if validation fails within Gutenberg. ・メニュー:サブページメニュー名。タイトルのデフォルト。 Fix – Fixed bug causing PHP error when updating the settings of a Checkbox field. Fix – Fixed all metaboxes appearing when editing a post in WP 5.0. i18n – Updated Polish translation thanks to Dariusz Zielonka. 「get_field_object()」の全項目版が「get_field_objects()」です。 なお、第 3項目を指定したいけど、第 2項目は現在の PostIDを指定したくて空にしたままにしておきたい、という場合は、第 2項目は「false」を指定してください。     Fix – Added missing Color Picker script translations for previous WordPress versions. WordPressには色々なテンプレートタグやプラグインがありますが、 「良くわからないからコピペ」では、初心者からは抜け出せません。, 自由自在にWordPressをカスタマイズするためにも、 意味を理解し「使いこなせる」ようになることが重要! 「脱コピペ!WordPressを”使いこなす”講座」、 始めていきたいと思いますよ!, 私keishibukiも分からないことがまだまだありますが、 一緒に頑張っていきましょう!, 第一回はカスタムフィールド系プラグイン「Advanced Custom Fields(以下ACF)」についての講座。 基本機能についてと有料アドオンの紹介。出力方法の説明。それからACFを使ったカスタマイズ例などを紹介していきたいと思います。, 基本的な使い方、 各フィールドタイプと項目解説、 ACFの関数解説 と分けて解説していきます。, 管理画面のプラグイン→新規追加→「Advanced Custom Fields」で検索。 インストールしたら有効化してください。, 僕はインストール済みなので、 「今すぐインストール」の場所が「今すぐ更新」になっています。, ACFを有効化するとサイドメニューに「カスタムフィールド」 という項目が追加されているので、クリック。, フィールドグループページが表示されますが、まだ何もカスタムフィールドを作っていないので何も表示されません。ここから作ったカスタムフィールドを編集できます。 今回は新しく作るので、「新規追加」をクリック。, するとフィールドグループを新規追加ページが表示されます。 まずはカスタムフィールドのタイトルを入力しましょう。, このタイトルはフィールドグループページ(さっきの一覧ページです) に表示されるだけですので、わかりやすい名前を付けておきましょう。, タイトルを入力したら「+フィールドの追加」をクリックしてカスタムフィールドを追加します。 何やらいろいろ項目が出てきましたが、必須項目は3つ。それぞれ解説します。, フィールドラベル 編集画面で表示される名前です。 フィールド名 フィールドは入力しただけでは表示されないので、それを表示させるときに必要になります。フィールドラベルに関連した英語を半角英数で付けておくと分かりやすいです。 フィールドタイプ カスタムフィールドの種類。テキストや画像などいろいろあります。, フィールドタイプの種類や入力項目の説明などは後ほど解説するので、 今回はとりあえずテキストを出力する簡単なカスタムフィールドを作ってみましょう。 以下の通りに入力し、公開ボタンを押してください。, これでカスタムフィールドが作成できました。 では早速投稿の「新規追加」で確認してみましょう。, 先ほども言いましたがカスタムフィールドに入力しただけでは表示されないので、 カスタムフィールドで入力した値は出力されていません。, ACFで作ったカスタムフィールドでは、フィールドタイプによって出力タグが違います。 今回はテキストのみの解説ですが、後ほど改めて解説させていただきます。, $field_name 取得する入力フィールドの「フィールド名」を指定します。必須項目です。 $post_id 取得するPOST IDを指定します。省略可能で、その場合現在表示中のページのPOST IDを取得します。, get_fieldは値を変数に格納したい場合に使います。 ちなみにecho get_field( $field_name )は先ほどのthe_field( $field_name ) と同じ機能となります。, $field_name 取得する入力フィールドの「フィールド名」を指定します。必須項目です。 $post_id 取得するPOST IDを指定します。省略可能で、その場合現在表示中のページのPOST IDを取得します。 $format_value 取得した値をフォーマット対応にするかどうかを選択します。 falseを指定するとDBの情報をそのまま出力します。, フィールドグループで登録した情報も含めてカスタムフィールドの値を取得できる関数です。ほぼほぼ上記2つで処理を行うことが可能なので使うことはほとんどありませんが、 選択肢系のフィールドの選択しの項目でキーと値を別々にした場合は get_field_object()を使います。, 詳しくは「Advanced Custom Fieldsの関数を本気出して解説してみた」という記事を投稿予定ですのでこうご期待。, さて、今回は投稿に紐づけてカスタムフィールドを表示させましたが、 カスタム投稿や固定ページに紐づけたい!という場合でもACFで簡単に設定できます。, 1つの投稿に複数のカスタムフィールドを設置するときにその順番を指定できます。 0が一番上で、数値が増えていくにつれて順番が下になります。, カスタムフィールドを設置する位置です。 High (after title) 投稿のタイトルと本文の間に設置します。 Normal (after content) 投稿の後に設置します(デフォルト)。 Side 右サイドに設置されます。, 入力フォームのデザインを変更します。 WP metaboxにすると枠がつき、少しおしゃれになります。 Seamless (no metabox) Standard (WP metabox), 投稿画面に表示しないものを設定できます。 最初に見たときは表示しないなら作らなければいいのでは?, 以上ACFの使い方基礎編でした! 今回はテキストを出力しただけですが、 次回以降紹介する様々なフィールドタイプと関数を組み合わせることによって、 自由自在にカスタムフィールドを使いこなせるようになります!, ちなみに公式サイトは(英語ですが)様々な情報が載っているので ご参考までに紹介しておきます。, 専門学校に通いながらアルバイトとして働いていたが、 2017年度の春で晴れて正社員にランクアップ。, 新潟の生産者と全国の消費者を繋ぐ産地直送型通販サービス。新潟の逸品を独自の取材内容で紹介しています。, 新潟の食・観光・暮らしにフォーカスしたWEBマガジン。鋭意コンテンツの作成を行っています。, 脱コピペ!WordPressを使いこなす講座 第一回~Advanced Custom Fields~. Advanced Custom Fieldsのフィールドタイプ「タクソノミー」の使い方. Dev – Added new “acf/register_block_type_args” filter. エス技研 , Fix – Fixed bug in Google Maps field causing marker to snap to nearest address. New – Added ACF Blocks feature for ACF PRO. Advanced custom Fieldsのフィールドグループを簡単に複製する方法 Dev – Added action ‘acf/options_page/submitbox_major_actions’. Tweak – Added ‘language’ to Google Maps API url. Advanced Custom Fieldsのフィールドタイプ「タクソノミー」の使い方. Fix – Fixed bug causing duplicate “save metabox” AJAX requests in the Gutenberg editor. この関数は、Ver.3.5.4以上で利用できます。, 下記の空欄を埋めてください。 *(function(timeout){setTimeout(function(){var notice=document.getElementById("cptch_time_limit_notice_50");if(notice)notice.style.display="block";},timeout);})(120000); 必要に応じてフィールドを追加します。 フィールドビルダを使用すると、いくつかのボタンをクリックするだけで、WP編集画面にフィールドをすばやく簡単に追加することができます ! Fix – Fixed bug in Post Taxonomy location rule causing incomplete list of rule choices. Tweak – Improved punctuation throughout admin notices. Tweak – Improved performance and accuracy when loading a user field value.   使い方はたくさんの方が紹介してくれているのでここでは割合させてください。 使い方の参考. 「Advanced Custom Fieldsの全項目解説・公開側表示編集編 ・Advanced Custom Fieldsの入力値を取得する関数」 Fix – Fixed various plugin update issues. 前回の記事でAdvanced custom field(以下ACF)をご紹介しましたが、 今回はもう少し踏み込んでご紹介しようと思います。 基本 ・記述方法は「the_field()」と「get_field()」の二通り 値の内容を表示したいときは、the_field()を使います。 これで、現在表示している投稿の「my_custom_01」というキーの値 … Fix – Fixed bug causing WYSIWYG field with delayed initialization to appear blank.     $post_id Fix – Fixed bug preventing multi-input values from saving correctly within media modals. Fix – Fixed bug showing Discussion and Comment metaboxes for newly imported field groups. $post_id   acf_form() $post_id   ここからは、今までの応用として、カスタムフィールドを使った具体例を紹介します。 「get_field()」関数は、カスタムフィールドのフィールド名を指定して値を取得する関数でしたが、「get_fields()」関数は、全てのカスタムフィールドの値を一括して取得できます。 $post_id   「get_field()」関数と同じように、更新する POST IDを指定します。必須項目ではありません。, 「update_field()」関数は、見た目の値が更新されるのではなく、データベースの値が更新されます。, サブフィールドの値を更新するために使用します。 Fix – Fixed guten-bug causing “Preview Post” button to publish changes. Pro version will make your life 10x easier, but if budgets are tight you can still accomplish a lot with the free version. I've done a lot of custom work using this plugin. 取得する POST IDを指定します。必須項目ではなく、省略をすると現在表示中のページの POST IDが編集されたものとして処理されます。 オプションページで保存された全てのデータはグローバル変数になります。 WordPress のプラグイン Advanced Custom Fields を使ったカスタムフィールド値の取得と表示方法を紹介しました。 プラグインの使い方に慣れるまで苦労しますが、慣れてしまえば様々な案件に対応できる便利なプラグインなので、使い方をぜひマスターしましょう!   i18n – Update Turkish translation thanks to Emre Erkan. Advanced Custom Fieldsの繰り返しフィールドの使い方 Advanced Custom Fieldsのオプションページの使い方 (応用編)日付で判定する. 一番よく使うのは「get_field()」関数で、投稿画面から入力された値を取得する際に使用します。 Dev – Refactored all location classes to optimize performance. カスタムフィールドの管理がラク i18n – Changed Croatian locale code from “hr_HR to “hr”. Fix – Fixed bug where tab fields did not render correctly within a dynamic metabox. ちなみに、第 3引数に falseを指定すると結果が変化します。, 上記のように画像のオブジェクトを取得できる場合でも「false」を設定することで画像 IDだけを取得することができます。 また、値を取得するだけではなくそのまま出力まで実行してくれる「the_field()」関数や、フィールド単位ではなく投稿全体の全てのカスタムフィールドの値を取得してきてくれる「get_fields()」関数なども用意されています。 Fix – Fixed bug breaking Image field UI when displaying a scaled portrait attachment. Fix – Fixed bug preventing the AMP plugin preview from working. Dev – Added new ‘pre’ filters to get, update and delete meta functions.   Dev – Added JS filter ‘google_map_autocomplete_args’ to customize Google Maps autocomplete settings. Fix – Fixed bug causing incorrect value retrieval after. Google+ページではブログ記事とは違う Web開発・運用に役立つ記事を中心に紹介しています。, // カテゴリを取得する場合は、タクソノミーの Slug+「_」(アンダースコア)+タームIDです。, /* (文字列)フォームの IDを指定します。デフォルトは「acf-form」。 */, /* (数値/文字列)Post IDは、データをロードして保存します。デフォルトは、現在の PostIDです。, /* (配列)投稿を作成するために投稿データを配列として作成します。使用可能なパラメータは「wp_insert_post」を参照してください。, 「post_id」の設定には「new_post」が指定されている必要があります。 */, /* (配列)フィールドグループの ID/キーの配列は、このフォームに表示されるフィールドを上書きします。 */, /* (配列)フィールドの ID/キーの配列は、このフォームに表示されるフィールドを上書きします。 */, /* (Boolean)投稿タイトルのテキストフィールドを表示するか、否かを設定します。デフォルトは false。 */, /* (Boolean)投稿コンテンツエディタのフィールドを表示するか、否かを設定します。デフォルトは false。 *, /* (Boolean)フォームの要素を作成するか、否かを設定します。現在あるフォームに項目を追加する場合に使用します。デフォルトは true。 */, /* (文字列)フォームを実行した後にリダイレクトする URLを指定します。デフォルトは現在の URLに GETパラメータで「?updated=true」が追加されたものです。, 特別なプレイスホルダー「%post_url%」は、投稿のパーマリンクに変換されます。(新しい投稿を作る場合に便利です。) */, /* (文字列)リダイレクトされた際にフォームの上部に表示されるメッセージを設定します。メッセージを表示しない場合は falseを指定します。 */, 選択肢は「top」(フィールドの上)か、「left」(フィールドの横)です。 */, /* (文字列)フィールドの説明の場所を指定します。デフォルトは「label」です。, 選択肢は「label」(ラベルの下)か、「field」(フィールドの下)です。 */, /* (文字列)画像やファイルのアップロード形式を WP形式か、ベーシック形式かを指定します。デフォルトは、「WP形式」です。, 選択肢は「wp」(WP形式)か、「basic」(ベーシック形式)です。Ver.5.2.4で追加されました */, // サブページの配列 ('Header, Footer, Home, etc'), // activation code for the repeater add-on (XXXX-XXXX-XXXX-XXXX), // activation code for the options page add-on (XXXX-XXXX-XXXX-XXXX), ',             // activation code for the flexible content add-on (XXXX-XXXX-XXXX-XXXX), // activation code for the gallery add-on (XXXX-XXXX-XXXX-XXXX). Fix – Fixed bug where breaking out of a sub. Fix – Fixed bug causing required date picker fields to prevent form submit. Tweak – Changed Options Page location rules to show “page_title” instead of “menu_title”. Fix – Ensured all archive URLs shown in the Page Link field dropdown are unique. Fix – Fixed bug causing Revision meta to incorrectly update the parent Post meta. Tweak – Changed Time Picker field settings to display in a localized format via, i18n – Updated Finnish translation thanks to Mikko Kekki. i18n – Updated Swiss German translation thanks to Raphael Hüni. Advanced Custom Fieldsは便利で高機能なプラグインですので、全部の機能を使いこなすのは難しいですが、まずはどんなことができるのか、それを確認する上でも用意されている関数の使い方を調べてみましたのでご紹介します。, get_field() Fix – Fixed bug sometimes displaying validation errors when saving a draft. Fix – Fixed bug in Color Picker field causing JS error on front-end forms. i18n – Updated French language thanks to Bérenger Zyla. Advanced Custom Fieldsの全項目解説・公開側表示編集編 Fix – Fixed bug causing some “reordered” metaboxes to not appear in the Gutenberg editor. Fix – Fixed bug causing Textarea field to incorrectly validate maxlength. Advanced Custom Fieldsのすてきなところ.   Fix – Fixed bug causing incorrect conditional logic settings on nested fields when duplicating a Field Group. Fix – Fixed bug allowing Range field values outside of the min and max settings. Advanced Custom Fieldsの編集画面は、とてもわかりやすく使いやすいのです。 というわけで、Advanced Custom Fieldsの使い方として、作成できるカスタムフィールド全種類の説明と設定方法を丁寧に解説していくので、ぜひ参考にしてみてください。 ショートコードの使い方については「WordPress投稿にPHPを記述するショートコードの使い方add_shortcode」にも記事を書いていますので参考にしてください。, $field_key 取得する入力フィールドの「フィールド名」を指定します。必須項目です。   Tweak – Added place name data to Google Maps field value. Fix – Fixed vulnerability allowing author role to save unfiltered HTML values.   New – Optimized Relationship field by delaying AJAX call until UI is visible. i18n – Updated French Canadian translation thanks to Bérenger Zyla.   acf_add_options_page() 編集する POST IDを指定します。必須項目ではなく、指定しない場合は現在の投稿の値が編集されます。 ページタイトル、または、設定の配列を指定します。 この関数は、functions.php内で使用し、initアクションより前に実行する必要があります。 field   Tweak – Improved metabox styling for Gutenberg. Fix – Added “dateTime” attribute to JSX parser ruleset. 有料アドオンについては「カスタムフィールド決定版!Advanced Custom Fields全項目完全解説・管理画面編/Advanced Custom FieldsのAdd-Ons」も参考にしてみてください。, 「the_repeater_field()」関数は、Ver.3.3.4以降の使用は推奨されていません。 「get_field()」関数と同じように、取得する POST IDを指定します。必須項目ではありません。, 有料アドオンの「repeater field(繰り返しフィールド)」と「flexible content field(柔軟コンテンツフィールド)」で使われるサブフィールドの値を取得するために使用します。   acf_set_options_page_capability() Fix – Fixed PHP 5.4 error “Can’t use function return value in write context”. Tweak – Improved performance of PHP registered fields. 投稿 IDだけではなく、オプション、タクソノミー、ユーザなども登録できます。, フィールドグループで登録した情報も含めてカスタムフィールドの値を取得できます。

.

Left Join Ȥ数条件 5, ȭ Âれ Áかった者たちへ Âキストラ 14, Âデッソ Tsb 376 ŏ扱説明書 5, Opencv Object Detection Python 4, ɫ齢 Ȁ Ǧ祉 Ɩ設 ǭ ɘ災 Ȩ画 ǭ定 Ãニュアル Ǧ岡 ǜ 4, Jr ƙ刻表 Ʌ布 5, Sixtones Ãイブ Ǝけ声 6, nj ǵ水器 ŀす 4, Âリニカ Âドバンテージ Âートジェル Ȳ売終了 Áぜ 10, Ãュリナ Ãロプラン Ãテリナリーダイエット ɀ販 5, Amazon Ãンタイムパスワード ȧ除 11, Ɗり紙 Ť使 ƌ導 ơ 28, Bmw M340i Xdrive ȩ乗 16, Ãーガレット Ƿみ図 DŽ料 27, Áび ƣ ɬ ƻ Á刃 Ť番地 12, Ť婦生活 Ãログ Âメーバ 20, Ť阪メトロ Memo Ãデル 4, Akg K812 Ɩ線 28, Dvr Bz250 Âービスモード 5, Ãイプル Ãブート Ãニオン 8, Ãタキャン ŏ達 ǖ遠 6, Âンジェ Âョイ ņ会 5,