わかりやすいカスタム投稿タイプ設定まで｜セミナー一覧ページを自分でカスタマイズして思うように魅せたい

セミナー一覧ページをこのようにしたいんだけど出来ますか？

参考：Tech design

顧問契約をさせていただいている企業さんからのオーダーがありました。

この３つがオーダーの主な内容でした。

パワーポイントでこのように、思うように組み立てて見せるのはとっても簡単ですよね。
それがWEB上でとなると、これがまたとても大変なんです。

思うようにならないでイライラ。
インターネットで調べてもどう調べていいのかわからない。
結局はもういいやって。

そんな経験ありませんか？

そんな時に便利なのが、カスタムフィールドを用いた、投稿タイプを作成することです。

専用の投稿フォーマットを作る

わかりやすく言うと、専用のフォームに入力すれば誰が記事を作成しても同じように魅せることが出来る専用の投稿フォーマットを作ること。

WEB上でこれを行うには、

この４つの手順が必要になります。

WordPressには、「投稿」と「固定ページ」の２つが初めから用意されています。

ただのブログならば投稿で十分ですが…

サイトを作るうえでブログの他に、ニュースやセミナー情報、活動実績など様々なコンテンツが日々更新されることが考えられます。

それぞれのコンテンツでは、毎回必ず記載したいことや、表示のさせ方を変えたかったりと、様々かと思います。
通常の投稿でカテゴリーを分けて、カテゴリーごとに統一感を作り記事を作成するのも一つですが、結構面倒ですよね。

それを実現させるるのが、「カスタム投稿タイプ」という機能です。

「Custom Post Type UI」というプラグインを使えば、簡単にカスタム投稿タイプが作成できます。

ダッシュボード → プラグイン → 新規追加 → キーワード「Custom Post Type UI」
「今すぐインストール」 → 「有効化」まで進めていきましょう！
ツールバー（左側）「CPT UI」 → 「投稿タイプの追加と編集」
「基本設定」の項目に入力する

　投稿タイプスラッグ：ページのURLになる部分
　複数形のラベル：ツールバーに表示される名称
　単数形のラベル：複数形のラベルと同じでOK
「アーカイブあり」を「True」に設定する
　※アーカイブページが必要な場合の設定
　※基本設定を入力し終えたら、スクロールして下の方に行くと項目があります。
設定はこれでOK
　※左のツールバーに、作成したカスタム登校タイプが追加されているはずです。

通常のWordPressの投稿では、次の様な項目があります。

でも、今回のオーダーのあった様なセミナーページを作りたいというのならば、セミナーの具体的な内容を出したいですよね。

この様な項目が最低でも欲しいですよね。
でも通常の状態ですと、その都度本文にこれらの情報を入れて、表などにして整えたりと結構大変。

それを解消するのがカスタムフィールドです。
毎回使う様な項目を一つ一つフィールドで準備して、一つのフォーマットを作ってしまえる優れものです。

ですので、毎回前の記事をコピーして修正してとか、前入れていた情報ってなんだっけ？と記事を遡らなくても常に同じ必要となる情報を入力することができます。

ダッシュボード → プラグイン → 新規追加 → キーワード「Advanced Custom Fields」
「今すぐインストール」 → 「有効化」まで進めていきましょう！
ツールバー（左側）「カスタムフィールド」 → 「新規追加」
「位置」でフィールドグループを表示させる条件を設定します。
今回の場合、前項で作成したカスタム投稿タイプ「食品安全セミナー」に表示させたいので画像の様に選びます。

ちなみに、「このフィールドグループを表示する条件」には以下の様なものがあり、好きなよう定義できます。
「フィールドを追加」をクリック
次に、フィールドを設定します。
これは、カスタム投稿タイプ「食品安全セミナー」の記事にどんな項目のフィールドをフォーマットとして出すか設定することです。
フィールド設定に必要な項目を設定する
・フィールドラベル：編集ページで表示される名称
・フィールド名：WEB上に表示させるために必要な情報（半角英数字）
・フィールドタイプ：テキストエリアやチェックボックス等のフォーマット
・必須か？：必要であればチェックを入れる
それぞれ必要な項目の分だけ、フィールドを作成する

フィールドタイプには、たくさん用意されています。
よく使うものに関して少し紹介しますね。

主に使うものと言ったら、