アメブロカスタマイズのわざめーばです。

こんにちは。

今回は『ブログタイトルとブログ説明文を消す方法』です。

アメブロのヘッダーに、文字入れしたオリジナルのヘッダー画像を設定した時に、ブログタイトルとブログ説明文が画像と重なって表示されてしまって邪魔になる場合に実施することの多いカスタマイズです。

ちなみに、『消す』と言ってもCSSで非表示にするだけですので、HTMLソースを見ると残っています。

まず確認

このカスタマイズは、CSSの編集で行いますので、もし、やり方がわからない場合はCSSの編集方法を確認しておいて下さい。

CSSを編集

それでは、以下のコードをアメブロのユーザーCSSの最後に追加して下さい。

/* ブログタイトルとブログ説明文を消す */
#header h1,.skinTitleArea{ /* ブログタイトルを消す */
  display:none;
}
#header h2,.skinDescriptionArea{ /* ブログ説明文を消す */
  display:none;
}


このコードは、新旧両デザイン対応です。

お使いのデザインが新デザインか旧デザインかわからない場合は、このコードを使っていただければ安全だと思います。

なお、お使いのデザインが新デザイン『CSS編集デザイン』の場合は、次のコードでも同じ意味です。

/* ブログタイトルとブログ説明文を消す */
.skinTitleArea{ /* ブログタイトルを消す */
  display:none;
}
.skinDescriptionArea{ /* ブログ説明文を消す */
  display:none;
}


また、逆に、お使いのデザインが『【カスタム可能】ベーシック』等の旧デザインの場合は、次のコードでも大丈夫です。

/* ブログタイトルとブログ説明文を消す */
#header h1{ /* ブログタイトルを消す */
  display:none;
}
#header h2{ /* ブログ説明文を消す */
  display:none;
}


もし、ブログタイトルか、ブログ説明文のどちらか一方だけを消したい場合は、グレーで書いてある注釈を参考に、片方の設定を削除してください。

これで、ヘッダー画像と重なってしまって邪魔になるブログタイトルとブログ説明文を見えなくすることができます。

本文はこちらブログタイトルとブログ説明文を消す方法｜アメブロを仕事に活用するためのアイデアノート