ブログカスタマイズ備忘録

ブログの a要素をデコれるようにした。具体的には

<span class="deco"><a class="non deco" href="http://hoge.com/">ジャンプするよ</a></span>

のように class で指定する。a要素の class のnonは、これがあるとオプションの JavaScript による a要素に対する強制的な改変をゆるさない。その JavaScript コードは

var ndlist = document.querySelectorAll("div.entry-content a"); 
var f = function(e) {
  return e.hasAttribute("class") && e.classList.contains("non")
};
for (var i = 0; i < ndlist.length; i++) {
  if (ndlist[i].innerText != "続きを読む")
  {
    ndlist[i].setAttribute("target", "_blank");
    if (!f(ndlist[i])) {ndlist[i].setAttribute("style", "color: #1dbde1;");}
  }
}

というもの。

デザインCSS

span.deco {border: 2px solid moccasin; padding: 1px 2px 1px;  background-color: lemonchiffon;}
a.deco {color: darkkhaki; text-decoration: none; font-size: 95%;}

を指定した。
オベリスク備忘録
みたいな感じになる。