見出しにリンクを貼る

見出しにリンクを貼る

cocoonの見出しにタグは貼れない

　どうも、cocoonの見出しの中にあるタグは、仕様上、全部削除されてしまうみたいです。
　おかげで、見出しに貼ったリンクが一切働かなくなりました。それで、見出しを外側から、 <a> </a> タグで囲んだら、リンクは働くようになったものの、文字色や下線などが、<a>指定のものに変わってしまいました。

とりあえずphpはいじらないで対応してみる

　見出しに下線も嫌なので、色だけ変えて、下線なしに設定するのには、かなり苦労しました。

/* 見出しのリンクに色 */
body #main.main a.noline-w h2,
body #main.main a.noline-w h3,
body #main.main a.noline-w h4{
  color:#7FFFD4;
}
body #main.main a.noline-b h2,
body #main.main a.noline-b h3,
body #main.main a.noline-b h4{
  color: #1967d2;
}

/* 下線を非表示 */
.noline-w,
.noline-b{
  text-decoration:none;
}
.noline-w :hover,
.noline-b :hover{
  text-decoration:underline;
  color: #e53900;
}

　下線については、<a>タグに指定しないとうまくいかないようなので、不細工で、そのたびにページの方で指定するのも嫌ですが、しょうことなしに、
　　<a class=”noline-b” href=”https://www.****”><h3> </h3></a>
の様に、記述することにしました。
　薄いリンクと、濃いリンクが使えるように、2つのクラスを用意しました。