web-dev-qa-db-ja.com

ホームページ上の異なるロゴ

テーマ設定内のメインロゴとしてファイルをアップロードしましたが、メインページに別のロゴを追加します。私が使用しているテーマはテーマ設定内にカスタムCSSオプションがありますが、カスタムCSSを使用してフロントページでのみ変更でき、他のサイトでは変更できませんか。

テーマ： http://demo.ghostpool.com/?theme=bounce-bp

themescustomizationcss
1
user26480

テーマデザイナーがホームページで別のロゴを使用する手段を持っているようです。 83 - 93行目であなたのheader.phpを見てください。

これがフロントページであることをテーマが検出すると、タイトルは<h1>タグで囲まれます。それ以外の場合は、タイトルは<div>で囲まれます。両方ともid='logo'があります。

カスタムCSSを追加できる場合は、 css画像置換 を使用して、この<h1>タグをホームページの別の画像に置き換えることができます。

0
cpilko

header.phpでこのタグを見つけることができます。

 <div id = "logo" style = ""> 
 <span class = "logo-details">バウンス|ホームページ1の例</span> 
 <a href="http://demo.ghostpool.com/bounce" title="Bounce"> <span class = "default-logo"> </span> </a> 
 </div>

43行目でstyle-colorchoose.cssにアクセスし、class .default-logoでイメージパスを変更するだけです。もしchrome開発者ツールを使って調べると、このクラスを使ってCSSからロゴを呼び出すことができます。

このテーマがロゴを変更する解決策を提供するかどうかを知っているそれは彼らがあなたを助けることができない別の方法です。

助けが必要な場合は私に連絡してください。

0
Rick Benetti

これを行うには多くの方法があります。行こう。

1.ヘッダーファイルだけ

header.phpを開いてロゴが表示されていることを確認し、条件付きホームタグを追加します。このようなもの：

<?php if(is_home()) { ?>
<!-- your custom logo for home here -->
<?php } else { ?>
<!-- your theme logo function here -->
<?php } ?>

2. CSS背景画像を使用する

あなたのheader.phpを開いてtagに行きます。 body_class（）関数を追加してください。

<body <?php body_class($class); ?>>

今、あなたはCSSで家の中のどんな要素でもカスタマイズすることができます。例えば：

body.home .default-logo {background-image:url(your-custom-logo-for-home.jpg) !important;}
0
Rafael Marques