wordpress

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

投稿日:

メンバー紹介選手紹介

 

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

 

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

カスタムフィールド

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

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

カスタムフィールド

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

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

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

 

 

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

 

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

新規追加

 

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

 

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

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

 

メンバー登録

 

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

 

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

メンバー登録項目

「フィールドラベル」

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

「フィールド名」

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

「フィールドタイプ」

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

 

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

選手登録項目

 

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

 

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

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

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

 

 

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

 

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

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

個別登録

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

 



 

-wordpress
-, , ,


comment

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

関連記事

cssのcolumnでフロントページにランダム表示

CSSのcolumnでフロントページにランダム表示

  トップページに投稿記事をランダムに表示   通常トップページに表示するのは、 ・固定ページ ・投稿記事 のどちらかが多いと思いますが、 今回は投稿記事の新着順ではなく、ランダム …

ワードプレス

WordPress テーマTwenty Sixteenでメンバー紹介や選手一覧などを作ってみた①

  WordPressでスポーツチームやサークルまたは、企業やショップなどの人物紹介などのページを作るときに行う方法として、Web製作者それぞれやり方はあると思いますが、独学で学んだ私が作っ …

予約システムを編集者

MTS Simple Booking-C編集者ができるようにする

  予約システムをスタッフがする   WordPressの予約システムで有名なプラグイン『MTS Simple Booking-C』ですが、 作成者側ではなく、編集者(スタッフ)が …

360カメラ

できた!360度カメラの画像をWordPressに

  プラグインで簡単に!   360度カメラで撮影した画像をWordPress(ワードプレス)の固定ページや投稿ページまたは、カスタム投稿タイプなどに使いたいときに便利なのが、 『 …

vegasスマホとPC

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

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