Pods – Custom Content Types and Fieldsの使い方

ishitaka 様

こんばんは。
いつもありがとうございます。

以下の内容で合っていますでしょうか？

<h3>住所</h3>
<p>{@address}</p>
<h3>電話番号</h3>
<p>{@telephone}</p>
<h3>店内写真</h3>
<p>{@interior._img.thumbnail}</p>
<h3>営業時間</h3>
<p>{@open}</p>
<h3>定休日</h3>
<p>{@regular holiday}</p>
<h3>最寄駅</h3>
<p>{@nearest_station}</p>
<h3>クレジットカード利用</h3>
<p>{@credit_card_payment}</p>
<h3>禁煙</h3>
<p>{@no_smoking}</p>

Pods　Adminの中の-Templatesを開いた画面にある内容です。
よろしくお願いします。

• この返信は4年、 7ヶ月前にmegumitoshiokaが編集しました。

ishitaka 様　いつもお世話になります。

さっそく調べていただいた3点について検証してみました。

・文字の大きさを 48px にする例

<div class="shop_data">
<h3>住所</h3>
<p>{@address}</p>
<h3>電話番号</h3>
<p>{@telephone}</p>
<h3>店内写真</h3>
<p>{@interior._img.thumbnail}</p>
<h3>営業時間</h3>
<p>{@open}</p>
<h3>定休日</h3>
<p>{@regular holiday}</p>
<h3>最寄駅</h3>
<p>{@nearest_station}</p>
<h3>クレジットカード利用</h3>
<p>{@credit_card_payment}</p>
<h3>禁煙席</h3>
<p>{@no_smoking_seat}</p>
</div>

そしてカスタマイズの [追加 CSS]に
フォントサイズを48から38まで試してみましたが変化なしでした。

・禁煙のフィールドの名前（表示ラベルではない）は「no_smoking」ですか？

禁煙席で「no_smoking_seat」と最初、登録しました。
その後、昨日ちょうどテーマの更新が入って最新版に更新しました。
おそらくその時に文字化け？したのか、質問を投稿した時には禁煙、「no_smoking」に変わっていました。
現在は自分で正しい文言(禁煙席「no_smoking_seat」に訂正しております)

・編集画面の並び順でしょうか？

そうです。編集画面では並びを変えることはできますが、それが本番の画面では反映されません。
今回もたとえば
Patisserieの複製を作り、Patisserie2で最後のところの
クレジットカード決済と禁煙席を入れ替え、最後にクレジットカード決済が来るように設定しても
本番の画面で見ると変更する前の状態で、やはり禁煙席の欄に入れた文言は表示されません。
さらに他の部分も並びを変えましたが、それも反映されませんでした。
(住所の後に「最寄駅」を入れましたが、住所、電話番号、店内写真と続きます)

ちなみに項目が表示できる範囲に対して多いのかと思ったので店内写真の項目を削除してみましたが
削除しても本番の画面には反映されません。

なにか設定し直さなければいけない箇所があるのかな？

※今、気が付いたのですがPods Admin の中の編集の時はManage Fieldsのタグのところをさわりますよね。
そのタグの並びに「高度なオプション」の右に「Auto Template Options」というタグがあります。
その画面でSingle item view templateというのがあります。
現在、 patisserie templateしか選択できませんが、これが関係あるのかな？と思いました。
もしかして、複製を作っていじる方法だと元にしたテンプレートの形式を維持されるのか、
違う形式にしたい時は一から作成しないといけないのかなと思いました。

すみません、私からの報告は以上です。
よろしくお願いします。

• この返信は4年、 7ヶ月前にmegumitoshiokaが編集しました。

ishitaka 様
CGさん、いつもありがとうございます。

毎回、キャッシュの削除はマメにしているほうですが
こちらの作業をする前にキャッシュの削除をし、
さらにAutoptimize を停止にして以下の作業してみました。

#our-services .shop_data p {
	font-size: 48px;
}

も

#our-services .shop_data p {
	font-size: 48px !important;
}

も試してみましたが、どちらも項目の文字ではなく、
たとえば住所なら、神戸市中央区～と入力した内容の文字のほうが
設定する以前よりも大きく表示され、48を38に変更しても小さくなりませんでした。

フィールド編集の再設定、投稿側などの入力など、
後程、一から作成して検証してみて報告させていただきます。

＞作成画面での「入力フィールドは、作成時の手順」。
＞サイトで「表示させる順番は、テンプレートで配列」と考えを整理したらどうでしょう。

分けて考えるということでしょうか。あくまで手順、ということですよね。

ちょっといったん、離席しますので作成画面の検証後、私の報告の後で構いませんので
お手数おかけしますが、またよろしくお願いします。

ishitaka様、こんばんは。

今、メニューからパティスリーのアーカイブと一件、テストで入力しているお店の情報を
見れるように設定できましたので、よろしければ確認していただけますか。

https://paris-breakfast.com/patisserie/

#our-services .shop_data h3 {
	font-size: 48px;
}

を設定すると、住所などの項目のほうが大きさが変わるようです。
項目の文字が最初大き過ぎだと感じましたので、これで48から18pxに設定して
項目の文字の大きさは解決しました。ありがとうございます。