ワードプレスプラグインのカスタムフィールドスイートでのハイパーリンクの出力

Question

カスタムフィールドスイートを使用してメニューボタンを作成していますが、出力エラーになってしまいます。
ループを作ってリンクを貼りたいのですが、ハイパーリンクの設定の仕方がよくわからず出力できません。

<?php の中にタグなどいれたらダメなのでしょうか？そこまで詳しくなくて困っています。どのようにしたら表示できるでしょうか？ 下現状の動かない状態です。 ```ここに言語を入力 <?php $fields = $cfs->get('pickupmenu'); foreach ((array)$fields as $field) : ?> <li> 　<?php echo $field['pickupmenu-link']; <img src="<?php echo $field['pickupmenu-photo']; ?>" alt=""/> 　?> </li> <?php endforeach; ?>

この状態でプレビューすると表示もされません。ソースも表示できませんでした。

![イメージ説明](e35391b8c53103b97ffef75ee5c4f492.png)

Comments

[kei344]

出力されたHTML（ブラウザで「ページのソースを表示」）を質問文に追記ください。

Answer 1

とりあえずこう。

<?php echo $field['pickupmenu-link']; 　?>
<img src="<?php echo $field['pickupmenu-photo']; ?>" alt=""/>

Comments

[pachiro]

ソースは表示されるようになったのですが、<img>をaタグが囲んでくれないので画像をボタンとできませんでした。

出力ソースは以下の通りです。

<li>
　<a class="cfs-hyperlink" href="https://**********/tourist" target=""><span class="text">観光</span></a>
<img src="https://**********/cms/wp-content/uploads/2019/08/kankou-bt.jpg" alt="">
</li>

[kei344]

$field['pickupmenu-link'];の中身がURLだけでなければ、自分で置換するなり処理する必要があります。
設定で配列を返すように出来るようなので、試してみてください。

【Hyperlink - Custom Field Suite】
http://customfieldsuite.com/field-types/hyperlink.html

[pachiro]

わかりました！ありがとうございます。試してみます！！