.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ファイル内の画像のURLを宣言：

CSSファイルで

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

：素敵なザッツ

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