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のカテゴリで本日よく読まれてる記事

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

他カテゴリで本日よく読まれてる記事

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

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

 タグ関連記事

20150727120525

Jetpack for WordPressと連携が出来ない

Jetpack for WordPressをずっと使い続けてきましたが今回初めて連携が出来いと言うアクシデントに遭遇www エラーメッセージは以下 Jetpack を利用するには、サイトが公開され...

記事を読む

20150218173624

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

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

記事を読む

20150218172703

Jetpackが削除出来なくなって困りました

wordoressで作ったサイトを丸ごと複製移動の出来事最初のデータベースのバックアップ時にプラグインを有効にしたままバックアップを取ったせいか現時点では分かりませんが jetpackが正常...

記事を読む

wordpressでメディア(画像)が表示されない

今回のトラブルはwordpressをドメインごとサーバーの移転をしました。 そしたらメディア画像が表示されないし新規で画像を投稿しても表示されないwww こんな感じですFTPから確認しても...

記事を読む

20150212125655

phpMyAdminのユーザー名とパスワードを忘れたらこれを見ろ!

データベースを新規作成したけどついついユーザー名やパスワードをメモするのを忘れてしまう私www いざphpMyAdminにログインしようとした時にこんな画面が出て焦ってしまいました。 wordpr...

記事を読む

コメントを残す

更新情報

Simplicity2.4安定版が出ました  更新日: 12月13日
STINGER8が出ました  更新日: 12月13日
20170719235441
Simplicityの固定ページにショートコードを使って特定のカテゴリを表示する方法

今から紹介する方法はSimplicityのテーマじゃなくても動きま

20170719095238
WordPressの固定ページでカテゴリーやタグを使えるようにする方法

今まで使う機会がなかったのですがちょいと入り用が出来たので固定ペー

20170711084633
Simplicityのカスタマイズ時にスタイルシートが反映されない時の注意

Simplicityで良くハマることがスマホ用のスタイルシートが反

20170602170051
Simplicityで使えるスキンの「m-tomato」が凄く良い

Simplicityではスキンと言う機能があり スタイルシートの

20170520130242
無料テーマの「Numinous」の紹介

Numinous はクリーンでエレガントなマガジンタイプの Wor

→もっと見る


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

  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでもPC表示にする方法 - 週間後藤隊長より[06/18]) […] 参考サイト […]
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (優香より[02/17]) お返事遅くなり申し訳ございませんでした。 wordpress popular p…
  • そのままでは危ないWordPressの設定へのコメント (【重要】WordPress4.7と4.7.1の人は4.7.2にすぐにアップデートしましょう! | 時代は変わる(PCやネット関連)より[02/12]) […] そのままでは危ないWordPressの設定マメにWordP…
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (HYより[02/09]) この記事大変参考になりました。 すみません。一つご質問があります。 「Wor…
  • wordpressテーマのGushにしたらwp-jquery-lightboxが動かないへのコメント (優香より[03/01]) Elloraさん こちらこそよろしくお願いします。 ありがとございました。

    スポンサードリンク