WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた③
投稿日：
1.プラグインAdvanced Custom Fieldsをインストール
左メニューのプラグイン→新規追加→検索窓に「Advanced Custom Fields」を入力すると出てきます。
インストールの手順は省略します。
有効化すると下図のようにメニューに表示されます。
とりあえずこれでカスタムフィールドのプラグインが使えるように準備できました。
WordPressには最初から投稿画面でカスタムフィールドが利用できるようになっていますが、
こちらのプラグインを使うことによって、柔軟性やカスタマイズに優れているので今回はプラグインを利用して作ってみたいと思います。
カスタムフィールドを作成する
管理画面のメニューにある「カスタムフィールド」から新規追加をクリックします。
➊フィールドグループを新規追加
わかりやすいタイトルを入力します。今回は、「メンバー登録」という名前にしました。
タイトルを入力したら、「＋フィールドを追加」ボタンをクリックして項目を追加していきます。
➋メンバー紹介に必要とされる項目の追加
３つの必須項目と必要な項目を追加します。
「フィールドラベル」
編集ページで表示される名前です。わかりやすい名前がいいです。
「フィールド名」
単一語。スペース無し。アンダースコアとダッシュは使用可能。半角英数で入力します。
「フィールドタイプ」
カスタムフィールドの種類です。テキストやセレクトボックス、ラジオボタンからGoogle Mapまで選択することができます。
「＋フィールドを追加」ボタンをクリックして６つの項目を追加してみました。
➌作成したフィールドグループをどこに表示するか
カスタムフィールドを作成したら、次は作成したフィールドグループをどこに表示するかを指定します。
今回は、「メンバー登録」というカスタム投稿タイプの編集画面のみに表示するようにしました。
➍最後に「公開」ボタンをクリック
入力が終わったら最後に「公開」ボタンをクリックして保存しましょう。
カスタム投稿画面「メンバー登録」を開くと先ほど作成した項目が表示されていますので、あとは項目に従って入力するのみです。
WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた④
関連記事
-
-
自分がしたことを忘れないように記事にしました。 やりたかったのは、マウスオーバー・オンマウスでリンク画像がだんだん大きくなり、上にのせていたマスクがなくなって画像がクリアになること。 い …
-
-
あまりWordPressをテクっていない私が、今回はプラグインなしでカスタム投稿タイプを作ってみました。 たぶん、詳しい人からするとかなり簡単にできてしまうんだと思いますが、 詳しい人ほ …
-
-
WordPress テーマTwenty Sixteenでメンバー紹介や選手一覧などを作ってみた①
WordPressでスポーツチームやサークルまたは、企業やショップなどの人物紹介などのページを作るときに行う方法として、Web製作者それぞれやり方はあると思いますが、独学で学んだ私が作っ …
-
-
WordPress 指定したページにジャンプさせる方法しかもフェードインで滑らかに表示
【自動で切り替わる】【何秒後に切り替わる】【指定したページにジャンプさせたい】 たぶんこれを使う理由としては、 ・新しくWebサイトを作り直した時に、古い方のURLにアクセスした人に自動で新しいURL …
-
-
アーカイブの一覧表示をランダムにする 前回の記事に関連して、今回はアーカイブのページで試してみたいと思います。 カテゴリーなどの一覧表示に使用する『archive.php』 …
