基本的にはsave_postで済むことが多いのですが、更新時のみだけ動作したいときはedit_postを利用しよう, save_postはボタンを押して保存するタイミングだけでなく自動保存時にも動作するので、データベースの中が大変なことになっていましいます。 HOME » WEB技術ノート » WordPressプラグイン » Advanced Custom Fields » Advanced Custom Fieldsでユーザー自身で追加出来る繰り返しフィールドを作る, 【Advanced Custom Fields】は、とてつもなく便利でUIもわかりやすく、WPでカスタムフィールドを扱う時には手放せないプラグインですが、ユーザーが自由にフィールドを追加出来るようにしたい時に、標準機能には含まれていません。, なので昔は【Custom Field Template】を使ってmultipulオプションで対応していたんですが、【Custom Field Template】は【Advanced Custom Fields】に比べるとUIが良くないし、並び替えにも上手く対応できていませんでした。, 【Advanced Custom Fields】は標準機能には、繰り返しフィールドの機能は付いていませんが、有料のアドオンで機能を追加することが出来ます。, 「繰り返しフィールド」Add-Onsでは、例えば設定枚数が決まっていない画像のフィールド等を作りたい時に便利ですね。, 今回は例として、画像フィールドを管理者さん自身で簡単に追加・削除・入れ替えが出来るようにしてみます。, とりあえず【Advanced Custom Fields】をインストールして有効化しておいて下さい。 WordPressのカスタムフィールドを簡単に使用できるプラグイン「Advanced Custom Fields」の有料版で使える「繰り返しフィールド（Repeater Field）」が便利です。この記事では、繰り返しフィールドの使い方について具体的に紹介します。 なので、自動保存時には処理をしないという処理を書きましょう。, 最後に紆余曲折あり、繰り返し機能付きカスタムフィールドのプラグインを作ったのですが、作ってる途中で、僕の求めている繰り返し機能が標準で使用できる最高のカスタムフィールド用の無料プラグイン「Smart Custom Fields」見つけてしまい僕の作ったプラグインはお蔵入りになったとさ…トホホ…。, 追記※重要 　　　　　1 : はい(外部サイトです)

・複数の値を選択できるか？：いいえ ・返り値：Value, 必須かどうか、文字数の制限といった細かい内容まで書くと分かりにくくなると思ったので省略しています。そこは好きな値を設定してください。, 繰り返しフィールドの作成が完了すると、記事の投稿画面では上の図のようにリンクを登録できます。, get_field関数で繰り返しフィールドの値を取得して、foreachでサブフィールドの値を順番に変数に設定、それをリンクにセットしています。HTMLやCSSなど細かい部分は省略しています。処理を記載するテンプレートはどこにリンクを表示させたいかによりますが、通常の投稿画面に表示させる場合は例えば「single.php」になります。, 飲食店の情報を登録してあるサイトにおいて、記事の最後に周辺のお店を表示させる例を考えます。飲食店はあくまで例なので、お好きなものに置き換えて考えてください。, 関連するページを表示させるだけなら、繰り返しフィールドを使わなくても「関連」のフィールドタイプを使えば実現できます。しかし、今回の例では周辺のお店までの距離を記載しています。周辺のお店までの距離はどのお店から見るかによって変わるので、周辺のお店側のページに距離の情報を登録することはできません。そのため、繰り返しフィールドを使う必要があるのです。, ・フィールドラベル：周辺のお店

繰り返し追加していく場合にはちょっと限界を感じることがありました。, プログラマーのように、すらすらとPHPが書けるわけでもないし、

WordPress（ワードプレス）を使ってブログやWebサイトを運営している方は多いと思います。 All Rights Reserved. Copyright ©2020 ワードプレスなう！. 少しでも面白いと思って頂ければ幸いです。 見た目上は表示されてしまうので対応が必要ですので、メモ用に残しておきました。 WordPress のカスタムフィールドを簡単・便利に使えるようになるプラグイン「Smart Custom Fields」作った。, 【完全保存版】Advanced Custom Fields（アドバンスカスタムフィールド）の出力タグまとめ, 超便利！CSVファイルで一括更新、新規投稿ができるプラグイン Really Simple CSV Importer, 「Chrome Sniffer」ワードプレスなどサイトで使用しているかどうかが判別できるクロームアプリ, 【保存版】Really Simple CSV Importerが反映されない時のチェックリスト, 【無料】レスポンシブ対応！高品質なワードプレステンプレート52選+48選まとめ。＜随時更新中＞, 【保存版】超綺麗！思わず見とれてしまうほど美しい！ショッピングサイト用WPテーマ 20選, 2007年 大手ITシステム会社を経た後、現在は某ITベンチャー企業にてWEBサービスを運営。 ・空の値を許可するか？：いいえ https://www.wordpress-now.com/%e3%83%af%e3%83%bc%e3%83%89%e3%83%97%e3%83%ac%e3%82%b9%e7%94%a8%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3/829.html, 【超便利】カスタムフィールドを繰り返し追加できるプラグイン Smart Custom Fields, WordPress のカスタムフィールドを簡単・便利に使えるようになるプラグイン「Smart Custom Fields」作った。, WordPressで加速させる！ソーシャルメディア時代の「新」SEO戦略マニュアル. あとは、記事もしくは固定ページからどんどん追加していくことができます。, カスタムフィールドのセッティングをしていきます。 カスタムフィールドは、とても便利な機能なのですが かつて繰り返しフィールドが作れるSmart Custom Fieldsについて紹介しましたが. グループ化したカスタムフィールドのセットを、繰り返し追加できるようにしたい。仕事でWordPressを使っていると、これは需要高めの案件です。 「Toolset Types」で、カスタムフィールドグループの繰り返しを行うには、まず、親になるカスタム投稿と、子になるカスタム投稿を作成します。 3度の飯よりもワードプレスが好きなほど。 ・フィールド名：near_shop ・フィールド名：link_external 因みに【Advanced Custom Fields】本体の詳しい使い方はこのページでは説明していません。。。あしからず。。。, have_rows ( 'slider' )でsliderに値が入っているか確認して、入っていればwhileで回してget_sub_field( 'slid' )で値を取ってきています。, 今回はちょっとWP管理画面から管理者が相互リンクを追加したり入れ替えたり出来るようにしてくれという案件があったので、今更ながらこのような記事を書いてみたのですが、せっかくだから今まで使ったこと無かったアドオンも全部使ってみて記事を書いていってみようかなと思ったり思わなかったりしています。, Advanced Custom Fieldsでユーザー自身で追加出来る繰り返しフィールドを作る. この通称ACFは、多機能な上、簡単にカスタムフィールドを構築できます。, それは、カスタムフィールドの繰り返しが無料版ではできない事です！！ , 探していると便利なプラグインがあったのでご紹介ｗ, インストールしてから、グルーピングしたいグループとカスタムフィールドを登録。 ・空の値を許可するか？：いいえ 成功堂チョメチョメディア

Advanced Custom Fields「繰り返しフィールド」Add-Ons（有料：$25.00 AUD） 【Advanced Custom Fields】は、とてつもなく便利でUIもわかりやすく、WPでカスタムフィールドを扱う時には手放せないプラグインですが、ユーザーが自由にフィールドを追加出来るようにしたい時に、標準機能には含まれ … Advanced Custom Fieldsの有料アドオン「The Repeater Field（繰り返しフィールド）」の使い方について説明します。 The Repeater Fieldは単独でも購入できますが、ACF ProというACFの最新バージョン（Ver.5）とアドオンがセットになったプラグインにも含まれています。 単独で購入する場合は今後の … 作ったカスタムフィールドを、同じ投稿内で何度も繰り返し使うことができます。 特にグループ化と合わせて使うとめちゃくちゃ便利です。 しかもこの繰り返し機能、Advanced Custom Fieldsプラグインの場合だと有料の機能なんですよね。 WordPressを使う際にとっても便利な機能のひとつですが、有料アドオンでさらに便利な機能へレベルアップすることをご存じですか？, 色々なアドオンがありますが、その中でもご紹介したいのが「Repeater Field（繰り返しフィールド）」。, 繰り返しフィールドは、ACF Proというアドオン込みの有料プラグイン（ACF+色々な有料アドオンが使えるセットみたいなもの）か、アドオンの単独購入で使用が可能になります。, 今回は、この繰り返しフィールドがどれだけ便利かというのをプレゼンしていけたらと思います！, 「項目内容は一緒だけど記入する中身が違う、投稿数も増えたり減ったりする可能性がある」といったときに大活躍してくれます。たとえば採用情報や店舗情報など。, 本来カスタムフィールドで投稿画面を作成しようとすると、投稿したい店舗数分作成しなければなりませんよね。 そうなるとカスタムフィールドの設定も大変ですし、運用上あまり便利ではありません。, 繰り返しフィールドはテンプレートをひとつ作成すれば、「繰り返し」というその名の通りいくつも量産することができます。, まずはWordPress管理画面で繰り返しフィールドを使える状態にしましょう。 アドオンの購入・ダウンロードが完了したら、ZIPファイルを解凍してサーバー内の「wp-content」 >「 plugins」のディレクトリの中にアップします。 （「acf-repeater」というフォルダごとアップしてください）, アップロードが完了したのち管理画面のプラグイン一覧を見てみましょう。 ・選択肢：0 : いいえ(内部ページです) ・フィールドタイプ：投稿オブジェクト 入力内容が無い場合、その項目を非表示、あるいは「入力がありません」のような表記に変えたい。, 先ほどの募集要項のphpファイルにこれを反映させてみましょう。 UI設計やサイト構築、ディレクションを担当。

ラジオボタンやセレクトボックスは、選択項目を改行して入力していくだけでOK！, 記事下にカスタムフィールドが表示、追加、入力可能に！ WordPressの機能のひとつであるAdvanced Custom Fields（ACF）。 WordPressのカスタムフィールドの繰り返しが使えるプラグイン「Smart Custom Fields」を以前紹介しましたが、今回はその繰り返しをテンプレート上で出力する方法です。「Smart Custom Fields」の基本について ・フィールドタイプ：テキスト, ・フィールドラベル：リンクのURL

Wordpressの魅力にハマり、カスタマイズに夢中。 ずらりと同じようなコードを並べるのも微妙・・・・。, 同じパターンをグルーピングして、どんどん追加できる機能が欲しいと思い

・フィールド名：link_url

WordPress のプラグイン Advanced Custom Fields を使ったカスタムフィールド値の取得と表示方法を紹介しました。 プラグインの使い方に慣れるまで苦労しますが、慣れてしまえば様々な案件に対応できる便利なプラグインなので、使い方をぜひマスターしましょう！ 任意項目になっている「その他記載事項」の部分に上のコードを追加したのがこちら。, これで入力があるときは入力内容を、入力が無い場合は項目をまるっと非表示にできます！, 繰り返しフィールドは有料アドオンではありますが、使い勝手が良くWordPressを扱う上でも活用機会の多い機能だと思います。 使い方の幅が広がると、さらに活用の場も広がりますよ！ 気になっている方はぜひお試しください。, デザイン事務所セーノの中の人。WEBデザインやマーケティングについて日々お勉強中 | 好きなおにぎりの具は梅です。, 〒231-0062 神奈川県横浜市中区 桜木町２丁目２ 港陽ビル THE CODE 横浜 4F. Smart Custom FieldsとはWordPressプラグインの一つです。 こちらを利用すれば、カスタムフィールドの繰り返し出力ができます。 画像を使いながら、説明していきます！ この記事の内容 カスタムフィールドとは Smart Custom Fieldsの使い 2019年7月29日現在、Smart Custom FieldsはWordPress 5.x系に対応していませ … ・フィールド名：link_text © 2020 うぇぶファン All rights reserved. WordPress（ワードプレス）のカスタムフィールドを利用することはよくあると思います。その中でもAdvancedCustomFieldsは有名でよく使われるプラグインですが、無料版だと繰り返し機能が使えませんのので今回は自作の繰り返しができるプラグインを作ってみました。

「Advanced Custom Field: Repeater Field」というプラグインが増えていれば成功！, アドオン追加後、カスタムフィールドの「フィールドタイプ」の中に「繰り返しフィールド」という選択項目が出現しますのでまずはそちらを選択。, これを選択すると出現するのが「サブフィールド」。カスタムフィールドの中にカスタムフィールドが入れ子になってるんですね。 このサブフィールドで好きな項目を自分で作成して、オリジナルのテンプレートを作れます。項目ひとつひとつに必須・任意の設定も行えます！, 実際に設定した場合のイメージはこちら。採用情報ページに掲載する募集要項を想定しました。, 繰り返しフィールドを紐づけたページ内でのレイアウトは、表・ブロック・行の３パターンから選択できます。, 通常のカスタムフィールド同様、繰り返しフィールドを固定ページや投稿ページなどに紐づけたら、投稿内容を入力してみましょう！, 最初はブロックが表示されていません。画面右下に「行を追加」というボタンがあると思いますのでそこをクリックすると、「募集要項」のブロックが1つ出現します。, 内容を入力したら、お次はページに表示させていきましょう。 今回は以下のコードに繰り返しフィールドを反映させていきたいと思います。, 現状投稿１つ分の記述になってしまっているので、繰り返しフィールドに記入した内容をすべて表示できるようループを記述する必要があります。それを踏まえてPHPに反映させたのがこちら。, サブフィールドの入力は必須・任意が選択できますが、任意の項目ですと必ずしも内容が入るわけではありませんよね。 今回は、そんなWordPressのプラグインを作る時につまずいたことをまとめたいと思います。, 繰り返しができるカスタムフィールドのプラグインを作ってみた#WordPress #ワードプレス pic.twitter.com/pZDjax0v6T, 単純にphpというプログラミング言語で作ります。 IT女子の深宇宙。Wordpressとか、コーディング・フロントエンドのいろいろ。, かつて繰り返しフィールドが作れるSmart Custom Fieldsについて紹介しましたが, 2019年7月29日現在、Smart Custom FieldsはWordPress 5.x系に対応していません。, Advanced Custom Fieldsのプロ版を使えば、Wordpress 5.x系でも繰り返しのフィールドグループは作れるんですが、無料で作りたい。, そして、ループするグループにしたいフィールドを青い線に向かってドラッグすると、青い枠の中にフィールドが収まります。, ★　というようにifで存在判定をおこわないと、データの入力がなかった場合にページ上に「Warning: Invalid argument supplied for foreach() ～」のようなエラーが出るようです。, 下記のような構造で、multi_trのループ行の中に、thの入力欄とtdのループ行／tdのループ行の中にtdの入力欄を作成しています。. WordPressは何かと便利なので、僕もサイトを構築するときに利用して作っています。※ランディングページなどペライチのサイトを除く, そんなWordPressを利用したサイト構築において、Web制作の知識が無い人にWordPressのエディタ「Gutenberg」で自由にブログやサイトが更新できますよ！と言っても難しいので、カスタムフィールドと呼ばれる追加情報を投稿する機能を使い、わかりやすく入力できるように構築するのが製作者としては優しいかなと思います。, そして、そのカスタムフィールドを利用するときに、お世話になるプラグインが、ご存知「Advanced Custom Fields」です。 ・フィールドタイプ：テキスト, やっていることは先ほどのリンクの例と同じです。get_fieldで繰り返しフィールドの値を取得して、foreachで登録したお店の数だけ処理を繰り返しています。, ブログ歴は7年、通販歴は4年くらい。基本的にWordPressでサイトを作っています。地方の情報を発信するローカルメディアを立ち上げたり、企業のホームページや通販サイトの制作・運営をお手伝いした経験もあります。以前はシステムエンジニアとして働いていました。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。. the_taxonomies()は、WordPressでカテゴリーやカスタムタク ... WordPress Luxeritas Theme is provided by "Thought is free". 成功堂ではなくネオに直接言って頂ければ尚嬉しいですw. 京都でWordPressを利用したWebサイトが必要ならご相談ください。 この記事は2020年10月時点での現象と、その対処について記載したものです。 書 ... 通常投稿とカスタム投稿、複数の投稿タイプが存在するとき、通常のアーカイブページは ... 【WordPress】the_taxonomies()のリンクや区切り文字を消すなどのカスタマイズ. WordPressの機能のひとつであるAdvanced Custom Fields（ACF）。 WordPressを使う際にとっても便利な機能のひとつですが、有料アドオンでさらに便利な機能へレベルアップすることをご存じですか？ 色々なアドオンがありますが、その中でもご紹介したいのが「Repeater Field（繰り返しフィールド）」。 【徹底解説】Advanced Custom Fieldsによるカスタムフィールドの使い方, 【徹底解説】Custom Post Type UIによるカスタム投稿タイプの作り方. もし今開いているページが〇〇だったら…… トップページの時／トップページじゃない ... wp_nav_menuで出力するメニュー内テキストを改行したくなっちゃったら？ ... さくらのスタンダードプランに乗り換えたので、HTTPS化もしてみよう！ 当ブログ ... PhpStormでインクルードパスを使うとだいぶ便利 原理はNetbeansの記 ... カスタム投稿タイプ