背景图像未显示

时间:2014-11-22 作者:Avinash Babu

嘿,我正在从头开发一个wp主题。我想设置背景图像。

因此,我在正文中声明了一些css代码,但实际上不起作用。。

代码为

标题。php

<body <?php body_class(); ?> > 
<div id="avinash">
<header class = "firstclass">
<h1><a href="<?php home_url(); ?>"><?php bloginfo(\'name\'); ?></a></h1>
<h2><?php bloginfo(\'description\') ?> </h2>
</div> 


<nav class="mythirdclass">
<?php wp_nav_menu(); ?>
</nav>

</header>
页脚。php
<?php wp_footer(); ?>
<div class = "mysecondclass">
<footer class="asampleclass">
</footer>
</div> 
</body>
</html>

样式。css

body {
background: url(\'background.jpg\') no-repeat top left;
}
图像background.jpg 实际上在同一目录中。。但是这个代码对我不起作用。。

任何帮助都将不胜感激。。Thanx公司

1 个回复
最合适的回答,由SO网友:Robert hue 整理而成

您没有创建header.php 正确地您没有包括HTML doctype declaration 和头部。

这是你的header.php

<!doctype html>
<html <?php language_attributes(); ?> class="no-js">
  <head>
    <meta charset="<?php bloginfo(\'charset\'); ?>">
    <title><?php wp_title(\'\'); ?><?php if(wp_title(\'\', false)) { echo \' : \'; } ?><?php bloginfo(\'name\'); ?></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="<?php bloginfo(\'description\'); ?>">
    <link rel=\'stylesheet\' href=\'<?php echo get_template_directory_uri(); ?>/style.css\' media=\'all\' />
    <?php wp_head(); ?>
  </head>
  <body <?php body_class(); ?>>

    <div id="avinash">

      <header class="firstclass">
          <h1><a href="<?php home_url(); ?>"><?php bloginfo(\'name\'); ?></a></h1>
          <h2><?php bloginfo(\'description\') ?></h2>
      </header> 

      <nav class="mythirdclass">
          <?php wp_nav_menu(); ?>
      </nav>

    </div>
这应该是你的footer.php

    <div class="mysecondclass">
        <footer class="asampleclass">
        </footer>
    </div> 

    <?php wp_footer(); ?>

  </body>
</html>
现在还要确保在index.php 以及其他主题页和模板。

EDIT

它正在工作。仅在中发布style.css 具有图像文件路径。应仅为honey.jpg 没有/ 如果它在同一个目录中。

body {
    background: url(\'honey.jpg\') no-repeat top left;
}

结束

相关推荐

Responsive Admin Themes

我在看这个管理主题的示例(http://themepixels.com/main/themes/demo/webpage/shamcey/dashboard.html). 至于标签为“Navigation”的左侧管理栏,有没有一种方法可以在不使用插件的情况下实现这种类型的左侧仪表板管理菜单?我想用css、js或Jquery来实现这一点,任何处理编码的东西都可以。