はじめに
アメブロのヘッダー部分に、ブログのタイトルや説明文を入れてある画像を設定した場合、もともとあるタイトルや説明文が画像と重なり見づらくなる場合があります。そこでタイトルや説明文を見えなくする方法です。
※「見えない」ようにしているだけなので実際にはあり、Google様などにはタイトルや説明は認識されます。
ヘッダーに画像を設置する方法が解らない方は「ヘッダーに画像を設置する方法 」をお読み下さい。
適応テンプレート:CSS編集デザイン
ブログタイトルと説明文を消す方法
以下のCSSを編集画面の最下部に追加して下さい。
/* ▼▼ブログタイトル、説明文消す設定ここから▼▼ */
/* ▲▲ブログタイトル、説明文消す設定ここまで▲▲ */
赤で書かれているのがブログのタイトルを消すCSS。
.skinTitleArea{ /* ブログタイトルを消す */
display:none;
}
.skinDescriptionArea{ /* ブログ説明文を消す */
display:none;
}
/* ▲▲ブログタイトル、説明文消す設定ここまで▲▲ */
青で書かれているのがブログの説明文を消すCSS。
どちらかだけを使いたい場合は、いらない方は削除して下さい。
そして、保存をして完了です。
ブログヘッダー部分を確認してみましょう。