Advanced Custom Fieldsの編集画面は、とてもわかりやすく使いやすいのです。 というわけで、Advanced Custom Fieldsの使い方として、作成できるカスタムフィールド全種類の説明と設定方法を丁寧に解説していくので、ぜひ参考にしてみてください。 ・WordPress(ワードプレス)のアクセス解析:ビジュアルで学ぶAnalyticsの基本 ワードプレス、絞り込み検索プラグイン「Search & Fillter」。 フリー版「Search & Fillter」はカテゴリーやタグをフィルターにかけ、検索結果をテーマデフォルトのアーカイ... Advanced Custom Fields 作成のカスタムフィールドは、WordPress標準のカスタムフィールドとは異なるデータ構造になっています。そのため、プラグインによってはデータが読み込めないケースがあります。, そもそも、カスタムフィールドの設定は素人にはハードルが高くて無理。エディターに関わらず、. Googleマップ機能の使い方 基本的には「Advanced Custom Fields」の公式サイトに記述されている通りに設置すると実装することができます。 ただ普通のカスタムフィールドとは違い、CSS、PHP、JavaScriptを設定する必要があります。 公式サイトはこちら → ACF | Advanced Custom Fieldsに用意されている関数を全て調べてみた。よく使うget_field、the_field以外にも多くの関数が用意されていて、テンプレートに値を編集するだけでなくフォームを作成することも可 … Advanced Custom Fields (ACF)は、任意の投稿やページにお好きなカスタムフィード(投稿に付随するパラメーター)を付与できてとても便利ですよね。 choice input or date picker. array(‘フィールド名1’,’フィールド名2’,’フィールド名3’,’フィールド名4’); 月曜日 – 土曜日: 9:00 am – 18:00 pm 日曜、祝祭日: 定休日, ・WordPress(ワードプレス)の使い方ー基本ー初心者向け Choose from displaying the field as numerical date. 上記のようにいくつでも増やすことが可能です。, WordPress のカスタマイズ、プラグインのカスタマイズ、有効活用等のご相談ご依頼はお気軽にワードプレスドクターにお送りください, Address: 東京都港区南麻布1−5−8 WordPressプラグインAdvanced Custom Fieldsで、記事下に表示する関連記事用カスタムフィールドを作る方法をご紹介します。投稿画面で過去記事を検索してクリックするだけで関連記事を簡単に表示で … ブログに訪れてくれた方に「もう 1 ページ読んでほしい」ときは、本文の下に関連記事を表示するのが最も有効です。, WordPress ではテーマやプラグインで関連記事を自動表示することもできますが、自分で選んだ記事をオススメするのが一番なのは言うまでもありません。でも、手動でリンクをはるのはけっこう面倒ですよね・・・, そこで本日は、Advanced Custom Fields というプラグインを使って、関連記事を投稿画面で検索して選択・表示する方法をご紹介します。, ブログのアクセス数を伸ばす方法をお探しですか? 「アクセス数が伸びない原因とその対策」が書かれた e-book を無料プレゼントしています。, Advanced Custom Fields は、カスタムフィールドを管理するプラグインです。, 難しそうに聞こえるかもしれませんが、「ページ内に表示する枠を追加できる」と考えてください。, 関連記事へのリンクは本文の最後に入れても良いのですが、次のようなデメリットがあります。, 記事を探してタイトルや URL をコピペして・・・という作業が一切不要になるのですごく楽ちん♪, Advanced Custom Fields は、他のプラグインと同じく管理画面から検索・インストールできます。, インストール・有効化が完了したら、関連記事用のカスタムフィールドを作成していきます。, タイトルを「関連記事」などわかりやすいものにして、「フィールドを追加」をクリック。, ラベルと名前は任意のものでかまいません。フィールドタイプを「関連」にするのだけ忘れないでください。, あとはデフォルトのままでかまいませんが、オプションの「Style」は「WP metabox」のほうがきれいかなと思います(機能に影響はありません)。, 今回のカスタマイズでは記事タイトルをリストで並べるだけなので、コードはシンプルにしました。, コードを挿入する箇所はテーマによって違いますが、投稿は single.php になっていることが多いのでそこから探してみてください。, デザインは「CSSで作るおしゃれなボックス(囲み枠)のデザインサンプル13パターン」と組み合わせるのも良いですね。, あとは、表示させたい関連記事を適当なフレーズで検索し、出てきた記事をポチポチ選んでいくだけ。, ただ、まったく関係のない記事はリンクがあってもクリックされないので、全記事から特定の記事にリンクをはるような使い方はおすすめしません。, 今まで手動で URL をコピペして関連記事を表示していたなら、Advanced Custom Fields を使えばかなり作業が楽になると思います。, 検索すると「あ、こんな記事も書いてたな~」なんていうのが出てくるかもしれませんよ。, このプラグインは他にもいろいろ使えますので、あれこれ機能を追加したいときにかなり重宝します。ぜひ使い倒してください!, Naifix / WordPress / WordPressプラグイン / 記事下の関連記事はAdvanced Custom Fieldsで検索・表示するのがおすすめ!, その理由のひとつは、「間違った SEO 施策を正しいと信じ込んでいるから」かもしれません。もしかして、キーワードとその検索ボリュームばかりに目を向けていないでしょうか。, 今すぐ無料 e-book をダウンロードして、アクセス数が伸びない原因とその対策方法を入手してください。, 【期間限定】e-book を手にした方のみ視聴できるライブ配信にも無料でご招待しています, Naifix では主にブログ初心者を対象としたアクセス・収益アップ施策を配信しています。, 2015 年秋より「Essential Bloggers Club」スタート。ブログ運営の悩みや疑問に対して、一人ひとりにアドバイスを行っています。, 記事下の関連記事はAdvanced Custom Fieldsで検索・表示するのがおすすめ!, WordPress投稿内の内部リンクをチェックできるInterlinks Manager, WordPressを一瞬でHTTPS化するプラグイン「Really Simple SSL」の使い方, GoogleスプレッドシートからWordPressに表を埋め込みできるプラグイン「Inline Google Spreadsheet Viewer」. 「Advanced Custom Fields」はWordPress5.0以降の「Gutenberg」にも対応しています。 「投稿」編集ページから、カスタムフィールドの各項目(値)をチェックします。 例えば商品が赤色なら「赤」、値段が5,000円なら「5000」と入力。 この記事はワードプレスのプラグインソフトを使った、簡易な「絞り込み検索」作成の備忘録。, PHPとか難しい知識は必要なし、シロートでもプラグインソフトだけで、絞り込み検索が可能なサイトが作れます。 利用するプラグインソフトは2つ。有料の「Search&Filter Pro」と無料の「Advanced Custom Fields」。有料と言っても安いです。無料版もありますが、機能がぜんぜん違います。, まずは投稿の編集ページにカスタムフィールドを作成。 次にカスタムフィールドの情報(Meta Date)を検索プラグインソフトにセッティング。, ところが、WordPress5.0以降はエディターが「Gutenberg」に変更された影響で、カスタムフィールドが表示できなくなりました。 上画像と同じ編集画面にするには「Classic Editor」プラグインが必要になります。, そもそも、カスタムフィールドの設定は素人にはハードルが高くて無理。エディターに関わらず、プラグインソフトを使うのが簡単。, 人気が高いのは「Advanced Custom Fields」。「Gutenberg」にも対応しています。, 「Advanced Custom Fields」は ワードプレス管理画面の「プラグイン」からインストールできます。, 今回の検索対象は「投稿」なので「投稿タイプ」①。 カスタム投稿を検索する場合は、右欄の「投稿」をカスタム投稿名に変更します。, 「色」ラベルを作成しました。 フィールド作成のポイントは「フィールド名」。検索プラグインソフトはこのフィールド名から値を読み取ります。フィールド名は先頭文字を揃えると、検索フォームの作成時に判別しやすくなります。ここでは「s_」にしました。, フィールドタイプ 絞り込み検索で利用するのは「基本」の数値と「選択肢」のSelect、チェックボックス、ラジオボタン。, フィールドタイプで「選択肢」を選ぶと、次に値(赤、青、黄)を記入します。 この選択肢(値)は編集ページから選択できます。検索ソフトもこの値をそのまま利用します。, 「Advanced Custom Fields」設定完了後、編集ページのカスタムフィールドを確認します。, 上の画像は「Classic Editor」画面 下の画像は「Gutenberg」画面。, 「Advanced Custom Fields」はWordPress5.0以降の「Gutenberg」にも対応しています。, 「投稿」編集ページから、カスタムフィールドの各項目(値)をチェックします。例えば商品が赤色なら「赤」、値段が5,000円なら「5000」と入力。, 有料:SINGLE SITE $20、DEVELOPER(サイト数無制限) $75, 「Search&Filter Pro」を使って、カスタムフィールドにあるデータを読み取ります。本文、カテゴリー、タグからの読み取りも可能ですが、絞り込み検索にはカスタムフィールドの利用が最適です。, 「Search&Filter Pro」に日本語バージョンはありません。英文を入れながら解説します。, Add New Search Form「Search&Filter Pro」から新しい検索フォームを作ります。, 「Settings & Defauits」から検索フォームの条件設定を行います。 本記事で説明するのは「General」とカスタムフィールド検索用の「Post Meta」。, Search in the following post types ①.検索対象をチェック。複数選択も可。カスタム投稿があればここにカスタム投稿名も表示されます。, Only return results which match specific post meta date.特定の投稿メタデータと一致する結果のみを表示させることができます。 例えば、値が「在庫あり」の投稿だけを表示。 「+Add Condition」は未設定でも構いません。, 検索用データの読み込み設定は 「Post Meta」を「Search Form UI エリア」にドラッグします。, 「Post Meta」の設定Choose from displaying the field as numerical date.
Ãイエース 19インチホイール ĸ古, ɇ Ɗ資信託 Áすすめ, Ɩ幹線 ź席 Áすすめ, ĸ学生 ŋ強 Ɖ伝う, Bape Ãーカー Âイズ感, Âューバ ś交正常化 Áつ, Ƽ字 ƭ規表現 Javascript, Ņ村 ś書 ś語 4年 Ƽ字, Âンデザイン Âリッド ȡ示されない, ǟ橋 ɧ Ǯ面線 ƙ刻表, ņコーデ Ãンズ 20代, Âバル Ãューニング Âョップ Ɲ北, Ãュゼ Ãデル 2020 ɛ車 Ȫ, Ãイクラ Ps4 Ãード ǵわらない, D払い 50 ɂ元 Áくら, ĺ故物件 ȳ貸 Ɲ京, Youtube ȇ動再生 Âフ Áきない, Âクセル Ãイパーリンク Âョートカットキー, ɠ収書 Ů名 ȇ分で書く, Microsoft Authenticator Âプリ Ʃ種変更, Âンサル ņグラフ Ľわない, Âウセル ţ優 Ɯ体, Âマンドプロンプト Ãィレクトリ Ǣ認, Pc ɟ声出力 ňり替え, ŏ ȋ語 ĸ ȋ語 ȿ代 ȋ語, lj技 ľ ŭ供, Ƙ石高校 Ǿ術科 ō業生, Tern Verge N8 ȼ行, Ãマハ Ãロントフォーク径 ĸ覧, Powerdirector 19 Ultra Ĺ換え Âップグレード版 Ɲ件,