サポート » プラグイン » Pods – Custom Content Types and Fieldsの使い方

  • 解決済 megumitoshioka

    (@megumitoshioka)


    お世話になっております。VW Bakery のテーマを使用しています。

    Pods – Custom Content Types and Fieldsの使い方でわからないことが出てきました。
    設定方法は以下のサイトを参照しました。
    https://41y.me/pods-for-beginner/

    以下の自分のサイトで飲食店の紹介ページを作成しようと思います。
    https://paris-breakfast.com

    一件、サンプルで設定して公開しています。

    改善したいことは
    住所、電話番号、店内写真、営業時間、定休日、最寄駅、クレジットカード決済、禁煙席などの
    文字の大きさを小さくできないか?

    カスタム投稿タイプとtemplatesの関連付けは完了しているけれど、
    禁煙席の項目だけサイト訪問者から見える画面には表示されないのはどこを確認すればよいか?
    禁煙席のところは
    Field Typeは Plain Textで設定しています。

    入力した文言は「イートインスペースなし」と入力しました。

    それと保存するデータの項目(住所、電話番号、店内写真、営業時間、定休日、最寄駅、クレジットカード決済、禁煙席)の並びを変えたい場合、簡単にできる方法はありますか?
    自分で探してみたのですが、わかりませんでしたので最初に設定したものを一度、削除して
    また一から設定し直しました。

    以上、3点についておわかりになる方がおられましたら回答よろしくお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

15件の返信を表示中 - 1 - 15件目 (全21件中)
  • 「Template」の記述内容を教えてもらえませんか?

    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を開いた画面にある内容です。
    よろしくお願いします。

    • この返信は2 週間、 2 日前に  megumitoshioka さんが編集しました。

    文字の大きさを小さくできないか?

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

    Template の先頭に、
    <div class="shop_data">

    後尾に、
    </div>

    を追加。

    テーマの style.css またはカスタマイズの [追加 CSS]に、

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

    を追加。

    禁煙席の項目だけサイト訪問者から見える画面には表示されないのはどこを確認すればよいか?

    禁煙のフィールドの名前(表示ラベルではない)は「no_smoking」ですか?

    保存するデータの項目(住所、電話番号、店内写真、営業時間、定休日、最寄駅、クレジットカード決済、禁煙席)の並びを変えたい場合、簡単にできる方法はありますか?

    編集画面の並び順でしょうか?
    編集画面の場合は、フィールドの編集画面でフィールドリストの先頭列の「≡」をマウスでドラックして順番を変更することができます。

    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しか選択できませんが、これが関係あるのかな?と思いました。
    もしかして、複製を作っていじる方法だと元にしたテンプレートの形式を維持されるのか、
    違う形式にしたい時は一から作成しないといけないのかなと思いました。

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

    • この返信は2 週間、 1 日前に  megumitoshioka さんが編集しました。

    文字の大きさは、

    CSS のセレクターには優先度があります。下記ページなどを参考にしてください。
    https://mawatari.jp/archives/css-selector-priority

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

    または

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

    では、どうでしょうか?

    禁煙席が表示されない件

    ちょっとわかりません。フィールド編集を再設定(フィールドの名前を変更してみたりして)し、投稿側も再入力してみてはどうでしょうか?

    フロント側の表示順は、

    「Template」に記述したままの順番で表示されます。表示したい順番になるようにテンプレートの記述を変更してください。

    <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>{@no_smoking_seat}</p>
    <h3>クレジットカード利用</h3>
    <p>{@credit_card_payment}</p>
    </div>
    CG

    (@du-bist-der-lenz)

    作成画面での「入力フィールドは、作成時の手順」。サイトで「表示させる順番は、テンプレートで配列」と考えを整理したらどうでしょう。その辺りが、サイトデザインとレイアウトの違いでもあるのですが。

    CSS が反映されないのはキャッシュが影響している可能性もあります。
    キャッシュ系のプラグインのキャッシュおよびブラウザのキャッシュを削除してみてください。
    Autoptimize プラグインを使用しているようなので、これは一時停止してみてください。

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

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

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

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

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

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

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

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

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

    どちらも項目の文字ではなく、

    項目の文字の場合は、

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

    では、どうでしょうか?

    ishitaka様、こんばんは。

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

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

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

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

    たびたびすみません。
    ゆるく質問なんですが。

    先程、Pods – Custom Content Types and Fieldsで作成したパティスリーのアーカイブなどを
    メニューから設定して通常のブログの記事の投稿のように表示させる方法はわかったのですが

    固定ページのうち、運営者情報(プロフィール)以外の、問い合わせフォームとプライバシーポリシーを
    表示させていますが

    このメニューの位置の設定で苦戦していました。
    メニューの位置を左右、レスポンシブから選ぶのですが、なぜか
    固定ページの項目が左右両方に表示されてしまっていました。

    現在、左にパティスリーのアーカイブ(今後、他のアーカイブも増えます)
    右に固定ページ(問い合わせ、プライバシーポリシー、運営者情報)とふたつのメニューを作成して
    左右に分けて表示させようかと思い、そのように設定しています。
    (試運転の時に、左だけ、とか右だけとか片方だけに表示させようとしてうまくいかなかったので)

    なぜ、設定していない左、もしくは右にも固定ページの項目が表示されるのか
    どこか変な設定になっているのかわかりません。
    原因がわからないうちは、現在の表示方法でいくしかないでしょうか。

    パティスリーのアーカイブの投稿について
    禁煙席の項目が表示されない件ですが、これも解決しなければ
    本文のところに入れる方法で記載しようと思います。

    それと店内写真を複数枚設定して、スライドなどで表示できたらいいなと思うのですが
    Pods – Custom Content Types and Fieldsで、そこまではできないですよね?

    私が思いつくのは、一枚だけ設定して、そのお店の他の写真はギャラリーを作成して
    ギャラリーのリンクを持ってくるとか、見づらいでしょうか。

    さらに各店舗ごとのギャラリーとリンクさせて、店舗情報を見る時に一緒に写真も見ることができる仕様にできるとして
    ギャラリーのプラグインで、見た目も操作性も良いものはあるでしょうか。

    いろいろ思いついたことをお聞きして申し訳ありませんがわかる範囲でアドバイスいただけましたら
    助かります。

    この後、再設定のほうの検証をしようと思います。
    少しお時間をいただきます。

    ishitaka様

    承知しました。
    勝手がわからず失礼しました。

    あらためて別のトピを立てさせていただきますね。

15件の返信を表示中 - 1 - 15件目 (全21件中)
  • このトピックに返信するにはログインが必要です。