monolog...

WordPressで運用中のGanesha's Field Notebook.へのリンクを SIDE BAR に表示したい、ということでちまちまカスタマイズ。

まず、./theme/navigation.html を以下のように修正。これだけで一応、目的は達成できる。

<h2>Ext.</h2>
<ul class="menu">
<li id="ext1"><a href="URI" title="リンク先の説明">Ganesha's Field Notebook.</a></li>
<li id="ext2"><a href="URI" title="リンク先の説明">Ganesha's monolog.</a></li>
</ul>

class属性だけでなくid属性も付与したのは、後で説明する思惑があったから。ちなみに見出しを"Ext."としたのはJAM LOGのパクリ。たぶん、extensionかextendの略語だと思う。（英語にはまったく自信がない）

さて、これだけでは寂しいのでアイコンを付けることにした。Loggixにデフォルトで添付されている tango-icon のセットの中には気に入ったのが見つからなかったので、考えた末に使っているCMSツールのアイコンにしようと思いついた。つまり、WordPressとLoggixのアイコンだ。

このアイコンを SIDE BAR に配置したリンクの左側に表示させるため、CSSを次のように修正（追記）した。修正したCSSファイルは、もちろんuser_custom.cssだ。

li#ext1 a {
    padding: 1.2em 0.5em 0.2em 1.6em;
    background: url(./images/wordpress-icon32.png) no-repeat 5px 50%;
}
li#ext2 a {
    padding: 1.2em 0.5em 0.2em 1.6em;
    background: url(./images/loggix-icon32.png) no-repeat 5px 50%;
}

そして、32×32pixelに加工したアイコンを./theme/css/default/imagesにアップロードした。結果はご覧のとおり。

ちょっと心配なのがWordPressとLoggixのアイコンを勝手に加工してること。ライセンス的に…問題ないことを祈ろう。問題ないですよね？