物欲日記と備忘録
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のアイコンを勝手に加工してること。ライセンス的に…問題ないことを祈ろう。問題ないですよね?
全て表示 »
RSS
Diary P_BLOG Loggix WordPress 物欲 購入 DigitalCamera Anniversary 散策 Event Nature Car(TIIDA) XREA MacBook domain BIKE Wardrobe 書籍 Blog紹介 WebClips Hardware Tips Software
WordPressで運用中のGanesha's Field Notebook.へのリンクを SIDE BAR に表示したい、ということでちまちまカスタマイズ。
まず、./theme/navigation.html を以下のように修正。これだけで一応、目的は達成できる。
class属性だけでなくid属性も付与したのは、後で説明する思惑があったから。ちなみに見出しを"Ext."としたのはJAM LOGのパクリ。たぶん、extensionかextendの略語だと思う。(英語にはまったく自信がない)
さて、これだけでは寂しいのでアイコンを付けることにした。Loggixにデフォルトで添付されている tango-icon のセットの中には気に入ったのが見つからなかったので、考えた末に使っているCMSツールのアイコンにしようと思いついた。つまり、WordPressとLoggixのアイコンだ。
このアイコンを SIDE BAR に配置したリンクの左側に表示させるため、CSSを次のように修正(追記)した。修正したCSSファイルは、もちろんuser_custom.cssだ。
そして、32×32pixelに加工したアイコンを./theme/css/default/imagesにアップロードした。結果はご覧のとおり。
ちょっと心配なのがWordPressとLoggixのアイコンを勝手に加工してること。ライセンス的に…問題ないことを祈ろう。問題ないですよね?