Smart Custom Fieldsの繰り返しにアンカー設置したい

  • 解決済 minoritydog

    (@minoritydog)


    4年、 9ヶ月前

    Smart Custom Fieldsの繰り返し機能を使って
    出力してるレシピ画像一覧をトップページに設置しています。

    画像のリンクをレシピ詳細ページの各レシピのアンカーへ設置したいのですが
    Smart Custom Fieldsの繰り返しの中にアンカーとなる個別のIDのようなものを出力する方法があれば

    ご教授いただけると助かります。
    よろしくお願いいたします。

    ◆トップページ

    
<?php
$get_group = SCF::get( 'グループ名' );
foreach ( $get_group as $fields ) {
?>
<li>
<a href="<?php the_permalink(); ?>">
<?php echo wp_get_attachment_image($fields['画像'], 'thumbnail');?>
</a>
<?php echo esc_html( $fields['レシピ名'] ); ?>
</li>
<?php } ?>

    ◆詳細ページ

    
<?php
$get_group = SCF::get( 'グループ名' );
foreach ( $get_group as $fields ) {
?>
<li>
<?php echo wp_get_attachment_image($fields['画像'], 'thumbnail');?>
<?php echo esc_html( $fields['レシピ名'] ); ?>
<?php echo esc_html( $fields['テキスト1'] ); ?>
<?php echo nl2br( $fields['テキスト2'] ); ?>
</li>
<?php } ?>
    • このトピックはminoritydogが4年、 9ヶ月前に変更しました。
    • このトピックはminoritydogが4年、 9ヶ月前に変更しました。
    • このトピックはminoritydogが4年、 9ヶ月前に変更しました。
    • このトピックはminoritydogが4年、 9ヶ月前に変更しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Honda

    (@rocketmartue)

    4年、 9ヶ月前

    詳細ページを以下のようにしてみてはどうでしょうか？

    <?php
$get_group = SCF::get( 'グループ名' );
$i = 0;
foreach ( $get_group as $fields ) {
$i++;
?>
<li id="recipe-<?php echo $i; ?>">
<?php echo wp_get_attachment_image( $fields['画像'], 'thumbnail');?>
<?php echo esc_html( $fields['レシピ名'] ); ?>
<?php echo esc_html( $fields['テキスト1'] ); ?>
<?php echo nl2br( $fields['テキスト2'] ); ?>
</li>
<?php } ?>

    div タグを使うのなら、こんな感じ。

    <?php
$get_group = SCF::get( 'グループ名' );
$i = 0;
foreach ( $get_group as $fields ) {
  $i++;
?>
<div id="recipe-<?php echo $i; ?>">
  <?php echo wp_get_attachment_image( $fields['画像'], 'thumbnail');?>
  <h3><?php echo esc_html( $fields['レシピ名'] ); ?></h3>
  <p><?php echo esc_html( $fields['テキスト1'] ); ?></p>
  <p><?php echo nl2br( $fields['テキスト2'] ); ?></p>
  </div>
<?php } ?>
    トピック投稿者 minoritydog

    (@minoritydog)

    4年、 8ヶ月前

    ありがとうございます。
    希望通りアンカー設置することができました。

    本当に助かりました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Smart Custom Fieldsの繰り返しにアンカー設置したい」には新たに返信することはできません。