ブログタイトルと説明文を消してヘッダーを トップページへのリンクにする方法 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

おはようございます。

二重人格ブログ?のつくり方をご紹介してみたいと思います^^;

このブログの基本設定は、このようになってます。2014/02/16



検索窓に、このブログのトップページのURL(アドレス)を入力すると、このように出て来ます。(↓)




でも実際には、このように表示されています(↓)




ブログタイトルと説明文を非表示にして、ヘッダー画像にテキスト(ブログタイトルと説明文)を入れているためです。

で、通常はブログタイトルをクリックすると、そのブログのトップページへのリンクになってますが、このブログは、非表示にしている為、ヘッダー画像そのものを、トップページへのリンクにしてます。

ブログタイトルと説明文を消してヘッダーを トップページへのリンクにする方法をご紹介します。

※CSS編集用デザインを採用されている方向けです。


以下のコードをCSSの末尾にコピペ(貼り付け)して下さい。

/* タイトルと説明文を消してヘッダーをリンクにする */
.skinHeaderArea2{
padding:0;
}
.skinBlogHeadingGroupArea{
padding:0;
}
.skinDescriptionArea{
display:none;
}
.skinTitleArea{
padding:0;
text-indent:-9999px;
}
.skinTitle{
display:block;
height:300px;
}

※最後の、閉じかっこ⇒}を抜かしちゃう事が、よくありますので注意して下さい。

また、同じような記述がCSSに書かれていた場合、後から(下に、末尾に)書かれたコードが有効になりますので、いちいち、その書かれている場所を探して訂正するより、末尾に新たに記述した方が効率的で間違いが少ないと思います。


貼りつけが終わりましたら、保存して更新(F5キー)してください。


ヘッダー画像そのものに、ブログタイトルや説明を表示したい場合、この方法を使っていただければと思います。


参考になると、うれしいのですが・・



☆ブィブィ ゞ(^_^)v