Question

经过几个小时尝试不同的事情和代码后，我来到这里寻求帮助（我是编码的初学者）。

我想在标题中放置一个全宽和全高背景图像。该网站位于：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

Answer 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

Answer 2

请确保更改header.php中的任何内容都没有意义。 header.php不属于网站标题，它更像是wordpress的配置。

如果您想更改标题背景，只需进入您的wordpress管理部分并在那里进行更改。

您可以在

下找到管理部分

http://www.coveragenewstv.com/wp-login.php

您可以在管理栏中找到“我的网站”，然后单击“自定义”。需要有一个名为“标题图像部分”的部分。你需要上传你的背景，这应该可以正常工作。

巨星， Traxstar！

Wordpress标题背景图像问题

2 个答案: