こんにちは。
『やさしいブログの作り方』の松田です。
通常ブログタイトルがテキストで表示されている時は、ブログタイトルにはトップページへ戻るリンクが貼ってあります。
しかしオリジナルのヘッダー画像を設置する場合、ブログタイトルと説明文が表示位置的に邪魔になることがあります。^^;
そこで、タイトルと説明文を非表示にして、かつ、ヘッダー画像全体にトップへ戻るリンクを貼るカスタマイズをご紹介します。
以下の記述をCSSの編集画面の最後に追記すればヘッダー画像全体にトップページへのリンクを貼ることができます。
赤文字の高さの値は実際に設置するヘッダー画像の高さと同じ値を入れてくださいね。
最後までお読みいただきありがとうございました。
『やさしいブログの作り方』の松田です。
通常ブログタイトルがテキストで表示されている時は、ブログタイトルにはトップページへ戻るリンクが貼ってあります。
しかしオリジナルのヘッダー画像を設置する場合、ブログタイトルと説明文が表示位置的に邪魔になることがあります。^^;
そこで、タイトルと説明文を非表示にして、かつ、ヘッダー画像全体にトップへ戻るリンクを貼るカスタマイズをご紹介します。
以下の記述をCSSの編集画面の最後に追記すればヘッダー画像全体にトップページへのリンクを貼ることができます。
.skinBlogHeadingGroupArea, .skin-bgHeader{
padding:0;
}
h1.skinTitleArea a, h1.skin-blogMainTitle{
height:300px;
display:block;
text-indent:-9999px;
}
h2.skinDescriptionArea, p.skin-blogSubTitle{
display:none;
}
padding:0;
}
h1.skinTitleArea a, h1.skin-blogMainTitle{
height:300px;
display:block;
text-indent:-9999px;
}
h2.skinDescriptionArea, p.skin-blogSubTitle{
display:none;
}
赤文字の高さの値は実際に設置するヘッダー画像の高さと同じ値を入れてくださいね。
最後までお読みいただきありがとうございました。
無料メール講座配信中
やさしいブログ、書籍化!