wordpress

WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた③

投稿日:

メンバー紹介選手紹介

 

1.プラグインAdvanced Custom Fieldsをインストール

 

左メニューのプラグイン→新規追加→検索窓に「Advanced Custom Fields」を入力すると出てきます。

カスタムフィールド

インストールの手順は省略します。

有効化すると下図のようにメニューに表示されます。

カスタムフィールド

とりあえずこれでカスタムフィールドのプラグインが使えるように準備できました。

WordPressには最初から投稿画面でカスタムフィールドが利用できるようになっていますが、

こちらのプラグインを使うことによって、柔軟性やカスタマイズに優れているので今回はプラグインを利用して作ってみたいと思います。

 

 

カスタムフィールドを作成する

 

管理画面のメニューにある「カスタムフィールド」から新規追加をクリックします。

新規追加

 

➊フィールドグループを新規追加

 

わかりやすいタイトルを入力します。今回は、「メンバー登録」という名前にしました。

タイトルを入力したら、「+フィールドを追加」ボタンをクリックして項目を追加していきます。

 

メンバー登録

 

➋メンバー紹介に必要とされる項目の追加

 

3つの必須項目と必要な項目を追加します。

メンバー登録項目

「フィールドラベル」

編集ページで表示される名前です。わかりやすい名前がいいです。

「フィールド名」

単一語。スペース無し。アンダースコアとダッシュは使用可能。半角英数で入力します。

「フィールドタイプ」

カスタムフィールドの種類です。テキストやセレクトボックス、ラジオボタンからGoogle Mapまで選択することができます。

 

「+フィールドを追加」ボタンをクリックして6つの項目を追加してみました。

選手登録項目

 

➌作成したフィールドグループをどこに表示するか

 

カスタムフィールドを作成したら、次は作成したフィールドグループをどこに表示するかを指定します。

今回は、「メンバー登録」というカスタム投稿タイプの編集画面のみに表示するようにしました。

カスタム投稿タイプのみ表示

 

 

➍最後に「公開」ボタンをクリック

 

入力が終わったら最後に「公開」ボタンをクリックして保存しましょう。

カスタム投稿画面「メンバー登録」を開くと先ほど作成した項目が表示されていますので、あとは項目に従って入力するのみです。

個別登録

WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた④

 



 

-wordpress
-, , ,


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

選手一覧メンバー一覧

WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた⑤

  1.選手一覧、メンバー一覧表示   選手登録を、とりあえず5名登録したら、今度は一覧表示で見てみたいです。 そこで、前回説明した「archive-member.php」を使って …

vegasスマホとPC

スマホとPCの条件分岐でVEGASを切り替える方法

  スマホとPCの条件分岐でVEGASを切り替える方法   表示したいところに以下を記述します。 <div class="img-movie"> & …

div

divを重ねて上下中央

divとdivを重ねてしかも上下中央にしたい!     例えば、指定したサイズに背景画像を配置して、その上にメニューやタイトル、キャッチコピーなどを表示したい。 もちろん、画像ファ …

スマホで予約システム

スマホで予約システムが無料で作れる

  今流行りの予約システム   以前から、サロン系やフィットネス系のオンライン予約を頼まれたことがあり、何度か作成してきましたが、 今回は、コロナの影響からも言えると思いますが、 …

ワードプレスにアメブロ

ワードプレスにアメブロ

  ワードプレスの固定ページにアメブロの記事を読み込む WordPressでホームページを作りたいけどアメブロを止めたくない ブログを作成するなら有名なアメブロが簡単で始めやすいので、今も更 …