WordPress 样式适用于默认页面，但不适用于特定 post 页面

Question

所以，我有这个 WordPress blog。

我最新的 post 有一些 html 和 css 样式。它在默认页面上工作正常...但是单击左侧菜单栏中的 post，我所有的样式都消失了...这是怎么回事？看来我的图片没有加载...我需要更改文件路径吗？

<div class="GlobeContainer">
   <div class="circle" id="circle">
      <img class="snowfall" src="images/SnowfallMidground.png" alt="snow" />
   </div>
   <img src="images/snowglobe.jpg" alt="snow globe" />
</div>

我在博客 post 中的跨度似乎按预期设置为绿色和蓝色，所以这一定是图像位置的问题...

Answer 1

为每张图片添加完整路径

<div class="GlobeContainer">
  <div id="circle2" class="circle"><img alt="snow" src="http://jordanphillipcarter.com/wordpress/images/SnowfallMidground.png" class="snowfall"></div>
  <p><img alt="snow globe" src="http://jordanphillipcarter.com/wordpress/images/snowglobe.jpg"></p>
</div>

Answer 2

如果您检查降雪图像的 DOM 值，您将看到 WordPress 为主页生成以下内容： "http://jordanphillipcarter.com/wordpress/images/SnowfallMidground.png" 以下为 Single Post： "http://jordanphillipcarter.com/wordpress/2015/12/25/wordpress/images/SnowfallMidground.png".

看起来（没有查看您的单一 Post 模板）您的单一 Post 页面将附加媒体设置（来自管理面板 - Organize my uploads into month- and year-based folders）作为输入值的前缀。

您是否尝试过使用 WordPress 上传图片，让它管理路径，然后单独添加您的标记？

Answer 3

动态调用图片源，

例如：

<img src="<?php echo get_stylesheet_directory_uri(); ?>/img.jpg"/>

正在调用 post 图片，

<?php 
if ( has_post_thumbnail() ) { 
    the_post_thumbnail();
} 
?>

WordPress 样式适用于默认页面，但不适用于特定 post 页面

WordPress styling working on default page, but not specific post page

wordpress

styles

default