WordPressに外部CSSを適用するEnhancing CSS というプラグインを作りました。

http://wordpress.org/extend/plugins/enhancing-css/

このプラグインは、WordPressの管理画面からプラグインを編集し、サイト上に外部スタイルシートとして添付します。

このプラグインを使用することで、テーマの外観をテーマのカスタマイズを行うこと無く変更することが可能になり、記事に合わせたスタイルの作成が容易になります。

使用例

このプラグインとEnhancing JavaScriptを使用したTwenty Tenテーマのカスタマイズ例を掲載しています。

Enhancing CSS & JavaScriptでTwenty Tenテーマをカスタマイズ

特徴

• 作成したCSSは、外部スタイルシートとして自動的に添付されます。（WordPressの各テーマで添付されるCSSよりも後から読み込まれますので優先されます。くわしくはこちら）
• CSSの編集画面は、色分け表示されており、使いやすいものになっています。
• 物理的にファイルを作成せずにWordPressのrewriteインターフェースを使用していますので、パーミッションの書き換えやファイルの作成等は必要ありません。
• ビジュアル エディターに適用することが可能です。
• 条件付きGETに対応しており、サーバーの負荷を低減させます。
• 子テーマ用のCSSとしてダウンロードでき、必要最小限のコメントや親テーマへのリンクを自動的に挿入します。

スクリーンショット

更新情報

[get_posts disabled_category=1 posts_per_page=5 category_name="EnhancingCSS"]

ライセンス

WordPress 本体に準拠します。
また、色分け表示に CodeMirror を使用していますので、そちらのライセンスにも準拠します。

謝辞

• CodeMirror – CSSの色分け表示に使用しています。