カスタムフィールドをウィジェットに表示したい. 独自ウィジェットを追加することでカスタムフィールドのデータを更新できそうな雰囲気になったので、さっそく試してみた。 Gutenbergでカスタムフィールドプラグインを作る. 0, Smart Custom Fieldsプラグインの表示をカスタム投稿タイプだけにしたい, 回答 宜しくお願いいたします。, teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。, 評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。, 上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。, 「Listify」という海外テーマの記事を表示するためのウィジェットです。画像を追加しますね。, カスタムフィールドを「ウィジェット」エリアに表示したいのであれば、ウィジェットエリアに「テキストウィジェット」を追加し、ショートコード[wpuf-meta name="meta_key_name"]を記述してみてください。, 2018/09/24 17:16 編集, 2018/09/24 17:31 編集. 1 / クリップ カスタム投稿を作るカスタム投稿タイプを作るには、主に下記の2つの方法があります。 テーマ(function.php)を編集する方法 プラグインを利用する方法1.テーマのを編集するダッシュボード>外観>テーマ編集を開きます。function. Webサイトによくある「人気のある記事一覧」。 WordPressで実現させるためには、「WordPress Popular Posts」と... カラフルボックスの評判は?mixhostやConoHaWingと料金やメリットを比較. 対処法をお分かりになる方、教えていただけると助かります。 小1時間ほど試行錯誤し、プラグインとして実装してみた。 1, 【募集】 Gutenbergの新エディターではカスタムフィールドのウィジェットが表示されない。既存のカスタムフィールドのデータはなくなるわけでないので、新エディター上で編集・更新できないか調べてみた。, Gutenbergの新エディターでは、「下書き保存」や「公開する」ボタンを押すことで、投稿内容を更新できる。どんなデータが送信されているかを調べてる手がかりとして、wp_insert_post関数内が呼び出されているかを確認。WordPressの投稿情報はこの関数を使って更新されるのだが、Gutenbergの新エディターになってもそれは変わらないようだ。さらに関数が受け取ったパラメータの内容を確認していくと、ウィジェットのフォーム要素の値を受け取ることが可能なことが判明した。, 独自ウィジェットを追加することでカスタムフィールドのデータを更新できそうな雰囲気になったので、さっそく試してみた。, 小1時間ほど試行錯誤し、プラグインとして実装してみた。そのコードは次の通りである。, とシンプルな構成になっている。この中にはカスタムフィールドの値を更新するコードは含まれていないが、これはinput要素のname属性値がポイントで'meta_input'の配列として指定しているところがポイント。このように指定することにより、投稿情報の更新を行うwp_insert_post関数内で適切に処理してくれる。ここで紹介したコードでは1つのカスタムフィールドの値を更新しているが、工夫しだいで複数のカスタムフィールドの値を扱うごとも可能である。, なおGutenbergの新エディター向けにフォームを含んだウィジェットを使用する場合は、name属性値を意識すること。name属性値が投稿情報のプロパティ名と重複してしまうと、意図した通りにデータを更新できないといった不具合が生じる可能性がある。この点は十分に注意してほしい。, リクエストが投稿編集ページの場合のみ'admin_init'アクションを登録する。, Gutenbergの新エディターの場合のみカスタムフィールド用のフォームを表示する。. teratailを一緒に作りたいエンジニア. WordPressのウィジェットとは、ブログパーツ(部品)のことです。画像やテキスト、投稿一覧など任意のウィジェットをサイドバーやフッターなどに追加できます。ここではウィジェットの概念や使い方を初心者向けに解説していきます。 3 / クリップ カラフルボックスの口コミをご紹介します。 今回はmixhostやConohaWingなどの他のレンタルサーバーと比較しつつ、利用がおすすめな... ワードプレス(Wordpress)はプログラミングができないと使えないのでしょうか? 実はそんなことは全くなく、レンタルサーバーのエックスサ... wixやjimdoはホームページ作成が無料だけど注意点あり!使う前に知っておきたいポイント. Wordrpressの「カスタムフィールド」という言葉を聞いたことがあるでしょうか?, 「それって何?」と思う方も多いかもしれませんが、カスタムフィールドはWordPressに用意されている便利な機能のひとつです。, カスタムフィールドを使えるようになると、さらに自由度が高くなります。そこで今回は、カスタムフィールドについてお伝えします。, WordPressの投稿フォームには、デフォルトで「タイトル」と「本文」の2つが用意されていますが、ここに入力する情報を追加できるのがカスタムフィールドです。, また、カスタムフィールドを使うことで「評価が高い順番に並べ替える」ということも柔軟に行えます。, これらのサイトを構築する場合、店舗情報などの詳細情報を定型的に表示することができません。, そんな時に「カスタムフィールド」を使うことで、あなたの好きなように任意のフォームを追加できるのです。, カスタムフィールドはデフォルトでは表示されていないことが多いです。そのため、表示させたい時には、表示させるための設定が必要になります。, 設定というと、難しいイメージがあるかもしれません。ですが、この設定はこれから説明していくのと同じように画面をクリックしていけばよいので、簡単にできます。, まず、「新規追加」をクリックして新規投稿を追加できる状態にします。次に画面右上にある「表示オプション」をクリックします。, すると、チェックボックスが表示されます。その中にある「カスタムフィールド」にチェックを入れます。, WordPressの新規投稿画面で、カスタムフィールドを表示させるための設定を行っただけではWebページに表示されません。, ここではカスタムフィールドをWebページに出力させるためのカスタマイズ方法についてお伝えします。, カスタマイズをするファイルは、使っているテーマ中にある「content.php」です。このファイルに、カスタムフィールドを出力させるように編集していくことになります。, 「content.php」は、記事ページのテンプレートファイルになっています。このファイルを編集することでカスタムフィールドを表示させることができます。, カスタムフィールドを使う場合は、この4つをあなたの用途に合わせて使い分ける必要があります。, こちらのサイト(カスタムフィールドを設定する方法)に詳細が記載されていますので、直接コードをいじる方法に興味のある方は確認してみてください。, 直接コードを編集するとなると難しいと感じる方も多いでしょうが、実はプラグインを使うことで、簡単にミスなくカスタムフィールドを出力させることができます。, 人によって「こっちのプラグインの方が使いやすい」とか「このプラグインは使いにくい」ということがあると思うので、使い比べてみるのも良いでしょう。, また、どのプラグインも無料で使えるのもうれしいですよね。詳しい使い方については以下のサイトをご覧ください。, Custom Field Templateの使い方―WordPressプラグイン【初心者向け】, 独自のカスタムフィールドを作成できる!Advanced Custom Fieldsの使い方―WordPressプラグイン【初心者向け】, 最後に、カスタムフィールドを使ってできる面白いことについて紹介します。このカスタムフィールドでは入力した数値を計算してWebページに出力させることができます。, カスタムフィールドに入力した数値を使って、足し算、引き算、掛け算、割り算ができます。ただし、必ず半角数字を入力しないと計算が行われず、計算結果がWebページに出力されることもないので、注意が必要です。, このカスタムフィールドはプラグインを使っている場合でもできます。ですが、どのプラグインを使った場合でもテンプレート側のカスタマイズが必要になります。, PHPファイルを少し編集して入力した値で計算が行われるようにしていきます。詳しいやり方については以下のサイトをご覧ください。, このサイトでは、実際に使っているコードも掲載されているので、まだイメージできていないという方でもうまくできるでしょう。, 今回はカスタムフィールドの使い方や設定方法をお伝えしました。カスタムフィールドを使うことでタイトルや本文以外に載せたい情報を自由に追加できるようになります。, いきなりPHPファイじってカスタムフィールドを表示させるのは難しいと思いますので、ここで紹介したプラグインを使っていくことをおすすめします。, WordPressの無料版はどうなの?初心者におすすめの始め方と注意点を利用者が徹底解説, WordPressに動画をアップロードしたい!できない時の対処法やおすすめプラグイン, 初心者向けワードプレスの勉強方法4つ!おすすめのやり方をWordPress歴6年以上の経験者が解説, WordPress Popular Postsの設定やカスタマイズの方法まとめ!人気記事をランキング形式で表示. CONTENTS. ・編集 2018/09/24 17:34, WP User Frontend(ログインせずに誰でもフロントエンドから投稿・編集ができるようにするプラグイン)を使って、前もって用意しておいたカスタム投稿タイプに、ユーザーがイベント情報を投稿できるようにしました。このプラグインの機能を使って、イベント日時や場所などの補足情報をカスタムフィールドとして投稿することも可能で、投稿内容と一緒にカスタムフィールドの情報も詳細ページにちゃんと表示されています。, ところがそのカスタムフィールドをトップページのウィジェットに表示するのが上手く行きません。(タイトル、本文、アイキャッチ画像を表示することはできています) 投稿 2018/09/24 09:24 1 / クリップ カスタムフィールドを使うと、記事の入力項目を追加出来る カスタムフィールドの追加・変更・削除は、投稿の編集画面より行える。 カスタムフィールドとは? 投稿に「メタデータ」と呼ばれる任意の「名前」と「値」を追加する事が出来る。 WordPressのウィジェットの追加・編集・並び替え・停止・削除の方法を全てご紹介しています。WordPressウィジェットの操作に関しては、これらを覚えておけばバッチリです。 (105行目は上記のコードを貼った箇所), これだけの記述では足りないのかなと考えています。 WordPressで、選択した記事(イベント)だけトップに表示させたい/終了したイベントは非表示にし... WP user frontend proのダッシュボードにカスタム投稿で作成した記事が表示されない, 【Wordpress】プラグインUser FrontendでValue値を取得したい, カスタム投稿ページのカスタムフィールドを、何の関連もない新しい固定ページに出力したい, 回答 Listifyという海外製のWordPressテーマを使用しています。. 0, 回答 1 そもそもWordpressのカスタムフィールドって何?; 2 WordPressのカスタムフィールドの設定方法とは?; 3 カスタムフィールドをWebページに出力させるためには?. ↑この日付の部分(投稿日)を、カスタムフィールドの「イベント開始日」「イベント終了日」に置き換えたいと考えています。, ちなみにプラグインを通じて作られたカスタムフィールドは、WPUF Custom Fieldsとして投稿と一緒に保存されています。(↓管理画面), プラグイン制作元のサイトの記事(英語)によると、 text, textarea, dropdown, date, radioなどのカスタムフィールドの情報は、下記のコード一行で表示させることができるとのことです。, 追記:何度か試してみると、下記のエラーが出るようになりました。 WordPressを使っていて、リダイレクトでログインできなかったという経験はありませんか? ログインできなくてどうすればいいのかわからず、... WordPress固定ページのテンプレートの作り方と利用方法を初心者に解説!投稿ページとの違いや学び方も紹介, カスタムフィールドを表示するとき、指定した「名前(キー)」がなかった場合、デフォルト値を表示させる, Custom Field Template(カスタムフィールドの入力フォームを使いやすい形式に変更できる), Advanced Custom Fields(様々な形式の入力形式に対応している), Custom Field Suite(プラグインの安定性、パフォーマンスを追求している). ホームページの無料作成ツールにはwixやjimdoがありますが、それぞれを利用する際には注意点があります。 今回は筆者の実際の利用経験から、... リダイレクトでWordPressにログインできない!良くある4つの場合とその対処法まとめ.