ブログのヘッダーをなおしました

ブログのヘッダーをなおしました

今日は、不死身のシニアのブログのヘッダーを、なんとかしなくてはと思った次第です。

 

と言うのは、不死身のシニアは、3月で69歳になったのです。

ブログでは、68歳のままです。

ヘッダー変更前

70歳まで放おっておこうかと思いましたが、やはり直します。

歳をかくしてもしょうがないですから。

 

このブログは、ワードプレスです

テーマは、賢威6.2ヘルシー版です。

デフォルトのヘッダーは、木の葉です。

これ結構見かけますね。

テーマ賢威6.2

 

ワードプレスは得意ですか?

教えるくらい得意な人がいたら、是非教えてもらいたいですね。

やはり、ワードプレスはに苦手です。

と言う訳で、ヘッダーの変更前と変更後です。

 

変更前

ヘッダー変更前

変更後

ヘッダー変更後

変更は3箇所だけです。

 

1.ブログのメイン・タイトルの、”68歳不死身のシニア・・・

69歳に変更します。

管理画面 設定 一般

歳はとりたくないですね。

でも、こうなったら、早く70歳になりたいです。

70歳になれば、会社でもこき使われなくなるのではと期待しています。

 

 

2.左側に小さな黒の文字が出ています。

これはブログタイトルのh1です。これは、いらないです。

出ないようにします。

ヘッダー変更前

 

3.右の ”不死身といわれるほど・・・・

これも色が黒で、読みにくいですね。

色を変えて、読みやすくします。

ヘッダー変更前

 

変更方法

1. 表示する文字は、管理画面から、変更出来ます。

設定→一般

文字の表示を止めるには、CSSの変更です。

この部分のコードを削除する。

でも、削除すると、復活の仕方を忘れやすいです。

h1に文字を入れないか、文字サイズを0にします。

背景と同じ色にする手もあります。

 

2.文字の配置、大きさ、色の変更は これもCSSの変更です。

CSSって、これも苦手です。

しかし適当にいじくればいいのです。

外観→テーマ→テーマの編集→design.css(スタイルシートの部分)

design.cssを編集します。

CSSの編集

#header h1 のfont-sizeを0にする。

これでh1の文字が出ない

 

ヘッダーテキスト・右上の文章のcolorを9ff(空色)にする。

これで、黒から空色になります。

 

やって見れば簡単ですね。

 

注意してください

バックアップを取ってから編集してくださいね。

バックアップは、コピーして、メモ帳かなんかに貼り付けて、

名前を付けて保存です。
バックアップデザインcss

 
 

色の変更は簡単ですよ!

色見本帳
色見本

光の3原色の R(赤) G(緑) B(青)

それぞれの強さを、0からfまでの16段階で設定します。

 

最強の fff なら白です(3桁表示)
ffffffなら白です(6桁表示)

最弱の 000 なら黒です(3桁表示)
000000なら黒です(6桁表示)

 

設定出来る色の数は、

3桁表示なら 16*16*16=4,096色です。
6桁表示なら 16*16*16*16*16*16=16,777,216色です。

 

ワードプレスのデザインの編集に

クロームのデベロッパーツールを使う方法もあります。

 

CSSをいじると、リアルタイムで、表示が変わるので、

良いのですが、使い方を忘れてしまいました。

 

身近にSEをやっている人なんかいて、教えてくれるなんて、

最高なんですがね!

このページの先頭へ