基於.css文件更改標誌

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 */ 
}