如果这个问题已经得到解答,我会提前道歉,但我最困难的时候可以将我的徽标链接到这里:http://testsite.brentthelendesign.com/。这是一个基于WordPress“骷髅”的网站。任何帮助将不胜感激!代码如下。
HTML
<header class="left full header-bg">
<div class="container">
<div class="container-inside left">
<div class="sixteen columns">
<h1 class="logo abs"><a href="<?php echo get_option('home'); ?>"/></a></h1>
<nav>
<?php st_navbar(); ?>
</nav>
</div>
</div>
</div><!--container-->
</header>
CSS
h1.logo {
left:50%;
margin-left:-80px;
float: none;
text-align: center;
}
h1.logo a {
background:url(images/logo.png) no-repeat;
width:181px;
height:127px;
display:block;
text-indent:-9999px;
float: none;
text-align: center;
cursor: pointer;
}
.header-bg {
height: 190px;
background: url(images/bg-header.png) repeat;
}
答案 0 :(得分:0)
您的模板设置为使用WP_HOME
值作为链接,可在Settings > General
下的Wordpress管理员中进行配置。您也可以通过在wp-config.php
:
define('WP_HOME', 'http://example.com');
define('WP_SITEURL', 'http://example.com');
如果您想对其进行硬编码,也可以编辑模板文件(如果它永远不会更改,则效率更高),将<?php echo get_option('home'); ?>
替换为您想要的网址。
答案 1 :(得分:0)
您可以尝试通过css将徽标设置为背景图片,而不是将其设置在此处吗?
<h1 class="logo abs">
<a href="<?php echo get_option('home'); ?>"/>
<image src="">
</a>
</h1>
试试这个并告诉我它是怎么回事。
答案 2 :(得分:0)
> using this css you can display your logo with your home url.
h1.logo {
float: none;
left: 50%;
margin-left: -80px;
text-align: center;
z-index: 10000;
}
h1.logo a img{
display:block;
}