WordPress

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

 

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

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

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

 

完成イメージ

 

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

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

 

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

 

具体的には、ACF(Advanced Custom Fields)、というカスタムフィールド専用のプラグインを使います。

 

このプラグインを使うと…

  • プロフィール項目が追加できる
  • 自由に項目追加・削除ができる
  • 画像追加も簡単にできる

 

要するに、店舗にあわせて表示項目を変更できて便利です。

 

ダウンロード

 

今回、当テーマ用に準備しました。

 

※暗証番号について…

購入特典時のpassをご利用いただくと、ダウンロードできます。

 

 

※追記:テーマ「Classmate」の場合は以下もあわせてダウンロードしてください

 

プラグインのインストール

 

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

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

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

 

 

出勤管理プラグイン AttendManager

WordPress専用プラグイン「attendmanager」を開発しました。ショートコードでどのページにも実装可能な出勤管理プラグインです。

柔軟性の高いデザイン設定、固定ページから、各キャストページでご利用いただけるよう設計されています

-WordPress

© 2021 風俗ホームページ BLOG