アメブロのヘッダ背景に画像をはめ込んだ後、タイトルと説明文を表示しないようにする。ついでに、画像をクリックするとトップページに戻るようにする。

整理収納雑貨の販売してます。お部屋をスッキリさせる、気に入ったものだけを販売。

 アメブロのヘッダ背景に画像をはめ込むと、タイトルと説明文が画像に重なってしまいます。 レイアウト上、それでいい場合は気にしないでいいのですが、下の例のような場合だと困ります。タイトルと説明文を、いっそ、表示しないようにしましょう。ついでに、ヘッダ画像をクリックするとトップページに戻るようにしますね。

(3-2) ブログヘッダー について

/* (3-2) ブログヘッダー

--------------------------------------------*/

(省略)

 

/* skinTitleArea ブログタイトルのエリア */

.skinTitleArea{

padding-bottom:4px;

}

 

 

/* skinDescriptionArea ブログの説明エリア */

.skinDescriptionArea{}

ここをこのように書き換えます。

 

/* (3-2) ブログヘッダー

--------------------------------------------*/

(省略)

 

/* skinTitleArea ブログタイトルのエリア */

.skinTitleArea{

text-indent: -9999px;

}

 

.skinTitleArea a.skinTitle { 

width: 980px;

height:240px;

display: block;

}

 

/* skinDescriptionArea ブログの説明エリア */

.skinDescriptionArea{

text-indent: -9999px;

}

これは右に書いてあるような意味のことをしています。

 

 

タイトルや説明文は消してしまったわけではないのでSEO上は問題ありません。(の、はずです)

開催情報メールマガジンとお問合せ
ランチ交流会・講演会・ホームページ相談会・学習会の案内やお問合せはこちらから