Wordpress 标题背景图像问题答案

【问题标题】：Wordpress Header Background Image IssueWordpress 标题背景图像问题
【发布时间】：2016-02-03 19:14:54
【问题描述】：

在尝试不同的事物和代码数小时后，我来到这里寻求帮助（我是编码初学者）。

我只想在标题中放置全宽和全高背景图像。网站在这里：http://www.coveragenewstv.com/

这里是 header.php ：

<head>
<title><?php wp_title('|', true, 'right'); ?></title>
<meta charset="<?php bloginfo( 'charset' );?>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
wp_head(); /** we hook up in wp_booster @see td_wp_booster_functions::hook_wp_head */
?>
</head>

<body <?php body_class() ?> itemscope="itemscope" itemtype="<?php echo td_global::$http_or_https?>://schema.org/WebPage">

<?php //this is closing in the footer.php file ?>

<?php /* scroll to top */?>
<div class="td-scroll-up"><i class="td-icon-menu-up"></i></div>

<div id="td-outer-wrap">

<div class="td-transition-content-and-menu td-mobile-nav-wrap">
    <?php locate_template('parts/menu-mobile.php', true);?>
</div>

<?php //this is closing in the footer.php file ?>
<div class="td-transition-content-and-menu td-content-wrap">

<?php
td_api_header_style::_helper_show_header();

do_action('td_wp_booster_after_header'); //used by unique articles

【问题讨论】：

如果你想要一个背景图片，你不应该改变你的 header.php。您正在使用 WordPress。您可以在仪表板上设置背景图片..根据您使用的主题会有一些选项..查看外观下的自定义..

标签： php css wordpress

【解决方案1】：

将两个代码块添加到 CSS 文件的底部：

.td-banner-wrap-full, .td-header-menu-wrap-full {
    background-color: transparent;
}

和

.td-header-wrap.td-header-style-1 {
    background-image: url(http://www.joomlaworks.net/images/demos/galleries/abstract/7.jpg);
    background-size: cover;
}

将网址替换为您的背景图片网址。

See: Works fine

【讨论】：

您好，谢谢。我现在执行了这些步骤，但不幸的是它不起作用。
这是我当前标题（样式 1）的 style.css 的现有代码：github.com/waseem3302/coveragenewstv/blob/master/style.css @vuza
@waseemKhan：我检查了您的实时网站，但找不到额外的代码。你确定上传了？在你的 wordpress 主题文件夹中应该有一个 style.css 文件，把它放在这个文件的底部！也许你有一个像 WP Super Cache 这样的缓存插件，它会因为页面加载时间的原因加载旧的、未更改的 CSS 文件？
您好，没有安装缓存插件。我已将您的代码放在 style.css 的底部，并在清除缓存后尝试在其他浏览器上查看。根本没有结果。这是完整的 style.css 文件：github.com/waseem3302/coveragenewstv/blob/master/thestylecss @vuza
另外，我不想要导航栏上的图像，只需要它上面。