EDIT: 我已经把范围缩小到img 内的标记a 标签在某个时候被剥离。它们显示在页面源中，但不显示在inspect元素中。
我添加了一个自定义类别。php和我的图像无法工作，尽管在标题中被调用。php文件。他们在索引中工作。php、归档模板等。
我的类别代码。php与索引相同。php，除了我将类别添加到WP查询之外。
标题。php从body标记开始：
<body <?php body_class(); ?>>
<?php
$options = get_option( \'magazine_options\' );
$cat_id = get_query_var(\'cat\');
$cat_name = get_cat_name($cat_id);
if(($cat_name !== $options[\'magazine_field_current_issue\']) && $cat_name !== \'\'): ?>
<div class="banner">
<p>
Archived Issue: <?php echo $cat_name; ?>
</p>
</div>
<?php endif; ?>
<div id="content" class="site-content">
<div class="navigation">
<div class="logo">
<?php
$custom_logo_id = get_theme_mod( \'custom_logo\' );
$image = wp_get_attachment_image_src( $custom_logo_id , \'full\' );
echo \'<a href="\'. get_bloginfo(\'wpurl\') . \'"><img src="\' . $image[0] . \'" / /></a>\';
?>
</div>
<div class="mobile-only">
<a href="" class="mobile-menu"><div class="icon-mobile-menu"></div></a>
<?php wp_nav_menu( array( \'theme_location\' => \'header-menu\', \'container_class\' => \'header-mobile-menu\' ) ); ?>
</div>
<?php
if ( has_nav_menu( \'social\' ) ) : ?>
<nav class="social-navigation" role="navigation" aria-label="<?php _e( \'Footer Social Links Menu\', \'twentyseventeen\' ); ?>">
<?php
wp_nav_menu( array(
\'theme_location\' => \'social\',
\'menu_class\' => \'social-links-menu\',
\'depth\' => 1,
\'link_before\' => \'<span class="screen-reader-text">\',
\'link_after\' => \'</span>\' . twentyseventeen_get_svg( array( \'icon\' => \'chain\' ) ),
) );
?>
<?php echo do_shortcode(\'[Wow-Modal-Windows id=1]\');?>
</nav><!-- .social-navigation -->
<?php endif; ?>
<div class="search desktop-only">
<?php get_search_form(); ?>
</div>
<?php wp_nav_menu( array( \'theme_location\' => \'header-menu\', \'container_class\' => \'header-menu desktop-only\' ) ); ?>
</div>
</div>
类别。php：
<?php get_header(); ?>
<div id="primary" class="content-area">
<?php
$cat_id = get_query_var(\'cat\');
$args = array( \'post_type\' => \'cover-story\', \'posts_per_page\' => 1, \'orderby\' => \'menu_order\', \'order\' => \'ASC\', \'cat\' => $cat_id );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); ?>
<?php
$attachment_id = get_post_thumbnail_id( $post->ID);
$img_src = wp_get_attachment_image_url( $attachment_id, \'full\' );
$img_srcset = wp_get_attachment_image_srcset( $attachment_id, \'full\' );
?>
<img class="featured-story tablet-only" src="<?php echo esc_url( $img_src ); ?>"
srcset="<?php echo esc_attr( $img_srcset ); ?>"
sizes="(max-width: 50em) 87vw, 680px">
<img class="featured-story mobile-only" src="<?php echo esc_url( $img_src ); ?>"
srcset="<?php echo esc_attr( $img_srcset ); ?>"
sizes="(max-width: 50em) 87vw, 680px">
<div class="cover-story-text mobile-only">
<p>
Cover Story
</p>
<h2><?php the_title(); ?></h2>
<a href="<?php the_permalink(); ?>">Read More</a>
</div>
<div class="featured-story desktop-only" style="background: url(<?php the_post_thumbnail_url( \'full\' ); ?>);">
<div class="cover-story-text">
<p>
Cover Story
</p>
<h2><?php the_title(); ?></h2>
<a href="<?php the_permalink(); ?>">Read More</a>
</div>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
</div>
</main><!-- .site-main -->
<?php get_footer(); ?>
编辑：管理栏也缺少SVG。。。这太奇怪了。
SO网友:nibnut
早上好
所以这听起来像是不平衡的html标记。。。
事实上，如果我将您的头文件与您的类别连接起来。php文件，结尾有一些结束标记和一个结束标记，似乎不属于那里。。。
我建议进行一次良好的标记清理：确保打开的所有内容都已关闭，并且没有任何孤立的关闭标记。
还有，但我怀疑这与你的问题有关，你的徽标在标题中。php文件有一个额外的反斜杠：
echo \'<a href="\'. get_bloginfo(\'wpurl\') . \'"><img src="\' . $image[0] . \'" / /></a>\';
应该是这样的
echo \'<a href="\'. get_bloginfo(\'wpurl\') . \'"><img src="\' . $image[0] . \'" /></a>\';
UPDATE
等等，好吧，那么你在封面文章的顶部添加了整个循环？如果是这样的话，那么你想打电话
wp_reset_postdata 在循环之后，否则会影响正常页面的当前主循环。您还应该检查并仅在实际有帖子要显示时重置循环。将顶部部分更改为：（显示新行）
<?php
$cat_id = get_query_var(\'cat\');
$args = array( \'post_type\' => \'cover-story\', \'posts_per_page\' => 1, \'orderby\' => \'menu_order\', \'order\' => \'ASC\', \'cat\' => $cat_id );
$loop = new WP_Query( $args );
if ( $loop->have_posts() ) { // <-------------
while ( $loop->have_posts() ) : $loop->the_post();
$attachment_id = get_post_thumbnail_id( $post->ID);
$img_src = wp_get_attachment_image_url( $attachment_id, \'full\' );
$img_srcset = wp_get_attachment_image_srcset( $attachment_id, \'full\' );
?>
<img class="featured-story tablet-only" src="<?php echo esc_url( $img_src ); ?>"
srcset="<?php echo esc_attr( $img_srcset ); ?>"
sizes="(max-width: 50em) 87vw, 680px">
<img class="featured-story mobile-only" src="<?php echo esc_url( $img_src ); ?>"
srcset="<?php echo esc_attr( $img_srcset ); ?>"
sizes="(max-width: 50em) 87vw, 680px">
<div class="cover-story-text mobile-only">
<p>
Cover Story
</p>
<h2><?php the_title(); ?></h2>
<a href="<?php the_permalink(); ?>">Read More</a>
</div>
<div class="featured-story desktop-only" style="background: url(<?php the_post_thumbnail_url( \'full\' ); ?>);">
<div class="cover-story-text">
<p>
Cover Story
</p>
<h2><?php the_title(); ?></h2>
<a href="<?php the_permalink(); ?>">Read More</a>
</div>
</div>
<?php
endwhile;
wp_reset_postdata(); // <-------------
endif; // <-------------
?>
希望这有帮助！
