ある程度nucleusの作り込みはできたので、今日はこれまで書き溜めていた日記をブログにアップしよう。

アップしながら、ふとデザインをちょっとだけ変更したくなった。

nucleusのプラグインで、NP_AutoLinkを利用している。これがなかなかスグレモノで、本文中の文の先頭がURLやメールアドレスかどうかを自動判断して、自動的にリンクを張ってくれるというものだ。(あくまでも、“先頭”なければダメ。ただし、<br />後ならばOK。)

ただ、この時に生成されるリンクは当然スキンで指定したcssのスタイルに従う。基本的にブログ中の全てのリンクはデフォルトの黒系統を使用しているのだが、本文中のリンクはサイト全体のスタイルである青色にしたい。

なので、NP_AutoLink.phpを少しだけカスタマイズ

コード中の“<a href=~”をすべて“<a class="autolink" href=~”に置換した。

あとはスタイルシートで適当に装飾。

#mainContents a.autolink {
  color: #0000FF;
  text-decoration: none;
  background-image: url(../../nucleus/images/button-link.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1em;
}

これで、ブログタイトルや“続きを読む”のリンクはデフォルトの黒系統のまま、本文中のリンクだけ青色にし、ついでにリンクを示す画像(button-link.gif)を頭につけることができた。

↓こんなカンジ。
http://www.nonukes-maria.net/construction/

これでカスタマイズ完了。

めでたしめでたし。

あとはガスガス記事をアップして、寝よう。