これはこれで使い道が多いです。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, ACFのカスタムフィールドに値がない場合出力しない方法【wordpress】 - ヨコログ, フォームの確認ボタンをクリックすると入力したデータが消える問題 | 株式会社プロスペクト, WordPressのプラグイン作成に挑戦 | Macro Theos (マクロ・テオス), true（デフォルト） … 300×200pxのボックスに収まるように配置（縮小 or 拡大）。画像が足りなかった部分は余白ができる, false … 300×200pxのボックスに余白ができないよう、ぴったり埋め尽くすように配置（縮小 or 拡大）。はみ出した部分は切り抜かれる. 画像は表示されません。, サイズを指定した場合、「元のファイル名-wpcf_300x200.jpg」というようなファイル名で、新しく画像が生成されるようです。, 以下の例では、sizeは「thumbnail」を指定しましたが、その他「full」「large」「medium」「thumbnail」が指定できます。, post_custom()版と同じように、画像までのパスを取得することができます。
ラジオボタンの選択した内容によって表示させたい入力項目があると思います。 今回ではwordpressでよく使われているプラグインMW WP FORMで、 ラジオボタンの選択によってフォームの入力項目を切り替える方法を紹介します。
Wordpressのカスタムフィールドに入力したデータを取得する方法と表示する方法です。データを取得するにはいくつか方法がありますので、分かる範囲で書き出してみました。（カスタムフィールドに値があるかないかで表示を分ける条件分岐も追加しました。 利用方法は考え方次第で∞ですよ★, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。.
※ここでフィールド削除すると、プラグインで表示させてる入力フィールドの入力内容が消えるので注意。←やった人, プラグインでフィールドタイプ真偽で作ったものも、数字の1がTRUEになるようになってました。, 私の場合は、page.phpを商品カテゴリのトップページのようにしているので、中でカテゴリ毎に条件分岐させて上述のソース書いてます。, 1つのカスタムフィールド名に対して、1つしか値がない場合は、上記で表示されます。 - チェックボックスやラジオボタンで選択できる - 決まった項目を入力するテキストボックス など. 値をHTMLに出力するのではなく、返す。, 取得した値が文字列の場合、文字列が返ってくる。 Mさん、初めまして、 知りたいねっと管理人です。 やりたいことは、wp-config.phpを探して、そこに「WPメモリーの制限を変更」というのは、PHPのメモリを変更したいと言うことでしょうかね... はじめまして。 このルートディレクトリにアクセスするには、そもそもどうすればいいのでしょうか？ いろいろブログを確認したところ、.com/wordpressで終わるURLの対処法はあったのですが、... 中島 幹夫さん はじめまして、知りたいねっと管理人です。 コメントをいただいていたのに、見逃していました。 お返事遅れてしまい、申し訳ないです。 初心者の方には、stinger8はちょ... こんにちは。 上記サイトを立ちあげたいと思っております。 Stinger8のカスタマイズは、画像を入れる事ができましたが、公開したページを見ると その部分が「STINGER」という文字のままにな... RSSを使って自分のホームページに【アメブロ】などの外部ブログの新着記事を載せたい. 第3引数をtrueにすると文字列になります。falseにした場合は、配列で表示されます。, 以上です!
ホームページ自体はWordPressで作り、ブログはアメブロで書いているからアメブロの記事タイトルを自分のサイトに表示したいということがあるかもしれません。そんなときにどうしたらよいのか、その方法を書いてみたいと思います。 以... 【STINGER8】カスタマイズ、サイドバーを左にして左右を入れ替え、幅も変更する方法, SSL化で.htaccessにhttpからhttpsへリダイレクト設定してもうまくいかない、500エラー時に確認すること, Contact Form 7でon_sent_okを使用しないで送信完了（サンクスページ）に飛ばす方法！, エックスサーバーでSSH（SFTP）接続、公開鍵を発行してFTPソフトWinSCPで使用する方法！. チェックボックスやラジオボタンなど値が複数の場合→配列が返る, https://www.kerenor.jp/advanced-custom-fields-checkbox/ 「type = radio」ラジオボタンで、表示の条件分岐をする ラジオボタンで選択した方の内容を表示するというサンプルです。 「料理のカテゴリ」というカスタムフィールドの中に、 WordPressのカスタムフィールドは、投稿にタイトルやコンテンツ以外の入力欄を追加できる機能。, ECサイトなど、ある程度決まったフォーマットで様々なコンテンツを作成する必要があるときに効果的。, 例えば、 値を取得できなかった場合、falceが返ってくる。, 入力欄がテキストフィールドやテキストエリアだった場合→文字列が返る - 決まった項目を入力するテキストボックス 今回はWordPressのカスタムフィールド機能を便利に使い倒すプラグイン「Smart Custom Fields」（SCFと略されることもあります）について、インストール方法から、WordPressの実装でよく使うカスタマイズ方法まで、徹底的にご紹介いたしますのでぜひブックマークしてご覧ください！
カスタムフィールドの値を取得し、条件分岐でhtmlや画像を表示させる方法をメモします。 サンプルでは、ラジオボタンで選択したスコアから、カスタムフィールドの値を取得・条件分岐し、画像と数字をそれぞれ出力させています。 【Advanced Custom Fields】の設定方法と出力、入力しなかったときに項目を非表示にする方法を書きたいと思います。, 管理画面の「プラグイン」→「新規追加」の検索フォームに『Advanced Custom Fields』と入力し「いますぐインストール」ボタンからインストールするか、下記からファイルをダウンロードしてインストールします。その場合は、「プラグインのアップロード」からインストールします。, 『Advanced Custom Fields』を有効化するとサイドバーに「カスタムフィールド」が追加されるのでクリックします！, すると「フィールドグループ」ページが表示されます。ここに追加したカスタムフィールドの一覧が表示されます。 新しくカスタムフィールドを作成する場合は「新規追加」をクリックします。, 「フィールドグループを新規追加」ページが表示されます。 タイトルを入力します。タイトルなんでもよいです。とくにこれがどこかで表示されるわけではないので。, タイトルを入力したら「+フィールドの追加」をクリックしてカスタムフィールドを追加していきます。, フィールドラベル：日本語でフィールド名を入れても平気です。 フィールド名：phpファイルにこのフィールド名を使いますので、英語がよいでしょう。例として「event_day」と入れました。 フィールドタイプ：プルダウンでいろいろ選べます。今回は日時なので「デイトピッカー」にしました。 フィールド記入のヒント：投稿欄に説明書きとして載ります。 フォーマットを保存する：デフォルトのままだと数字だけになりますので、yy年mm月dd日としてみました。 表示フォーマット：入力欄に表示されるものですが、このままだとyyは年なので2017年5月13日であれば、「13/05/2017」と表示されます。 なんとなく気になりますので、「yy/mm/dd」に変えました。 週の開始：デフォルトが月曜になっていたので、日曜にしてみました。 それ以外はそのままにしています。, 保存は「公開」を押します。 あとはフィールドの追加で必要なものを追加していきます。, このカスタムフィールドがどこで使われているかは、「フィールドの追加」ボタンの下にある「位置」というところで管理しています。, デフォルトでは「投稿タイプ」になっているかと思います。「投稿タイプ」で問題なければそのままで大丈夫です。, 投稿一覧から「新規追加」で投稿画面を見ますと、下に「イベント日時」が追加されていると思います。, フィールドに入れた項目を出力するには、さきほどカスタムフィールドで追加した「フィールド名」を出力したいphpファイルに書いていくことになります。, と本文の出力命令が書いてあるところがありましたので、ここの下に入れると、本文の下に表示されることになります。, 「カスタムフィールドの命令」のパターンを以下に書きたいと思います。 field_nameにはさきほどカスタムフィールドで追加した「フィールド名」を表示したい場所に入れます。, さきほど作った「イベント日時」は「event_day」と入力しましたので、入れてみますと下記になります。, 画像を出力しようと思った時上記をコピペしても、画像が表示されないと思います。 例えばフィールドをURLにした場合、URLが表示されます。 画像はURLを返してくるので下記のようにimgを入れる必要があります。, 例えば、店舗情報などで、禁煙コーナーが「ある」「なし」をラジオボタンで表示したいなんていうこともあると思います。 その場合には、ラジオボタンの「選択し」のところに yes : あり no : なし を入れておきます。, 出力は、フィールド名を「cigar」としておいたので、下記のようにしておけばOKです。, 例えば「お問い合わせ」というテキストにアドレスを設定したい場合があると思います。例：https://shiritai.net/contact/ そんなときは、「フィールドタイプ」をテキストにしておいて、出力は下記のようにします。, https://shiritai.net/contact/を入れれば出力はお問い合わせ, となります。 リンク部分を「お問い合わせ」ではなく、URL（https://shiritai.net/contact/）にしたい場合は下記です。, URLのリンク名を任意のテキストにしたい時があると思います。 例えば、「○○のコラムはこちら」とか「キャンペーンはこちら」とか。, そんな時は、テキストを入力する欄とアドレスを入力する欄と2つ作ります。 例えば、 フィールドラベル：URLの名称 フィールド名：url-txt フィールドタイプ：テキスト, ちょっとわかりずらいタイトルになってしまいましたが、例えば市民大会などの大会情報をAdvanced Custom Fieldsを使って入力したいとします。 大会なので、結果も同じページに表示したい場合があると思います。優勝者○○など。 まずは フィールドラベル：大会結果 フィールド名：decision フィールドタイプ：テキスト, となりますよね。 では写真がない場合ですが、当然右側に写真がない状態になりますよね。, 当然CSSは.decision{width:55%;float:left;}と指定したので、ワイドは55%なわけです。 そこで、もしもテキストと画像があるなら、左右に表示させ、テキストしかなかったら、ワイドを全部使って表示させたい。 という希望が生まれるとします。 この場合、下記のように入れてみます。, を追加します。 これでテキストしかない時は、こちらのdecision2を読み込んでねという指示になります。, 左右になりました。この場合は.decisionが読み込まれてテキスト部分は55%表示になったからです。, 条件分岐自体をいろいろ調べたい場合は、「if 条件分岐」などと検索すればいろいろ出てくると思います。 とりあえずここでは、実際に使える構文として紹介してみました。少しでもご参考になればうれしいです。, Advanced Custom Fieldsを使っていろいろ入力項目を作っている場合、デフォルトで存在している本文入力欄がいらないこともあると思います。, ちなみに「post」を「page」にすると固定ページの本文入力欄が表示されなくなります。, あまりショートコードを使うようなシチュエーションは少ないと思いますが、Contact Form 7のショートコードを入れたいと思うときはあると思います。とくに上記で本文入力欄を削除する場合など、フィールドにただショートコードを入れても何も表示できないので、どうしたら？と思う方もいると思います。 こちらは長くなりそうだったので、別記事として下記に書きました。, 【Advanced Custom Fields】を使えば入力が楽になると思います。 そんな入力した内容のいくつか、例えば店舗名、住所、電話番号をほかのページでも表示させたいということがあると思います。 そうしないと、いろんなページに店舗名、住所、電話番号をコピペして何度も書かないといけないですよね。 店舗情報で入力した内容を持ってこれたら？ということがあると思います。 そんな場合にどうしたらよいかを下記の記事に書いてみました。, テスト環境で構築したカスタムフィールド、投稿ページにも、テキストを入力してサイトを完成させた状態で、本番にすべて持っていきたいということはよくあると思います。【Advanced Custom Fields】のデータはわりと簡単に引っ越しできます。 その方法は下記のページで書いてみましたので、よかったら参考にしてください。, 【Advanced Custom Fields】のフィールドにContact Form 7のショートコードを入れたい！. Toolset Types：カスタムフィールド表示方法【4】ラジオボタン（Radio） 2016-09-03; Toolset ... カスタムフィールドの値で条件分岐し、HTMLや画像を表示させる ※2017-03-07 リセット.
「Toolset Types」で作成されたカスタムフィールドにアップされた画像を、ページに出力（表示）させる方法をメモしていきます。, 以下のように記述すると、ファイルまでのパスが表示されるのみ。
投稿画面にカスタムフィールドを追加する方法. 【Advanced Custom Fields】で設定した値をほかのページに出力して使う方法を書きたいと思います。 はじめに 【Advanced Custom Fields】で設定した値をほかのページに出力して使いたいこ... 【Advanced Custom Fields】のカスタムフィールドの引っ越し、エクスポート、インポートする方法！. そもそもテキストしか扱えないカスタムフィールドでどうやってラジオボタン使うの？ ということと、カスタムフィールドのラジオボタンの値での条件分岐の方法（ループ内・ループ外・ループに組み込む）をご紹介します。 【Advanced Custom Fields】で作ったカスタムフィールドをエクスポートしてインポートすれば、他のWordPressに引っ越しさせることができます。 今回はその方法を書きたいと思います。 はじめに 念の... WordPressの公式テーマ【Magazine Plus】の使い方やカスタマイズについて書いてみたいと思います。前回トップページにスライダーを設置しましたが、今回は左右のウィジェットにタブ切り替えを入れたいと思います。. echo get_post_meta($post->ID,'カスタムフィールド名',true).
- チェックボックスやラジオボタンで選択できる カスタムフィールドの値で条件を絞り込み、該当記事を表示させる方法です。例えば、 「news」というカテゴリーのカスタムフィールドのチェックボックスにチェックを入れた記事だけTOPページに最新記事のタイトルを5件表示したいという場合のコードを考えてみます。
- ファイルをアップロードできる このカスタムフィールドがどこで使われているかは、「フィールドの追加」ボタンの下にある「位置」というところで管理しています。 デフォルトでは「投稿タイプ」になっているかと思います。「投稿タイプ」で問題なければそのままで大丈夫です。 投稿一覧から「新規追加」で投稿画面を� ということで、今回は記事をピックアップするやり方。, 今回の場合は、（「今日のおススメ商品」として）記事を表示するかしないか、1or0・TRUEorFALSEのような真偽で判断します。, 今回は上記のようにしました。今回は真偽なので数字（TRUE=1,FALSE=0）を入れてますが、値には文字列をいれても大丈夫です。, プラグイン使って作ったカスタムフィールドも、投稿画面の表示オプションでカスタムフィールド表示させるとそこにも表示されます。 これが、テキストフィールドに入力された値を取得するのに必要な「キー」になる, 値を取得するには、post_custom()関数を使います。 簡単・気軽に使えて、条件分岐など柔軟に使えるカスタムフィールド。今回初めて使いましたが、かなり便利ですねー。私はカスタム投稿タイプとかと合わせて使ったのですが、本当何でも出来ちゃいます。 入力欄に入力された内容は、「ポストメタ（post_meta)と呼ばれるデータとして、投稿本体と一緒にデータベースに保存される。 など, カスタムフィールドの基本的な仕組み https://www.kerenor.jp/loop-sorted-by-customfield/. the_field('カスタムフィールド名'); get_field('カスタムフィールド名'); 以上です! By following users and tags, you can catch up information on technical fields that you are interested in as a whole, By "stocking" the articles you like, you can search right away. 例えば、「今日のおススメ商品」としてトップページに任意の記事だけ表示したい時に使えます♪ プラグイン：カスタムフィールドを使っている場合. What is going on with this article? Why not register and get more from Qiita? 【Advanced Custom Fields】でContact Form 7のショートコードを入れる方法を書きたいと思います。 はじめに そもそも【Advanced Custom Fields】でContact For... ショートコードを使って【Advanced Custom Fields】で出力したページをほかのページにも使いたい！. 備忘録です。 参考サイト Advanced Custom Fieldsによるカスタムフィールドの出力 [チェックボックス・ラジオボタン編] カスタムフィールドでtestのチェック項目を作成します。 フィールド名は「test」にします。 選択肢は「red : 赤」「blue : 青」にします。 入力内容をページに表示するためには、保存されたポストメタを取得し、HTMLに出力するようなプログラムをテンプレートファイルに記述する必要がある。, １行目の[]で囲まれた部分。
カスタムフィールドでの絞り込みをやったのでそのまとめ。 2013年9月7日追記 このやり方は、テーマのアップデートのタイミングで消えます！ 正しいやり方はこちらの記事を参照して ... もうタイトルのまま、です（苦笑）。 シンプルなデザインにしたい！ ↓ デザインどうしよかしら？またBonesで作るか… ... 今更っぽいですが、Bonesでサイト作り替え計画中です。 作り替えを計画したきっかけは、やっぱりカスタマイズがしたいから ... 私がWPでサイト（ブログじゃないよ）を作る時、 ・投稿・・・お知らせ系 ・固定ページ・・・一般的なページ（会社概要みたい ... 実は前記事の頃、自作のテーマにしようとコーディング作業してました。 通常のテーマ作成の流れは、 デザイン コーディング ... Copyright© NullNote , 2020 All Rights Reserved. Help us understand the problem. プラグインによって、関数が用意されています。便利ぃ!
WordPressをインストールするとき、フォルダを作ってその中にWordPressのデータを入れたりすることがあると思います。 例えばwpフォルダとかを作ったり。 そうすると、アドレスが となってしまいます。 そう... 記事の目次を自動生成できるプラグイン「Table of Contents Plus」は、投稿や固定ページの記事に記述したH1からH6までの見出し用のHTMLタグを基に目次を自動生成してくれます。. カスタムフィールドのチェックボックスとラジオボタンは、実務では選択された項目の値を出力するだけではなく、「チェックを入れたら、 する」というように条件分岐として本当によ〜く使われます。 最新記事. 昔に比べてSSLの導入は敷居が低くなったと思います。googleでもWebサイトを常時SSL（https）にすると、SEO（検索順位）を優位にするというアナウンスもありましたので、切り替える方も増えていると思います。ここでは.hta... WordPressの公式テーマ【OnePress】の使い方やカスタマイズについていくつかの記事を書いていますが、トップの最新ニュース一覧に特定のカテゴリーの記事だけを載せる方法を書いてみたいと思います。 関連記事 WordP... WordPressの公式テーマ【OnePress】の使い方やカスタマイズについて書いてみたいと思います。 長くなりそうなので、こちらは【インストール編】とします。 関連記事 WordPressテーマ【OnePress】の使... エックスサーバーでSSH（SFTP）接続するために、公開鍵認証用鍵ペアの生成をして、FTPソフトWinSCPで使用する方法を紹介しています。.
https://www.kerenor.jp/advanced-custom-fields-checkbox/, https://www.kerenor.jp/loop-sorted-by-customfield/, you can read useful information later efficiently.