ブログ散歩

主婦の雑記

「はてなブログ」シンプルな見出しにカスタマイズ

「はてなブログ」シンプルな見出しにカスタマイズ

Googleが公開している「pdf」検索エンジン最適化(SEO)スターターガイド - Google

によりますと、「見出しタグを適切に使おう」と書かれております。
ですので見出しは使った方がいいのです。

見出しのデザインをすべてキャンセルし、普通の文字に溶け込ませまる方法です。

見出しも使いながら、見た目はシンプルなデザインになります。

 

 編集前

f:id:hachi001:20171226150837j:plain

 

編集後

f:id:hachi001:20171226150847j:plain

見出しをシンプルにカスタマイズする方法

以下のCSSコードをコピーペーストしてください。

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
  background-color: initial;
  border: none;
  color: initial;
  font-size: 100%;
  font-weight: normal; 
  padding: 0;
  position: initial; 
}

CSSコードをコピーペーストして設定する方法

1.「デザイン設定」→「カスタマイズ(スパナのマーク)」→「デザインCSS」

はてなCSS編集

 

2.「デザインCSS」にコードをコピーしてペースト(貼り付け)してください。

デザインCSSを押すと、入力欄が表示されます。

一番下にペースト(貼り付け)します。

はてなブログ CSS 設定

3.右側にプレビューが表示されると思います。確認してください。

4.気に入ったら、「変更を保存する」を押します。