カスタムフィールドの異常

Question

https://obot-ai.com/case/tickety/

こちらのページに自由に入力できるカスタムフィールドを作ったのですが
ページのように反応してないのですが
ここの直し方を教えてほしいです。

必要であればアカウント情報も教え致しますので何卒宜しくお願い致します。

Accepted Answer

Advanced Custom Fields PROです。


ちなみに、カスタムフィールドの内容を表示される予定地は
ページ内容下部の、左に緑枠線のある灰色部分、
ということでよろしいでしょうか。
⇒その通りです。

Answer

ECマスターズの田中です。

まずは、プラグイン上で正しい設定がされているかどうか
確認させていただきたいので、
カスタムフィールドの作成のために導入された
プラグインの名前をお知らせいただけますでしょうか。

ちなみに、カスタムフィールドの内容を表示される予定地は
ページ内容下部の、左に緑枠線のある灰色部分、
ということでよろしいでしょうか。

Answer

ECマスターズの田中です。

> Advanced Custom Fields PROです。

ありがとうございます。

それではまず、
お知らせいただいた情報をもとに原因を確認したいと思いますので、

■Advanced Custom Fields PRO で設定したカスタムフィールドの
・フィールドラベル
・フィールド名
・フィールドタイプ
■いただいたURLに設定された、カスタムフィールドの値
■外観 > テーマの編集 にて、カスタムフィールドの内容を表示したい位置にご記載いただいたソース

以上の内容をご返信いただきますようお願いします。
フォーラムにてご返信いただきづらい場合は、
元質問右下の「投稿内容について報告する」リンクよりお知らせください。

Answer

■Advanced Custom Fields PRO で設定したカスタムフィールドの
・フィールドラベル 　テキスト+ピクチャー
・フィールド名　　　　block_'.$i.'_picture
・フィールドタイプ　　　画像
■いただいたURLに設定された、カスタムフィールドの値　
？
■外観 > テーマの編集 にて、カスタムフィールドの内容を表示したい位置にご記載いただいたソース

Answer

ECマスターズの田中です。

お知らせいただき、ありがとうございました。
フィールド名が「block_'.$i.'_picture」のようになっているということは、
楽天の商品画像のように、複数設置されることを想定されている、
ということですね。

Advanced Custom Fieldsの「画像」では、
１つのフィールド設定だけで複数の画像ファイルを受け付ける、
といった動作は想定されておりません。

画像１枚に対してフィールドを１つずつ、たとえば

フィールドラベル「画像１」フィールド名「block_1_picture」
フィールドラベル「画像２」フィールド名「block_2_picture」
フィールドラベル「画像３」フィールド名「block_3_picture」
（以下略）

のように作成していただきますようお願いします。
（返り値は画像URLをご設置

ここで、下記URLにて、
Advanced Custom Fieldsの動作の流れをご確認ください。
https://techacademy.jp/magazine/7640

フィールドグループに対してカスタムフィールドを作成し、
「公開」ボタンを押すことで
記事作成画面にフィールドが追加されることが
おわかりいただけると思います。

つまり、Advanced Custom Fieldsを利用して
各記事に画像を表示させたい場合、
各記事の作成画面に表示されたカスタムフィールドに対して
画像をご設定いただく必要がございます。

Advanced Custom Fields での設定および「公開」が完了しましたら、
https://obot-ai.com/case/tickety/
の編集画面へ移動していただくと、
画像を設定するためのフィールドが表示されているはずですので、
表示させたい画像ファイルをご設定いただきますようお願いします。

最後に、外観 > テーマの編集 より、
画像を表示させるためのソースをご記載ください。
ソースは、先程ご案内差し上げた
https://techacademy.jp/magazine/7640
こちらのページにて、「画像」の文字と青枠で囲まれたソースを
ご参照ください。
これが、画像１枚分のソースとなります。


ちなみに、Advanced Custom Fieldsには
複数の画像を受け付ける「Gallery」というフィールドタイプもございます。
英語のページになりますが、公式サイトにて解説されておりますので、
「画像」の設置に成功されましたら、ぜひGalleryの設置もお試しください。
https://www.advancedcustomfields.com/resources/gallery/

Answer

やってみたのですが、
テキスト欄も画像もうまく、反映されません。

なにが間違っているでしょうか？
以下singleにいれたPHPのソースです。

Answer

ECマスターズの田中です。

どこに間違いがあるか、
実際のフィールドの値とソースを照らし合わせて考える必要がございますので、

https://obot-ai.com/case/tickety/
の編集画面にて、
実際に表示されている、全てのフィールドの名前とその内容を
お知らせいただけますでしょうか。

フィールドの内容が画像ファイルの場合は、
画像のURLを、URLがわからない場合は画像の特徴をお知らせください。

Answer

会社概要　company
社名　　　company_data1
本社所在地　company_data2
設立年　　company_data3
従業員数   company_data4
事業内容　company_data5
主要取扱製品　company_data6

画像のURL
https://obot-ai.com/wp-content/uploads/2018/08/--e1534824625692.jpg

Answer

ECマスターズの田中です。

お知らせいただき、ありがとうございます。
いただいた内容は、現在
https://obot-ai.com/case/tickety/
上記URLに表示されている内容ですね。

それに加えて、いくつか追加で画像を表示されたい、
ということであると認識しておりますが、
追加で表示したい画像は、
編集画面にてご登録いただいていない、ということでしょうか。

私にてご案内差し上げた手順ですと、
company・company_data1〜6・画像１枚、
の他に、Advanced Custom Fields によって追加された
画像を登録する欄が編集画面にあるはずなのですが、
ございませんでしょうか。

Answer

無理なお願いですが、一度、アカウント内の情報を教えいたしますので
見ていただくことはできませんでしょうか。。

いろいろ教えいただいて恐縮ですが、知識が乏しいもので。。。

Answer

ECマスターズの田中です。

承知しました。
それでは、ログイン情報を
元質問右下の「投稿内容について報告する」リンクより、もしくは
添付ファイルをお送りいただく場合は club@ec-masters.net 宛に
お送りいただきますようお願いします。

また、今回のご質問の目的である、
このページに追加で表示しようとされていた情報も
合わせてお知らせいただきますようお願いします。

情報をいただき次第、
私で確認できる限りの原因および対策を、
原因が特定できない場合はお試しいただきたい内容をご案内いたします。

Answer

ECマスターズの田中です。

お送りいただいた内容を元に、
株式会社ガジーゴさんの導入事例の内容を
確認することができました。

様々なフィールドが存在しておりますが、
具体的にはどの部分にどのフィールドの内容を
表示しようとされておりますでしょうか。

たとえば、
ページ内容下部の、左に緑枠線のある灰色部分に、
「会社概要」フィールドの内容を表示したい場合は、
single-case.php の該当部分に



とご記載いただくことで表示されます。

その他のフィールドの内容も、
https://www.tam-tam.co.jp/tipsnote/cms/post2000.html
などをご参照いただきながらページに追加することができます。
もし可能であれば、再度改めて、
aloha_odenさんにて追加をお試しいただければ幸いです。