0

Clean Retina はカスタム背景機能をサポートしています。

外観 - >ヘッダーに移動します。画像または色を背景として設定できます。同じ設定ページで背景のプレビューを見ることができます。[変更を保存] をクリックします。注:背景効果はコンテンツ部分のみを変更し、ヘッダーとフッター部分は変更しません。変更をヘッダーとフッターにも反映させたい場合は、カスタム CSS を [外観] -> [テーマ オプション] -> [デザイン オプション] -> [カスタム CSS 入力] フィールドに記述して、ヘッダーとフッターのパターンを非表示にします。変更を保存します。

これが私がやりたいことです。ヘッダーとフッターの背景の色を変更します。私はCSSの経験がなく、インターネットを検索していて、かなりの数の異なるコードを試しましたが、うまくいきませんでした.

4

2 に答える 2

0

あなたの質問から推測するに、あなたは Web デザインに非常に慣れていないので、できるだけ簡単に説明しようと思います。

HTML ページは、、 、などの要素(またはタグ)から構築されます。ほとんどの要素には、開始タグ ( など) と終了タグ (通常はスラッシュを含む など) が必要です。これらのタグの間の情報は、要素のコンテンツであり、任意の数の他の要素、または単なるテキストにすることができます。<div><span><p><div></div>

要素はクラスまたはIDを持つことができます。これは、ページのどの部分の「ルック アンド フィール」を変更するかを CSS が識別するために使用するものです (Javascript のフックまたはリンクのアンカーとして使用されるだけでなく、ここでは説明しません)。今それに入ります）。

クラス(例: )<div class="someClass">...</div>は同じページで複数回使用でき、CSS でピリオド ( .) を前に付けます。そのクラス用に記述した CSS ルールは、そのクラスのすべてのインスタンスに適用されます。例えば：

<style type="text/css">
    .someClass {
        color: red;
    }
</style>

<div class="someClass">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

このコードは、最初と最後<div>の s のテキストを赤にします。

IDは、ページ上で一意になるように設計されています。これらは CSS でハッシュ ( #) のプレフィックスが付けられます。

例えば：

<style type="text/css">
    .someClass {
        color: red;
    }

    #myId {
        color: green;
    }
</style>

<div class="someClass" id="myId">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

IDはclassesよりも「重要」であるため、最初<div>のテキストは緑色になります。また、宣言の後に CSS が来るという事実もあります (重要度が高い場合、ルールはスタイルシートの下にあるルールによって上にあるルールを上書きします)。同じです）。この例として：#myId.someClass

<style type="text/css">
    .someClass {
        color: red;
    }

    .someClass {
        color: black;
    }
</style>

<div class="someClass" id="myId">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

<div>最初の宣言を上書きするため、 first と lastのテキストが黒くなります。

今！あなたの特定の質問に進みます。

あなたがする必要があるのは、テーマのヘッダーとフッターのID#headerが何であるかを調べることです (それらがと であっても驚かないでしょう#footer)。次に、CSS ファイルで行う必要があるのは次のとおりです。

#headerId {
    background-color: yourColour;
}

#footerId {
    background-color: yourColour;
}

(ここで#headerId、 と#footerIdはヘッダーとフッターのIDyourColourで、は選択した色の 16 進コード (またはプレーンテキスト名) です。)

お役に立てれば...

于 2013-01-03T16:10:03.867 に答える
0

あなたがそれを使用している場合、あなたの投稿では、次のものを追加する必要があると思います。

#branding{background-color:blue;}
#colophon{background-color:blue;}

これらの両方のオプションの現在の背景 CSS を必ず削除する必要があります。これらのオプションには、背景色を非表示にする画像が適用されています。それが機能しない場合、またはスタイルシートにアクセスしてこれらのプロパティを削除できない場合は、background プロパティを使用して、以下のように階層内の現在のプロパティを上書きします。

#branding{background:blue;}
#colophon{background:blue;}

もちろん、自分の色を選択してください。

于 2013-01-03T15:45:52.677 に答える