WordPress和高级自定义字段问题

Question

I have Wordpress set up with AFC and I've created two repeater fields, which I've included on the page. In my header, I have a repeater field to display a carousel slider. Then below the header, I include my page content in a basic div. I've added the masthead.php into the front-page.php just below the get_header().

For some reason, I'm only getting the header when I load the page. Everything below the header tag disappears. However, when I comment out the include function to pull in the masthead.php on my front-page.php, my main content displays, but without the header, of course. There seems to be some sort of conflict.

I checked my php_error.log, and it gave me this:

PHP Parse error: syntax error, unexpected '<' in [folder_structure]/masthead.php on line 64

I have checked and double checked my AFC fields to ensure it's not a typo or I'm not looping through the right thing. But it looks good to me.

MASTHEAD.PHP below

 <header>
        <?php 
        $defaults = array (
            'theme_location' => 'main-navigation',
            'menu_class' => 'no-bullet',
            'container' => false
        ); ?>

            <nav class="main-header-nav">
                <img src="<?php echo get_template_directory_uri();?>/icons/Hilton-logo.svg" alt="Hilton Logo" class="header-logo">
                <?php  wp_nav_menu($defaults); ?>
            </nav>



    <?php if( have_rows('header_carousel') ): ?>



        <?php while( have_rows('header_carousel') ): the_row(); 

            // vars
            $mastHeadImages = get_sub_field('mast_head_images');


         ?>        

            <h3 class="header-text tagline"></h3>
            <h1 class="header-text"></h1>




    <?php 

    if( $mastHeadImages ): ?>
        <div class="cycle-slideshow carousel-container"  data-cycle-fx="scrollHorz" data-cycle-timeout="0" data-cycle-prev="#prev" data-cycle-next="#next" data-cycle-caption=".carousel-counter" data-cycle-caption-template="<span class='bigger'>{{slideNum}}/ </span> <span class='smaller'>{{slideCount}}</span>">
           <div class="cycle-caption"></div>
            <?php $i = 0; ?>
            <?php foreach( $mastHeadImages as $image ): $imageURL = $image['url']?>
         <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" class="carousel-container__img carousel-img-<?php echo $i; ?>" />


            <?php $i++; endforeach; ?>
            <div class="masthead_overlay"></div>
        </div>
        <div class="center carousel-control-container">
        <a href="#" id="prev">
            <span class="icon-arrow-left"></span>
        </a> 
        <a href="#" id="next">
            <span class="icon-arrow-right"></span>
        </a>
        <div class="carousel-counter">

        </div>
    </div>


    <?php endif; endwhile; endif; ?>  

    </header>

FRONT-PAGE.PHP below

 <?php include('masthead.php'); ?>

 <div id="main" role="main">


   <?php if( have_rows('flexible_content') ): ?>



    <?php while( have_rows('flexible_content') ): the_row(); 

        // vars
        $mainContentImage = get_sub_field('main_content_image');
        $asideContentImage = get_sub_field('aside_content_image');
        $mainContentText = get_sub_field('main_content_text');
        $asideContentText = get_sub_field('aside_content_text');
        $CTALink = get_sub_field('cta_link');
        $CTAText = get_sub_field('cta_text');



     ?>

    <main id="main-content-container">

<!-- main content start-->

        <div class="main-content" style="background-image: url(<?php echo $mainContentImage['url']; ?>)">


            <div class="main-content-text">
                <h3>
                    <?php echo $mainContentText; ?>
                </h3>
                <p>
                    Sub Text
                </p>
                <?php if($CTALink) :?>
                <a href="<?php echo $CTALink; ?>" class="main-cta-btn">
                    <?php echo $CTAText; ?>
                </a>
                <?php endif;?>
            </div>

        </div>



<!-- main content end -->

<!--Aside content start-->

      <div class="aside-content" style="background-image: url(<?php echo $asideContentImage['url']; ?>)">

        <h2 style="color: #fff;"><?php echo $asideContentText; ?></h2> 

      </div>

<!--Aside content end-->


     </main>

    <?php endwhile; ?>

<?php endif; ?>

</div>



<?php get_footer();?>

If I haven't provided enough info, let me know. This is just a local project.

Answer 1

因此，下面的这段代码本质上仅是对代码的轻微修改。 我注意到您正在传递get_sub_field('mast_head_images');的值get_sub_field('mast_head_images'); to foreach ，如果您想识别键然后使用图像对象的值，或者如果您将Gallery作为上述重复字段的字段类型，则可以这样做（我怀疑是这种情况）。

在这种情况下，此代码应该有效。

<header>
    <?php 
    $defaults = array (
        'theme_location' => 'main-navigation',
        'menu_class' => 'no-bullet',
        'container' => false
    ); ?>
    <nav class="main-header-nav">
        <img src="<?php echo get_template_directory_uri();?>/icons/Hilton-logo.svg" alt="Hilton Logo" class="header-logo">
        <?php  wp_nav_menu($defaults); ?>
    </nav>
    <?php if( have_rows('header_carousel') ): ?>
        <?php $i = 0; ?>
        <?php while( have_rows('header_carousel') ): the_row(); 
            // vars
            $mastHeadImages = get_sub_field('mast_head_images');
            ?>        
            <h3 class="header-text tagline"></h3>
            <h1 class="header-text"></h1>
            <div class="cycle-slideshow carousel-container"  data-cycle-fx="scrollHorz" data-cycle-timeout="0" data-cycle-prev="#prev" data-cycle-next="#next" data-cycle-caption=".carousel-counter" data-cycle-caption-template="<span class='bigger'>/ </span> <span class='smaller'></span>">
                <div class="cycle-caption"></div>
                <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" class="carousel-container__img carousel-img-<?php echo $i; ?>" />
                <?php $i++;?>
                <div class="masthead_overlay"></div>
            </div>
            <div class="center carousel-control-container">
                <a href="#" id="prev">
                    <span class="icon-arrow-left"></span>
                </a> 
                <a href="#" id="next">
                    <span class="icon-arrow-right"></span>
                </a>
                <div class="carousel-counter">
                </div>
            </div>
        <?php endwhile; 
    endif; ?>  
</header>

但是，如果您使用Gallery作为字段类型，那么我的假设是错误的，并且您的代码没有看到的错误。