ブログ散歩|はてなブログのオリジナル、カスタマイズ方法&インテリア

部屋のインテリア同様、ブログをお気に入りのオリジナルデザインにカスタマイズ方法を解説。と長くブログを楽しむ、続ける方法を工夫しています。

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

広告

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

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.気に入ったら、「変更を保存する」を押します。