Gushのヘッダーに色や背景画像を付ける

公開日: CSS, wordpress  ,

閲覧所要時間: 約 3

20150218172932

Gushのヘッダーに色を付ける&Gushのヘッダートラブルでの出来事

Gushのオリジナルヘッダーは以下のように白色背景です。
これを私の好きなグリーン色に色をつけた方法のメモ書きです。
20150217025752
このように色をつけました
20150218160035

オリジナルCSS

変更後

御覧の通り
background-color: #9ACD32;
をつけるだけで好きな色に変えることが出来ます。

色じゃなく画像をつける方法は

background-image: url(“ここに画像のアドレス”);

これで好きな画像を入れることが出来ます。

今回私が一人でパニックになったこと

最初に書いたようにGushのヘッダーに色を付けてどんな色にしようか色々試して一度デフォルトに戻したら
突然ヘッダーのタイトル文字が大きくなりしかも左よりになってしまいました。
こんな感じ
20150217025810

これがどうしても不思議で何度も何度もリロードやmod_pagespeed(エックスサーバーで使用)をOFFにしたりと一人相撲を取っていました。
試しに違うドメインでテストしたら正常に表示される
んんんんんんんんんんんん

困り果てた私にはお手上げで違うテーマに変えようかとも思いましたが
Gushの本家にお尋ねしました。

これがまた敏速な対応をしてくれて感謝です。
答えはVersion: 1.1.1にすることでなおりました

以下がポイントとなる箇所です

実際私が使っていたのはVersion: 1.0だったんです。
でもVersion: 1.0のままでも問題なく表示されるんです。
問題の答えは解決したもののどうもしっくりいかなかったからCSSを比べてみることにしました。

Version: 1.0のCSSは以下

Version: 1.1.1のCSSは以下

以上、上のCSSを比べても

がVersion: 1.1.1にあるだけです。

なのになんでなんだろうとまた少し考えてみると
実はCSS以外がVersion: 1.1.1
CSSだけVersion: 1.0になっていたんです。
これは編集してる際に私が間違えてVersion: 1.0の物で更新しちゃったんです。

これは昨日の出来事でしたがFirefoxの問題と重なってのトラブル出来事でした

CSS, wordpressのカテゴリで本日よく読まれてる記事

まだデータがありません。

 関連記事-こちらもどうぞ

 タグ関連記事

20140107235526

wordpressテーマを使ってグリッド表示

今回ちょっとwordpressのグリッド表示に興味が出てきたので色々検索しながらあるテーマをダウンロードしてみました。 ダウンロードにミスがあったのかどうかは分かりませんが 普通に新規追加からアッ...

記事を読む

96b3cbd00ee9965dbed25e3b444d2621_s.jpg

突然wordpressでログアウトが出来なくなった!

突然管理画面にログインしていてログアウトが出来なくなったw どういう事かと言うとログアウトしてもまた同じ画面に戻ってしまうんです。 それでブラウザを閉じてログインしようとしても404ページが...

記事を読む

PAK58_kiokuyorikiroku_TP_V.jpg

エックスサーバーでSimplicityをカスタマイズしても反映されない

久々にwordpressテーマSimplicityのカスタマイズをしたけど1部どれだけリロードしても待っても反映されないwww 以前にmod_pagespeedを有効にしているとこのような現象が...

記事を読む

20150218173624

エックスサーバーに移転しました!

Xdomainでwordpressを使ってこのサイトを管理していたけど少し前からエックスサーバーに変えました。 理由は私の勘違いでアクセスが増えたらドメインを取れば良いと思っていたのですが後から...

記事を読む

b27a471af36017d6c98acf63487003b3_s.jpg

LiteSpeed CacheをONにするとアフィリエイト広告が表示されない現象

アフィリエイト広告を貼り付けても広告が表示されない現象 問題は以下2つの項目をチェック これは広告会社やいろんな環境によっても変わってくるかもしれませんが 私の場合は以下の2つ項目をオフに...

記事を読む

ブログ管理者などによく売れてる本です

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20180114005419.jpg
WordPressテーマ国産品の無料テーマchameleonの紹介

chameleonの特徴 1、シンプル なデザイン 2、ヘ

PAK58_kiokuyorikiroku_TP_V.jpg
エックスサーバーでSimplicityをカスタマイズしても反映されない

久々にwordpressテーマSimplicityのカスタマイズを

74281b8770b9cc5360dbb3bb37f84352_s.jpg
グローバルメニューをスクロール固定する【Simplicity2】

グローバルメニューをヘッダーの一番上に固定する方法を紹介したいと思い

b27a471af36017d6c98acf63487003b3_s.jpg
LiteSpeed CacheをONにするとアフィリエイト広告が表示されない現象

アフィリエイト広告を貼り付けても広告が表示されない現象 問題は

050b4e229c4b4c1f7cf100a204f2c35d_s.jpg
Simplicityのテーマを使って3つハマった事

1、バイラルサイトっぽいFacebookフォローエリアを作成する方

→もっと見る


スポンサードリンク