Question

我正在wordpress中创建一个小部件，该小部件可从“关于页面”中浏览子页面的内容（缩略图/特色图像，标题和节选），并将其显示在“首页”上。除缩略图/功能外的所有内容均正确显示。缩略图/功能图像显示为灰色，在其他帖子和后端均可用。当我检查代码时，图片的网址似乎没有通过。

有人可以协助解决这个问题吗？

    $pgs = array(

      'parent' => '344', 
      'post_type' => 'page',
      'post_status' => 'publish',
      'posts_per_page' => 99,
      'orderby' => 'menu_order'
    );

    $pages = get_pages( $pgs );

    echo $args['before_widget'];

    ?>

    <div class="text-center">
        <h2 class="blessed-widget-title">title</h2>

        <div class="text-center" id="services">

        <?php foreach( $pages as $page ) {  ?>

            <div class="our-services-post-box col-md-4 col-sm-6 col-xs-6" id="child-<?php the_ID(); ?>">
                <a href="<?php echo  get_permalink($page->ID); ?>" rel="bookmark" title="<?php echo $page->post_title; ?>">
                    <div class="service-thumbnail background-image" style="background-image: url(<?php echo blessed_get_attachment($page->ID) ?>) ">
                        <img class="image-invisible" src=" <?php echo blessed_get_attachment($page->ID); ?> ">
                    </div>
                    <h2><?php echo $page->post_title; ?></h2>
                </a>

                <p><?php echo get_the_excerpt($page->ID) ?></p>

            </div><!--services-->

        <?php } ?>
        </div>

    </div>

    <?php

    echo $args['after_widget'];

Answer 1

我发现了2个错过的分号。

第一个在这里：

<div class="service-thumbnail background-image" style="background-image: url(<?php echo blessed_get_attachment($page->ID) ?>) ">

第二个在这里：

<p><?php echo get_the_excerpt($page->ID) ?></p>

也许是引起问题的原因。另外，URL中也不需要引号，但我添加了引号以查看结果。

请尝试使用以下内容。

$pgs = array(

      'parent' => '344', 
      'post_type' => 'page',
      'post_status' => 'publish',
      'posts_per_page' => 99,
      'orderby' => 'menu_order'
    );

    $pages = get_pages( $pgs );

    echo $args['before_widget'];

    ?>

    <div class="text-center">
        <h2 class="blessed-widget-title">title</h2>

        <div class="text-center" id="services">

        <?php foreach( $pages as $page ) {  ?>

            <div class="our-services-post-box col-md-4 col-sm-6 col-xs-6" id="child-<?php the_ID(); ?>">
                <a href="<?php echo  get_permalink($page->ID); ?>" rel="bookmark" title="<?php echo $page->post_title; ?>">
                    <div class="service-thumbnail background-image" style="background-image: url('<?php echo blessed_get_attachment($page->ID); ?>') ">
                        <img class="image-invisible" src=" <?php echo blessed_get_attachment($page->ID); ?> ">
                    </div>
                    <h2><?php echo $page->post_title; ?></h2>
                </a>

                <p><?php echo get_the_excerpt($page->ID); ?></p>

            </div><!--services-->

        <?php } ?>
        </div>

    </div>

    <?php

    echo $args['after_widget'];

还尝试查看与精选图片相关的CSS类。

WordPress特色图片将不会显示

1 个答案: