f:id:r2okarain:20190711102854j:image

 

引っ越しして来ました
リンク修正前です

---------------------------------------------

 

 

大事件発生

目次と見出しがリンクしない

つい最近まで目次と見出しがリンクしていた。見出しをクリックすれば飛んでいた。しかし今は何度クリックしようが反応しない。

 

事の起こりは

  1. 見出しのデザインを変えた
  2. その後、はてなブログの見出しがh3から始まるのを、自動でh2に変更できるCSSコードを、設定→詳細設定→headにコピペして、デザインCSSのhの表示も変更した
  3. HTML編集画面で確かめても、h3がh2に変わらず変化がないので、headのCSSコードを消して、デザインCSSのh 2の表示も元のh3に戻した。
  4. ブログの表示を見ると、h3 が黒の大見出し( 多分h2 )になっている。コピペしたコードは消したのに何故?
  5. デザインCSSのh3~5を、h2~h4に直すと、ブログ画面の見た目は元に戻った様に見えるが、HDML編集画面では h3~h5
  6. バックアップしていたコードを貼っても変わらない

 

問題はリンクより先に

HDML編集画面とデザインCSS画面の見出しの表記が食い違っている

 HTML編集画面では大見出しがh3になっているがデザインCSSでは h2なのだ

 両方が違うからリンクしないのだろう

そして、デザインCSSの表示を h2 から h3に直すと、ブログ画面から大見出しが消えてしまう不思議さ。

 

もうこれは抜本的に直すしかない・・・

解決手順

  1.  h3~h5のコードリセット全部消す
  2. h3~h5のコードも消してテンプ本来の見出しに戻す。しかし何故か戻らない。
  3. 設定→詳細設定→head の中を見る
  4. デザイン→カスタマイズ→ヘッドのタイトル下を見る
  5. デザイン→カスタマイズ→フッタを見る。有ったぁ~それらしいコードが。
  6. 詳細設定のheadにコードをコピペしたのは覚えていたが、フッタにも貼っていたんだ。本人まったく記憶になし。
  7. 速攻で消して解決した。しかし解決したのはリンクだけであり元に戻っただけ。大見出しはh3のままであり、h2にするのは諦めた。

 

反省

目次と見出しのリンクも正常になり、あぁ~良かった。初心者はメモを取りながらしないと、どこに何を貼ったか覚えてない。

 

大混乱したものの、大きな教訓が残った。

まず初心者、やたらに手を出すものでないと心得たり

 

ホント何が起こるか分からないものだ