Free!なランサー3

ふとした疑問やコアなお役立ち情報をお届けする情報サイト

ヘッダーの背景画像を消す方法と他色々

      2014/12/31

1

なんやかんやでGushからGush2にテーマを変更することにしました。

やるからには本気です。どこまでカスタマイズできるかやってみたいと思います。

素人の管理人がブログ初心者に贈る、Gush2カスタマイズです!

解りづらかったらごめんなさいw

スポンサーリンク

ヘッダー画像の消し方とその他の細かいカスタマイズ

外観>テーマ編集>スタイルシートと開きます。

1024px ヘッダー部分↓

background: #444 url(images/grey_wash_wall.png) left top repeat;を消去します。

これでヘッダー部分の背景画像は消えます。

2

っと!思いきや!

背景に色が付いているじゃなかですか!!!という事でついでに消去しておきましょう!

ヘッダーの背景色を変更

ヘッダ見出し部分↓

background: #666;を消去します。

3

すると真っ白に!

こうなったら成功です!

お疲れ様でした!

と行きたいところですがタイトル下のキャッチフレーズの文字が白色で見づらいのでついでに少しカスタマイズしておきます。

キャッチフレーズの色を変更する

#header .captionのcolorの部分を変更します。

とりあえず#444に変更しました。

枠線を消去する

いらないな?と思う人は参考にどうぞ!

同じ部分です。

 

#header .captionの

上記5番目と6番目を消去します。

box-shadow:inset -1px -1px 0 rgba(255,255,255,0.4);は枠線の影の部分ですので一緒に消去しておきましょう。

44

枠線が取れて、かなりあっさりになりました!!

簡単ですね?皆さんできましたか?

それでは、お疲れ様でした!・・・・・・・・

ブログタイトルを画像に変更する方法↓

【Gush2カスタマイズ】簡単にブログタイトルを画像に変更する方法

 - Gushカスタマイズ , , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  関連記事

wp ロゴ カスタマイズ
wordpressテーマ「Gush」をシンプルにカスタマイズする

そろそろ、ブログ(Gush)のカスタマイズが大体終わったので少しまとめたいと思い …

error
テーマのデザインをカスタマイズ中にエラーでログイン出来なくなった時の対処法方

私はWPテーマGushを使っています。 カスタマイズの際、phpをいじっていざ更 …

6
簡単にブログタイトルを画像に変更する方法

やはりブログタイトルは画像もしくはロゴに限りますね! 名前は一番最初に見られるで …

wp ロゴ カスタマイズ
メニューバーの位置を少しだけ移動させる

見ての通り、当ブログはメニューバーの位置を少しだけずらしています。 Gushのメ …

メニューバー位置変更
メニューバーの位置を変更する方法

Gush2はメニューバーがタイトルの上に表示されているのでタイトルの下に移動させ …

wp ロゴ カスタマイズ
当ブログ「Gush」カスタマイズ記事が紹介されました。

スポンサーリンク 紹介してくださったブログ 100万円を1億にするブログさんで当 …

7
背景画像の前にもう一枚背景を追加する方法

どういう事?って感じですがタイトルのまんまです。 前回紹介した記事↓ ヘッダーの …

wp ロゴ カスタマイズ
wordpress無料テーマ「Gush」のカスタマイズ【補足】

このブログはElloraさんの作った 無料テーマ「Gush」を使用しています。 …