ホームページ作成

【購入者特典】キャストページの作り方【写真や項目の追加方法を教えます】

こちらのページは、購入者限定ページです。

今回は「キャストページ」の作成手順について解説していこうと思います。なお購入を検討している方にも、おみせしていきます。

当テーマのキャストページを例にして解説していきますので、ぜひ参考ください!

完成イメージ

手順どおりに作ると以下ページがつくれるようになります。

当テーマのキャプチャー画面

項目追加にはプラグインを使います。

具体的には、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、の活用方法について解説しました。

このプラグインを使えば、項目の追加や簡単にできます。

なので、店舗に合わせて調整できて、とても便利なので、ぜひご活用ください!