前回の記事でAdvanced Custom Fieldsの設定方法をご紹介したので、今回はその設定したカスタムフィールドを取得して表示(出力)する方法をご紹介したいと思います! 前回の記事 Advanced Custom … 【最寄り駅】 有料の ACF PRO の場合は CSS をいじことなく行数を設定できます。お金に余裕がある場合は迷わずプロ版を購入しましょう。, 不明点があればお気軽にご質問ください。 (adsbygoogle = window.adsbygoogle || []).push({}); WordPressサイトを運営していると編集者や投稿者を管理者に変更したいこともあります。通常は管理者がログインして「ユーザー」メニューから任意のユーザーの権限を変更できますが、問題は管理者がログインできないケースです。 […], WordPressに慣れてきた方に。「そろそろPHPをマスターしたい」と思っていませんか? 確かに「PHPを使ってWordPressのテーマやプラグインをカスタマイズしたい」という要望は多いです。 そんなわけで多くの方が […], サイトにYouTubeの動画を貼り付けることもありますが問題はレスポンシブ対応です。 貼り付け方やテーマによってはYouTubeがレスポンシブ対応になっていないので次のように動画の両端が切れるなどの問題が起きます。 この […], 不完全なSSL対応が原因で問題が起きることはよくありますが、「httpとhttpsの両方でアクセスできてしまう」もその1つです。 元々「http」で始まるURL(例:http://example.com/)をSSL対応し […], 次のようなHTMLでボックス内にリンクを設置した場合、「ボックス全体をリンクにしたい」がうまくいかない場合があります。 こんな感じです。ボックス全体がリンクになっていないためクリックしても反応しないエリアがあります。 問 […]. 例えば、管理画面の縦幅を縮めたい時に便利な方法です。, Advanced Custom Fields は様々なフィールドタイプのカスタムフィールドが作成できる便利なプラグイン。 Fix – Fixed bug incorrectly escaping HTML in the Link field title. 地下鉄銀座駅B5出口から徒歩2分 プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。, WordPressの使い方 Advanced Custom Fields Pro V5.8.7. それ以外で項目を使用したい時、WPには標準でカスタムフィールドを追加できる機能があります。, WP標準のカスタムフィールドを使用してもよいのですが、投稿ごとにカスタムフィールド名を設定しなければならない等、入力者側に手間がかかるため、プラグインを使用することをオススメします。, プラグインには、Custom Field Template や Advanced Custom Fields 等たくさんありますが、弊社でも出番の多い、Advanced Custom Fieldsについて触れたいと思います。, ※標準のカスタムフィールド機能も(UIはともかく)データ取得しやすくなったりと便利になっているみたいです。, Advanced Custom Fields(以下ACF)のプラグインは無償です。 Fix – Fixed PHP warning when loading meta from Post 0. advanced custom fields, advanced custom fields repeater, advanced custom fields tutorial, advanced custom fields woocommerce, advanced custom fields get field, advanced custom fields shortcode, advanced custom fields shopify, advanced custom fields extended, advanced custom fields gallery, advanced custom fields not showing on page, advanced custom … これを機会に、はじめてでももう一度でも触ってもらえたらよいと思います。 Advanced Custom Fields のテキストエリアを8行以下に縮める方法, WordPress のプラグイン Advanced Custom Fields のフィールドタイプのテキストエリアを8行以下に縮める方法を紹介します。 もしくはWP管理画面、プラグインの「新規追加」のプラグインの検索で「Advanced Custom Fields」を検索しインストールしてください。, インストールすると「カスタムフィールド」メニューが追加されます。

Fix – Fixed bug showing Discussion and Comment metaboxes for newly imported field groups. プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。, WordPressの使い方

このようにthe_fieldを使うと、Advanced Custom Fieldsプラグインで作ったカスタムフィールドの内容を出力することができます。ただし、画像フィールドやファイルフィールドのようにそのまま出力しても意味がない項目もあるので、用途に応じてHTMLタグを使ってレイアウトを整える必要があります。 企画・ディレクション・デザイン・システム等の各分野から専門的な目線で、技術的な役立つ情報を発信します。 WordPress Advanced Custom Fields の使い方(入門編) Tweet. 投稿や固定ページの編集画面に項目を追加するプラグイン「Advanced Custom Fields」の紹介, Advanced Custom Fieldsを使って「テキスト」項目を追加し画面に出力する. 企画・ディレクション・デザイン・システム等の各分野から専門的な目線で、技術的な役立つ情報を発信します。, めっきり増えましたWordPress案件(ありがたいことです) 投稿や固定の編集画面の拡張に欠かせないのが「Advanced Custom Fields」というプラグインです。 投稿の編集ではタイトルとコンテンツしか入力できないので、URLを別の独立した値として持っておきたい、テキストを独立した値として持っておきたい、ってなった時に、どうしようもありません。 AFCをインストールすると、管理画面の左メニューに「カスタムフィールド」というメニューが追加されます。 「カスタムフィールド」をクリックして設定画面を開き、フィールドグループの「新規追加」をクリックします。

2019.01.07munehiro, 紹介ページには「名前」「名前(英語)」「顔写真」「所属部署」「紹介文」の5つを表示する場合などです。, そういう場合、タイトルに「名前」を入れて、アイキャッチに「顔写真」、本文に「名前(英語)」「所属部署」「紹介文」を入れてもいいですが、本文の内容が書く人によりレイアウトがバラバラになってしまう可能性も出てきます。, そういう場合に、ちゃんと「名前(英語)」なら「名前(英語)」を入力する項目があると便利です。, WordPress管理画面サイドメニューより、「プラグイン」→「新規追加」をクリック, 検索フォームに「Advanced Custom Fields」と入力して「インストール」からの「有効化」, 追加出来る項目の種類はテキストだけでなく色々ある為、良く使いそうなものを紹介します。, どこに表示する項目か、何の為の項目かなどを簡潔にまとめてグループ名にしておくと後々便利です。, 例えば上記の画像だと「投稿タイプ」「等しい」「post」とあります。(「post」は投稿のことで、「page」は固定ページになります。), 「固定ページ」にだけ表示したい場合は、「投稿タイプ」「等しい」「page」とすれば良いです。, 上記画像の通り投稿タイプの指定以外にも条件を選択出来ますが、「投稿タイプ」と「ログインしているユーザーのタイプ」だけ知っていれば充分です。, 「Administrator」の場合は管理者のことなので、管理者にだけ表示したい場合はこの条件をつければ良いです。, 例えば、管理者にだけ投稿編集画面に項目を追加したい場合は、複数の条件を入れることも出来ます。, 赤枠の「and」ボタンを押すと、新しく条件を追加出来、上記画像のように入力すれば、投稿タイプがpostで且つ、ユーザーが管理者の場合にのみ表示することになります。, 投稿タイプが「投稿」もしくは「固定ページ」の場合にだけ表示したい場合は、下の画像のようになります。, あまり条件を追加すると訳が分からなくなってしまいますが、上記のパターンだけ知っていればかなり使えると思います。, 編集画面で入力した値を表示する場合にはフィールド名を使って取得しますので、他の項目と重複してはいけません。, 「基本」「Content」「選択肢」の項目はよく使いますし、それだけでほぼ対応できます。, デフォルト値に「あいうえお」と設定したら上記のように最初から「あいうえお」が入ります。, このまま「投稿」ボタンで投稿を完了すると、タイトルや本文だけでなく、追加した項目の値も登録されます。, 柔軟に項目を増やすためには「Advanced Custom Fields」プラグインを使うと便利。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。. Advanced Custom Field で フィールドグループを設定する. Dev – Ensure Checkbox field value is an array even when empty.

Copyright © 西沢直木のIT講座 All Rights Reserved. Tweet to @t93hirashima, Advanced Custom Fields で登録したタームのフィールド値を取得する方法.

5.8.3. ●チェックボックス・ラジオボタン この有償アドオン項目は最近マストで使用しています! WordPressに慣れてきた方に。「そろそろPHPをマスターしたい」と思ってい ... サイトにYouTubeの動画を貼り付けることもありますが問題はレスポンシブ対応で ... 不完全なSSL対応が原因で問題が起きることはよくありますが、「httpとhttp ... 次のようなHTMLでボックス内にリンクを設置した場合、「ボックス全体をリンクにし ... 【住所】 Advanced Custom Fieldsを使って「ラジオボタン」項目… WordPressの使い方 2018.7.25 WordPressの管理画面の構成を解説 WordPressの使い方 2019.1.8 WordPressの投稿一覧画面をカスタマイズして本文やサムネイルなどの… WordPressの使い方 2018.8.1 例えば、「自己PR」というラベルがあっても人により書く内容は異なります。そういったときに④に「過去の経歴、取得資格を記載」と書いてあれば何を書けばいいか明確になりますね。, No formatting は、入力された内容をそのまま出力します。HTMLタグが書かれた場合にもHTMLタグを文章として画面に出力します。, Convert new lines into
tags は、改行が自動的にHTMLの改行タグ
に置換されて出力されます。何も無ければこれがよさそうです。, Convert HTML into tags は、HTMLタグを書いたらHTMLタグと認識して出力してくれます。改行をする場合は自分で改行タグを入力する必要があります。, 通常のWEB開発時には改行コードをHTMLの改行タグに置換する必要がありますが、このプラグインでは項目を作成するときに選択しているのでそれ通りに出力されます。, でも、これは固定ページのデフォルトで、特別なページを作成したい場合には page.php をコピーしてテンプレートファイルを作成します。, WordPress管理画面の「外観」→「テーマ編集」から編集したいファイルを選択し編集することも出来ます。, 今回の対応程度なら比較的簡単なので後者の方法で対応できるかと思いますが、新しくテンプレートファイルの作成はできたっけな?, 項目を追加する手順としては、作成したフィールドグループに追加したいフィールド(項目)を追加。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。. Download. SeeYou〜。, WordPressのカスタムフィールドがかなり便利になっている件(3.5対応) | notnil creation weblog, Advanced Custom Fieldsの使い方 | KoToRi Blog【コトリブログ】, Advanced Custom Fieldsの出力 | KoToRi Blog【コトリブログ】, WordPress Advanced Custom Fields の使い方(入門編), ACF PRO(有償アドオン4つ搭載)のデベロッパーライセンス(サイト無制限使用可):$100, ACF PRO(有償アドオン4つ搭載)のパーソナルライセンス(1サイト使用可):$25, Flexible Content Field(入力画面にてカスタムフィールドの項目を無制限に追加可能), Convert HTML into tags(フィールドにHTMLタグを使用できます。), No formatting(フィールドにHTMLタグを入力した場合、そのまま文字列として出力されます。), Convert new lines into
tags(テキストエリアのみ・改行がbrタグとして反映されます。).