などと、タイトルをつけたが、さて。まずは、これを見てください。

このサイトのスタイルが適用された状態です。

これは、Wordpressでは普通のことで何も真新しいことではありません。また、拙作Joomla! MovableType XML-RPCプラグインではRSDに対応しないため（RSD出力をしようと思うと、もう一つプラグインが必要なことと、シングルカテゴリーモードが使えなくなるから対応しません。）これは、できません。

JContentPlusでは、シングルカテゴリーモードが無いためRSDをサポートし、Wordpress同様のことが可能になっています。

ところが、記事の部分だけのスタイルをうまく取り込んでくれるわけでは無いようです。

最初にスタイルシートでの私のレベル

• 今一、親タグに指定したスタイルが子にどう影響するのかわかっていない。
• プロパティ名はほぼ把握しているが、値を入力するときに思い出せないときがある。
• 実は、プロパティ名もあやしい。
• 指定の仕方など、もっとあやしい。

試したみたエディタ

• Aptana Studio
  最近ずっとこれだったが、やっぱり私のレベルでは強力な補完機能が欲しいし、Eclipse二つ起動するのは、どうも・・・。
• TopStyle
  現在のバージョンは、UTF-8に対応していないのでダメ。
• Free CSS Toolbox
  良いのは、圧縮（それぞれ一行にしてくれる）だけだったかもしれない。検索も貧弱すぎる。
• Styleなんとか（名前すら思い出せない）
  ビジュアルなのは、良いが重すぎてどうしようもない。
• その他（頭に残っていない）

などと、スタイルシートの編集をするエディタをいろいろ試してみたが、結局さっき、Dreamweaverを起動した。

テンプレートを作成したり、Javascriptを変更・開発していたりするときブラウザのキャッシュで２度手間になったってことは経験されたことがあると思います。以下のサイトで動的にリンクを出力することでキャッシュさせない（毎回ロードさせる）方法が紹介されていましたのでそれをJoomla!に適用してみます。

http://davidwalsh.name/prevent-cache

http://www.electrictoolbox.com/javascript-css-file-timestamps/

スタイルシートのlinkタグのhref属性部分を例に

簡単に書く
（デバッグ時のみ動的にする。）

<?php echo $this->baseurl;?>/templates/<?php echo $this->template;?>/css/style.css<?php echo JFactory::getConfig()->getValue('debug')? '?'. time(): '';?>

変更のあったときだけ

$filetime = filemtime(JPATH_THEMES. DS. $this->template. DS. 'css'. DS. 'style.css');
<?php echo $this->baseurl;?>/templates/<?php echo $this->template;?>/css/style.css?<?php echo $filetime;?>

何れもcssのリンクは、スタイルシートのhrefの部分です。

こうすることでブラウザのリロードボタンや、CacheをDisableにする手間が少しは軽減できるのでは無いかと思います。開発時は特に持ってこいかもしれません。また、同じファイル名で画像変更したときのブラウザキャッシュ対策にも使えるかもしれません。

お試しあれ

Fontをいっぱいインストールした事が原因なのか以前から一部の英語サイトの英文フォントが筆記体のようになってしまって読みづらくてしょうがない。すべてのサイトではないので我慢して使っていたのですが、ふと思い立って（早く気づけよ）「Firefox 英語フォント」で検索してみた。たぶん何らかの対策方法があるだろうと思っていましたが、やはりありました。

たぶんこちらで説明されているようになっているように思われる。

「縮小運営中？ - Firefoxのカスタマイズ」

要約するとFontリンクが違うフォントを選んでくるみたいな感じでしょうか。

CSSでカスタマイズできるってなんとなく理解していたつもりでしたが、方法は知らなかったのです。もうひとつ検索「Firefox スタイルシート」

「ユーザスタイルシートによるカスタマイズ(1) - えむもじら」

FirefoxのProfileフォルダ > chromeの中にあるuserContents.cssとuserChrome.cssをカスタマイズすれば良いようです。

先のサイトの例を見ながら、試してみました。私の場合、日本語フォントは全く問題ないので日本語フォントを指定せず、日本語フォントを含まない英語フォントだけを指定しました。

解決！・・・かと一瞬思いましたが、全く解決していませんでした。

文字化けするときのサイトのスタイルシートを調べてみると

font-family: "Georgia", "Times New Roman", Times, serif;

こんな風に指定されている。

そこでインストール済みのフォントを調べてみるとGeorgiaフォントにデフォルトではないフォント名のものがひとつ多いみたい。そしてこれを削除したら・・・見事解決しました。

結局、Firefoxのスタイルシートは、元に戻しました。

フォントをインストールするときは、Windowsデフォルトのフォントの邪魔するなって感じでしょうか。

Joomla!にインストールするエクステンションが増えてくるとロードするJavascriptや、スタイルシートが次第に増えてきます。ヘッダ部分がかなり頭でっかちになってしまっているJoomla!サイトも少なくないのではと思います。

テンプレートを作成していてふと思い立ったのでそれをまとめてくれるJoomla!のエクステンションを今、テストサーバーでテストしているところです。まだ、このサイトには適用していませんが、ここも適用すべきサイトになってしまっているのは確かかと思います。

Javascriptにしろ、スタイルシートにしろ複数のファイルをひとつの指定で良いようにしてくれるものは、既出だと思いますが、結局テンプレートのヘッダにそのルールに合うように書き入れなければなりません。それを便利にしたものみたいな感じでしょうか。

近日中には公開できるかなぁくらいな感じです。

でも、需要があるのかなぁ・・・。