Question

我在header.php中有这段代码：

    <div id="logo">
    <?php if( get_option('of_logo') != '') { ?>
    <a class="image" href="<?php echo get_option('home'); ?>/" title="Home">
        <img src="<?php echo get_option('of_logo'); ?>"  />
    </a>
    <?php } else { ?>
        <h1 class="front-page-logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo('name'); ?></a></h1> 
        <h2><?php bloginfo('description'); ?></h2>
    <?php } ?>
    </div>

一切都很棒！基本上它表示如果用户在主题选项面板中上传徽标图像，则显示该图像，否则显示一些文本。

现在我需要替换它：

    <?php } else { ?>
        <h1 class="front-page-logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo('name'); ?></a></h1> 
        <h2><?php bloginfo('description'); ?></h2>
    <?php } ?>

显示基于用户选择的style.css的图像。我的问题是，如果我去每个css文件并声明一个不同的图像，那么如果用户也上传了一个图像，那么这两个图像都显示在页面上。

那我怎么能这样做？感谢

Answer 1

在默认徽标上使用ID或类，并使用background-image在各种css文件中声明图片网址：

<?php } else { ?>
    <div id="default-logo"></div>
<?php } ?>

在css文件中：

#default-logo {
    background-image: url(".../1.jpg");
    width: 80px;
    height: 80px; /* the dimensions of your logo */
}

根据.css文件更改徽标

1 个答案: