こちらのページは、購入者限定ページです。
今回は「キャストページ」の作成手順について解説していこうと思います。なお購入を検討している方にも、おみせしていきます。
当テーマのキャストページを例にして解説していきますので、ぜひ参考ください！
完成イメージ
手順どおりに作ると以下ページがつくれるようになります。
項目追加にはプラグインを使います。
具体的には、ACF(Advanced Custom Fields)、というカスタムフィールド専用のプラグインを使います。
このプラグインを使うと…
- プロフィール項目が追加できる
- 自由に項目追加・削除ができる
- 画像追加も簡単にできる
要するに、店舗にあわせて表示項目を変更できて便利です。
ダウンロード
今回、当テーマ用に準備しました。
※暗証番号について…
購入特典時のpassをご利用いただくと、ダウンロードできます。
ZIPファイルでダウンロードされるので、必ず解凍して .jsonファイルでアップロードしてください。
プラグインのインストール
まず「ACF」を使うためにテーマにインストールしていきます。
管理画面 – プラグイン – 新規追加 をクリックしてください。
ACF、と検索して、インストールをクリックします。
クリック後、有効化してください。
項目の追加
さきほどダウンロードしたデータをアップロードしていきます。
右カラムから カスタムフィールド – ツール をクリックしてください。
この画面から「acf-export.json」を登録します。
投稿ページを開くと、フィールドが追加されます。
店長のコメントを追加したい場合は「文章を入力、またはブロックを選択」から入力ください。
これで、設定は完了です。
※投稿タイプを変えたい場合…
ルールから投稿タイプを変更すると、カスタム投稿タイプを利用できます。
項目を追加したい場合
項目を追加したり、変更することもできます。
カスタムフィールド – am-cast をクリックしてください。編集画面に移動後、「＋フィールドを追加」をクリックします。
例えば、age（年齢）を追加する場合、フィールド名は「age」とします。フィールドラベルはわかりやすい名称でOKです。
これで、設定ができました。
出力側の設定をする
さきほどの設定だけだと、ホームページに表示されないので、出力側の設定を行います。
テーマファイルを編集していきます。外観 – テーマエディタ – single.php をクリックしてください。
すると、上記の画面が開きます。
例えば、age、という項目を取得したい場合…
$age = get_filed('age');
※太文字の部分が、さきほどのフィールド名です。
出力する場合は以下です。
<dt>年齢</dt><dd><?php echo $age ?>歳</dd>
68行目あたりに上記のコードを入力してください。
画像を追加したい場合は以下です。
$image2 = get_filed('image2');
画像は 返り値 がURLになっているので、
<img src="<?php echo $image2; ?>" ?>
と入力すれば、画像を出力できます。
なお、返り値をのフォーマットを「画像URL」にしておいてください。
これで、URLだけで取得することができます。
出勤表を出力したい場合
プロ版限定の機能です。
single.php こちらの82〜118行目が該当箇所となります。
こちらのコードをお使いください。
※ベーシック版の購入いただいた方へ…
プロ版へのアップグレードできるようになりました。詳しくは、特典ページをご覧ください。
最後に
今回はキャストページに項目する方法として、ACF、の活用方法について解説しました。
このプラグインを使えば、項目の追加や簡単にできます。
なので、店舗に合わせて調整できて、とても便利なので、ぜひご活用ください！
