サポート » プラグイン » Smart Custom Fieldsの繰り返しにアンカー設置したい

  • 解決済 minoritydog

    (@minoritydog)


    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が6ヶ月、 2週前に変更しました。
    • このトピックはminoritydogが6ヶ月、 2週前に変更しました。
    • このトピックはminoritydogが6ヶ月、 2週前に変更しました。
    • このトピックはminoritydogが6ヶ月、 2週前に変更しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • Honda

    (@rocketmartue)

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

    <?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 } ?>

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

    本当に助かりました。

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