WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた③
投稿日：
1.プラグインAdvanced Custom Fieldsをインストール
左メニューのプラグイン→新規追加→検索窓に「Advanced Custom Fields」を入力すると出てきます。
インストールの手順は省略します。
有効化すると下図のようにメニューに表示されます。
とりあえずこれでカスタムフィールドのプラグインが使えるように準備できました。
WordPressには最初から投稿画面でカスタムフィールドが利用できるようになっていますが、
こちらのプラグインを使うことによって、柔軟性やカスタマイズに優れているので今回はプラグインを利用して作ってみたいと思います。
カスタムフィールドを作成する
管理画面のメニューにある「カスタムフィールド」から新規追加をクリックします。
➊フィールドグループを新規追加
わかりやすいタイトルを入力します。今回は、「メンバー登録」という名前にしました。
タイトルを入力したら、「＋フィールドを追加」ボタンをクリックして項目を追加していきます。
➋メンバー紹介に必要とされる項目の追加
３つの必須項目と必要な項目を追加します。
「フィールドラベル」
編集ページで表示される名前です。わかりやすい名前がいいです。
「フィールド名」
単一語。スペース無し。アンダースコアとダッシュは使用可能。半角英数で入力します。
「フィールドタイプ」
カスタムフィールドの種類です。テキストやセレクトボックス、ラジオボタンからGoogle Mapまで選択することができます。
「＋フィールドを追加」ボタンをクリックして６つの項目を追加してみました。
➌作成したフィールドグループをどこに表示するか
カスタムフィールドを作成したら、次は作成したフィールドグループをどこに表示するかを指定します。
今回は、「メンバー登録」というカスタム投稿タイプの編集画面のみに表示するようにしました。
➍最後に「公開」ボタンをクリック
入力が終わったら最後に「公開」ボタンをクリックして保存しましょう。
カスタム投稿画面「メンバー登録」を開くと先ほど作成した項目が表示されていますので、あとは項目に従って入力するのみです。
WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた④
関連記事
-
-
WordPress（ワードプレス）って オープンソースのブログソフトとして、2003年に公開されました。 オープンソースとは、言葉通り、誰でも無償で自由に改良したり、再配布できるソフトウェアです。 ま …
-
-
Webサイトを作るときに、画像やメニューなどを横並びにして、しかもレスポンシブ対応にしたい! そんなことを思ったことがあると思います。（きっと 😛 ） いろんな方法がありますが、簡単にできる方法をご紹 …
-
-
あまりWordPressをテクっていない私が、今回はプラグインなしでカスタム投稿タイプを作ってみました。 たぶん、詳しい人からするとかなり簡単にできてしまうんだと思いますが、 詳しい人ほ …
-
-
前回の記事では、『メニューリストを横から順番に表示させる cssのみ』ということで、 cssだけで動きのあるメニューを作成しました。 今回は、jsファイルに書き込んで同じよ …
-
-
WordPressで画像をかっこよく見せる ワードプレスを使っていて画像を扱うことも多いと思いますが、サイトをかっこよくおしゃれに見せる方法の一つとして、画像に手を加えてインパクトを与え …
