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

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

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

 タグ関連記事

20150212125655

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

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

記事を読む

SiteGuard WP Pluginでログインもログアウトも出来なくなった時にやったこと

前回の続き的なものですがある日突然ログインしても404ページに飛ばされプラグインを削除して再度インストールしてみると 今度はログアウトも404ページに飛ばされどうしようもなくて困ったことを書...

記事を読む

20140107235526

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

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

記事を読む

20150218172703

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

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

記事を読む

20171104161218

wp-includes/SimplePie/Parse/Date.php on line 694のエラーが表示される

PHP7系では数値型エラーが出力されてしまう WordPress に標準搭載されている RSS を出力する関数や、それを利用したプラグインを使用している場合、エラーログを確認したほうが良いです...

記事を読む

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20171005204003.jpg
Auto Post Thumbnailが使えなくなった

無料テーマSimplicityを使えば自動アイキャッチ画像が出来る

20171114140704
Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時

MixHostのサーバーでWindows live writte

20171106070902
WordPressテーマ国産品の無料テーマBLACK-WHITEの紹介

シンプルを追求した WordPress 無料テーマ であなたのブロ

20171105190531
wordpress国産品テーマDROPの紹介

ドロップショッピング用に作られたwordpress無料テーマのテーマ

20171104161218
wp-includes/SimplePie/Parse/Date.php on line 694のエラーが表示される

PHP7系では数値型エラーが出力されてしまう WordPres

→もっと見る


  • Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時へのコメント (mixhostを使っての感想を書いていきます | 時代は変わる(PCやネット関連)より[11/14]) […] Windows live writterから投稿すると403…
  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでも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…

    スポンサードリンク